/*css author:Nda activeboxsite 2008*/ /*========================================================================*/ /* MAIN ELEMENTS */ /*========================================================================*/ *{margin:0px; padding:0px;} body { margin:0px; padding:0px; background:#939393; font: normal 14px/1.5em Arial; color:#3b3b3b; } .clear { clear:both; margin:0px; padding:0px; } .space { clear:both; margin:0px; padding:0px; height:10px; border:none; } h1,h2,h3 {margin:0px; padding:0px;} h1 {margin:10px 0px; padding:0px; font:bold 18px/1em Arial; color:#444;} h2 {margin:10px 0px; padding:0px; font:bold 17px/1em Arial; color:#444;} h3 {margin:0px; padding:0px; font:bold 15px/1em Arial; color:#444;} h4 {margin:0px; padding:0px; font:bold 14px/1em Arial; color:#444;} a { border:none; text-decoration: underline; color:#000;} a:hover { border:none; text-decoration: none; color:#000;} a.phone { border:none; text-decoration:none; color:#ff9130;} a.phone:hover { border:none; text-decoration:underline; color:#ff9130;} a.moreblue { border:none; text-decoration:none; color:#0f5496; font-weight:bold;} a.moreblue:hover { border:none; text-decoration:underline; color:#0f5496; font-weight:bold;} img { border:none; } img.iconside{margin:5px 10px -7px 0px; padding:0px;} img.rightposition { float:right; margin:0px; padding:0px;} a img { border:none; } a:hover img { border:none; } .dot ul{margin:0px; padding:0px;} .dot li{margin-left:20px; list-style-image: url(http://www.clearpathtechnology.com/images/dot.gif);} /*========================================================================*/ /* WRAPPING */ /*========================================================================*/ #wrap_topitem { clear:both; margin:0px; padding:0px; width:100%; text-align: left; } #wrap_header { clear:both; margin:0px; padding:0px; width:100%; background:url(http://www.clearpathtechnology.com/images/bg_wrapheader.gif) repeat-x; text-align:left; } #wrap_bannerTop { clear:both; margin:10px 0px; padding:0px; width:100%; background:transparent; text-align: left; } #wrap_content { clear:both; margin:0px; padding:0px; width:100%; height:auto; background:none; } /*========================================================================*/ /* TOP ITEM */ /*========================================================================*/ .topitem { margin:0px auto; padding:0px; width:1000px; height:226px; background:url(http://www.clearpathtechnology.com/images/bg_topitem.jpg) no-repeat; } .topitem_left { float:left; margin:0px; padding:0px 0px 0px 20px; width:550px; height:auto; background:url(http://www.clearpathtechnology.com/images/logo.png) no-repeat 30px 30px; } .logo { } .topitem_right { float:right; margin:0px; padding:30px 30px 0px 0px; width:380px; height:auto; } .menutop ul { margin-top:175px; padding:0px; width:auto; height:auto; } .menutop ul li { display:inline; margin:0; padding:0; } .menutop ul li a { float:left; background: url(http://www.clearpathtechnology.com/images/menutop.gif) repeat-x left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a:hover { float:left; background: url(http://www.clearpathtechnology.com/images/menutopHover.gif) repeat-x left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a.active { float:left; background: url(http://www.clearpathtechnology.com/images/menutopHover.gif) repeat-x left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a.active:hover { float:left; background: url(http://www.clearpathtechnology.com/images/menutopHover.gif) repeat-x left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a.left { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_left.gif) no-repeat left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a.left:hover { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_leftHover.gif) no-repeat left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a.leftActive { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_leftHover.gif) no-repeat left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a.leftActive:hover { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_leftHover.gif) no-repeat left top; margin:0px; padding:15px 20px 0px 20px; width:auto; height:36px; text-decoration:none; border-right:1px solid #8c8c8c; font-weight:bold; color:#3b3b3b; } .menutop ul li a.right { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_right.gif) no-repeat right top; margin:0px; padding:15px 80px 0px 20px; width:auto; height:36px; text-decoration:none; border:none; font-weight:bold; color:#3b3b3b; } .menutop ul li a.right:hover { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_rightHover.gif) no-repeat right top; margin:0px; padding:15px 80px 0px 20px; width:auto; height:36px; text-decoration:none; font-weight:bold; color:#3b3b3b; border:none;} .menutop ul li a.rightActive { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_rightHover.gif) no-repeat right top; margin:0px; padding:15px 80px 0px 20px; width:auto; height:36px; text-decoration:none; font-weight:bold; color:#3b3b3b; border:none } .menutop ul li a.rightActive:hover { float:left; background: url(http://www.clearpathtechnology.com/images/menutop_rightHover.gif) no-repeat right top; margin:0px; padding:15px 80px 0px 20px; width:auto; height:36px; text-decoration:none; font-weight:bold; color:#3b3b3b; border:none } .phoneside { margin:0px; padding:0px; width:auto; height:auto; text-align:right; } .menutop2 { margin:50px 5px 0px 5px; *margin:55px 5px 0px 5px; width:auto; height:90px !important; height:80px; } .menutop2item { float:left; margin:0px 5px; padding:0px 10px; height:auto; text-align:center; } .menutop2item a { font:bold 14px/1em Arial; color:#3b3b3b; text-decoration:none; } .menutop2item a:hover { font:bold 14px/1em Arial; color:#0c4888; text-decoration:none; } .menutop2item a.active { font:bold 14px/1em Arial; color:#0c4888; text-decoration:none; } /*========================================================================*/ /* HEADER */ /*========================================================================*/ .header { margin:0px auto; padding:0px; width:1024px; height:256px; background:url(http://www.clearpathtechnology.com/images/header.jpg) no-repeat; } /*============= CONTENT ================*/ /*========================================================================*/ /* CONTENT */ /*========================================================================*/ .content { margin:0px auto; padding:20px 20px 0px 20px; width:960px; height:auto; background:url(http://www.clearpathtechnology.com/images/bg_content.gif) repeat-y; } /*============= left content ================*/ .content_left { float:left; margin:0px; padding:0px 0px 0px 10px; width:510px; height:auto; } /*============= right content ================*/ .block_right { float:right; margin:0px; padding:0px; width:420px; height:auto; } .midbox { margin:0px; padding:20px; width:376px; height:272px; background:url(http://www.clearpathtechnology.com/images/bg_midbox.jpg) no-repeat; font:bold 13px/1.5em arial; } .mid_boxVideo { margin:0px auto; padding:0px; width:330px; height:275px; } .box_testi { margin:0px; padding:90px 30px 0px 30px; width:356px; height:158px; background:url(http://www.clearpathtechnology.com/images/bg_testimonial.jpg); font:bold 13px/1.5em arial; } .menu_midbox { margin:0px; padding:0px; width:416px; height:auto; background:transparent; font:bold 13px/1.5em arial; } .menu_midbox ul {padding:0px 0px 0px 7px; margin:0; list-style:none; height:57px; position:relative; font-size:13px; } .menu_midbox ul li {float:left; height:57px; margin:0px 2px 0px 0px; } .menu_midbox ul li a {display:block; float:left; height:57px; color:#242424; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 15px; cursor:pointer; background:url(http://www.clearpathtechnology.com/images/menu_0a.gif) no-repeat; } .menu_midbox ul li a b {float:left; display:block; height:47px; padding:10px 16px 0px 0px; background:url(http://www.clearpathtechnology.com/images/menu_0b.gif) no-repeat right top;} .menu_midbox ul li a:hover {color:#242424; background:url(http://www.clearpathtechnology.com/images/menu_2a.gif) no-repeat;} .menu_midbox ul li a:hover b {background:url(http://www.clearpathtechnology.com/images/menu_2b.gif) no-repeat right top;} .menu_midbox ul li.current a {color:#242424; background:url(http://www.clearpathtechnology.com/images/menu_2a.gif) no-repeat;} .menu_midbox ul li.current a b {background:url(http://www.clearpathtechnology.com/images/menu_2b.gif) no-repeat right top;} .menu_midbox ul li.current a:hover {color:#242424; background: url(http://www.clearpathtechnology.com/images/menu_2a.gif) no-repeat; cursor:default;} .menu_midbox ul li.current a:hover b {background:url(http://www.clearpathtechnology.com/images/menu_2b.gif) no-repeat right top;} /*============= sidebar left ================*/ .sidebar_left { float:left; margin:0px; padding:0px; width:320px; height:auto; } /*============= content right ================*/ .content_right { float:right; margin:0px; padding:0px 0px 0px 10px; width:610px; height:auto; } .fill_form { float:left; margin:0px; padding:0px 0px 0px 50px; width:550px; height:auto; } .fill_form p{ margin:0px; padding:0px; padding-bottom:4px;} .fill_form_text { float:left; margin:0px; padding:0px 0px 0px 0px; width:200px; height:auto; } .fill_form_field { float:right; margin:0px; padding:0px 0px 0px 0px; width:350px; height:auto; } .text_field { height:16px; width:190px;} .choose_field { height:22px; width:245px; padding-left:2px; padding-top:1px;} .phone_field { height:17px; width:140px;} .requirements_field { height:98px; width:260px;} .code_image { margin-left:10px;} .portfolio { margin:0px auto; padding:0px; width:600px; height:auto; } .portfolio img { margin:3px 17px; padding:4px; background:#fff; border:1px solid #909090; text-decoration:none;} .website_analysis { float:left; margin:0px; margin-left:100px; padding:0px 0px 0px 0px; width:240px; height:auto; } /*============= sidebar left grey ================*/ .title_leftsidegrey { clear:both; margin:0px; padding:0px; width:320px; height:13px; background:url(http://www.clearpathtechnology.com/images/title_leftsidegrey.gif) no-repeat bottom; font-size:2px;} .box_leftsidegrey { float:left; margin:0px; padding:0px 0px 10px 0px; width:320px; height:auto; background:#c0c0c0; } .box_leftsidegrey-blog { float:left; margin:0px; width:300px; height:auto; background:#c0c0c0; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .bottom_leftsidegrey { clear:both; margin-bottom:10px; padding:10px 0px; background:url(http://www.clearpathtechnology.com/images/bottom_leftsidegrey.gif) no-repeat; } /*--menus--*/ .wrap_leftsidein { margin:0px auto; padding:0px; width:305px; height:auto; } .title_leftsidein { clear:both; margin:0px; padding:0px; width:305px; height:6px; background:url(http://www.clearpathtechnology.com/images/title_leftsidein.gif) no-repeat bottom; font-size:2px;} .title_leftsideinService { clear:both; margin:0px; padding:0px; width:305px; height:40px; background:url(http://www.clearpathtechnology.com/images/title_leftsideinService.gif) no-repeat bottom; font-size:2px;} .title_leftsideinForm { clear:both; margin:0px; padding:0px; width:305px; height:40px; background:url(http://www.clearpathtechnology.com/images/title_leftsideinForm.gif) no-repeat bottom; font-size:2px;} .box_leftsidein { float:left; margin:0px auto; padding:10px; width:285px; height:auto; background:url(http://www.clearpathtechnology.com/images/box_leftsidein.gif) repeat-y; } .bottom_leftsidein { clear:both; margin-bottom:10px; padding:0px; height:17px; background:url(http://www.clearpathtechnology.com/images/bottom_leftsidein.gif) no-repeat; } .box_leftsidemenu { margin:0px auto; padding:0px; width:270px; height:auto; } .box_leftsidemenu a { display:block; margin:0px; padding:10px 0px; width:auto; height:20px; color:#4c4c4d; text-decoration:none; font-weight:bold; border-bottom:dashed 1px #4c4c4d;} .box_leftsidemenu a:hover { display:block; margin:0px; padding:10px 0px; width:auto; height:20px; color:#125ea0; text-decoration:none; font-weight:bold; border-bottom:dashed 1px #4c4c4d;} .box_leftsidemenu a.active { display:block; margin:0px; padding:10px 0px; width:auto; height:20px; color:#125ea0; text-decoration:none; font-weight:bold; border-bottom:dashed 1px #4c4c4d;} /*============= block bottom ================*/ .block_bottom { float:left; margin:0px auto; padding:0px 10px; width:936px; height:260px; background:url(http://www.clearpathtechnology.com/images/bg_blockbottom.gif); } .blockb_box { float:left; padding:10px 5px 0px 5px; width:222px; height:250px; background:url(http://www.clearpathtechnology.com/images/sep_blockbot.png) no-repeat right; } .blockb_boxRight { float:left; padding:10px 5px 0px 5px; width:222px; height:250px; background:transparent; } .blockb_title { float:left; padding:50px 0px 0px 0px; width:auto; height:30px; font:bold 15px/1em arial; color:#ff6600; } .blockb_img { float:right; width:auto; height:80px; } .blockb_desc { float:right; padding:5px 0px 0px 0px; width:222px; height:125px; font:normal 12px/1.2em arial; } .blockb_link { float:right; padding:0px 10px 0px 0px; width:212px; height:25px; background:url(http://www.clearpathtechnology.com/images/lineorange.gif) no-repeat left center; text-align:right; } /*========================================================================*/ /* BOXED */ /*========================================================================*/ .box_teamgallery { margin:0px auto; padding:0px; width:460px; height:auto; } .box_teamgallery a img { margin:0px 10px; padding:4px; background:#fff; border:1px solid #013396; text-decoration:none;} .box_teamgallery a:hover img { margin:0px 10px; padding:4px; background:#fff; border:1px solid #aed61d; text-decoration:none;} /*========================================================================*/ /* FOOTER */ /*========================================================================*/ #footer { clear:both; padding-top:40px; margin:0px auto; width:1000px; height:100px; background:url(http://www.clearpathtechnology.com/images/bg_footer.gif) no-repeat top; font: normal 12px/2em Arial, sansans-serif; color:#fff; text-align:center; border:none; } #footer p{ margin:0px; padding:0px; font-size:12px; line-height:20px; color:#fff; } #footer a{ margin:32px 3px 20px 3px; padding:10px 3px; color:#fff; text-decoration:none; } #footer a:hover{ text-decoration:underline; } /*========================================================================*/ /* DTD STYLE FORM */ /*========================================================================*/ dl.control .form { margin:5px 0; padding:0px; width:760px; float: left; text-align: left !important; } dl.control dt { clear: both; display:block; height:25px; margin:5px 0; } dl.control dt.autoheight { clear: both; display:block; height:auto; margin:5px 0; } dl.control dt label { float:left; padding:0px 0px 0px 0px; width:60px; font:bold 13px/1em arial; } dl.control dt label.floatright { float:left; padding:3px 0px 0px 5px; width:auto; font:bold 13px/1em arial; } dl.control dt input { float:left; width:auto; } dl.control dt input.text { float:left; width:200px; } dl.control dt input.code { float:left; width:100px; } dl.control dt input.button { margin:0px 0px 0px 0px; padding:0px 0px 4px 0px; width:67px; height:29px; border:none; background:url(http://www.clearpathtechnology.com/images/bg_button.gif); font: bold 12px/1em arial; color:#fff; cursor:pointer; } dl.control dt input.buttonsmall { margin:0px 5px 0px 0px; padding:0px 0px 4px 0px; width:67px; height:29px; border:none; background:url(http://www.clearpathtechnology.com/images/bg_button.gif); font: bold 12px/1em arial; color:#fff; cursor:pointer; } dl.control .select { width: 100px; } dl.control .textarea { width: 100px; } /*========================================================================*/ /* INNER PAGE */ /*========================================================================*/ .readMore { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; font-weight:bold; border-bottom:1px #999999 dashed; text-align:right;} .readMore a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;} .readMore a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#565656; text-decoration:underline; font-weight:bold;} .sitemap_icon { margin-left:40px; margin-right:4px;} .sitemap_icon_sub { margin-left:60px; margin-right:4px;} .sitemap { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b3b3b; text-decoration:none;} .sitemap a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b3b3b; text-decoration:none;} .sitemap a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#747373; text-decoration:underline;} .employeeWord { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#429a01; font-weight:bold;} .servecesHeading { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3b3b3b; text-decoration:none; font-weight:bold;} .servecesHeading a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3b3b3b; text-decoration:none; font-weight:bold;} .servecesHeading a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6a6a6a; text-decoration:none; font-weight:bold;} .small_heading { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3b3b3b; text-decoration:none; font-weight:bold; border-bottom:1px #999999 dotted;} .small_text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3b3b3b; text-decoration:none; } #Step_1 { display:none; } #Step_2 { display:none; } #Step_3 { display:none; } /*=====================*/ #sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } #sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } #sidebar h2 { margin: 5px 0 0; padding: 0; } html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }