/*********************************** Color Palette ************************************ */ /*********************************** Reset ***********************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; background-repeat: no-repeat; zoom:1; } ol, ul { list-style: none; } html { overflow-y: scroll; } /*********************************** Universals ***********************************/ div#preloaded-images { display: none; } .last { margin: 0; } .clearall { clear: both; } .floatright { float: right; margin-left: 16px; } .floatleft { float: left; margin-right: 16px; } small { font-size: 10px; } /*********************************** Essentials ***********************************/ body { font-family: Lucida Grande, Verdana, Sans-serif; font-size: 12px; color: #999; background-color: #000000; } a { color: #6E6E6E; cursor: pointer; text-decoration: none; } a:hover { text-decoration: underline; } /*********************************** Wrappers ***********************************/ #contacttop {width:900px; padding-top:3px; padding-right:5px; margin-left:auto; margin-right:auto;} #contacttop p{ font-size: 11px; color:#FFF; float:right; background-image:url(../images/error.png); background-position:left; background-repeat:no-repeat; background-position:center left; padding-left:25px; behavior: url(/assets/css/iepngfix.htc);} #contacttop p.left{ font-size: 11px; color:#FFF; float:left; padding-left:0px; background:none;} #pageWrapper {background-image:url(../images/top.jpg); background-repeat:no-repeat; background-position:center top; background-color: #000; width:100%;} #contentWrapper {margin-left:auto; margin-right:auto; padding-top:50px; width:900px;} #footerWrapper {margin-left:auto; margin-right:auto; position:relative; width:900px; top:-110px; z-index:3; overflow:hidden;} #portfolioWrapper{margin-left:auto; margin-right:auto; width:900px; float:left; margin-top:50px; position:relative;} #output{width:900px;height:65px; float:left; position:relative; top:-50px;} #output h2{font-size:18px;} #output p{font-size:12px; width:450px;} #emg{color:#ffffff; filter: Alpha(opacity=100); zoom: 1;} #srq{color:#ffffff; filter: Alpha(opacity=100); zoom: 1;} #usa{color:#ffffff; filter: Alpha(opacity=100); zoom: 1;} #adda{width:200px; } #addb{width:200px; } #addc{width:200px;} #image { width: 685px; height: 345px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”http://hbuilt.net/assets/images/portfolio/srqrentals.png”, sizingMethod=”scale”); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”http://hbuilt.net/assets/images/portfolio/emg.png”, sizingMethod=”scale”); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”http://hbuilt.net/assets/images/portfolio/usaequityrecovery.png”, sizingMethod=”scale”); } #opacity { filter: Alpha(opacity=100); zoom: 1; } /*********************************** Header ***********************************/ #header {margin-bottom: 16px; width:900px;} #logo { background-image:url(../images/logo.png); width:175px; height:105px; float: left; margin-right:55px; behavior: url(/assets/css/iepngfix.htc); margin-top:-20px; margin-bottom:20px; } /*********************************** Nav ***********************************/ #nav_container {margin:15px auto 0; padding-top:0px; float:right; width:660px;} #nav_container ul {margin: 0; padding: 0px; height:50px;} #nav_container ul li {height:50px; float:left;} #nav_container ul li a{height:50px; display:block;} #nav_container ul li.home{width:88px; background-image: url(../images/nav/home_no.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.homeSelected{width:88px; background-image: url(../images/nav/home_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.home:hover{width:88px; background-image: url(../images/nav/home_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.portfolio{width:87px; background-image: url(../images/nav/portfolio_no.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.portfolioSelected{background-image: url(../images/nav/portfolio_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.portfolio:hover{width:87px; background-image: url(../images/nav/portfolio_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.design{width:92px; background-image: url(../images/nav/design_no.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.designSelected{background-image: url(../images/nav/design_yes.png); behavior: url(/assets/css/iepngfix.htc);background-repeat:no-repeat;} #nav_container ul li.design:hover{width:92px; background-image: url(../images/nav/design_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.marketing{width:92px; background-image: url(../images/nav/marketing_no.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.marketingSelected{background-image: url(../images/nav/marketing_yes.png); behavior: url(/assets/css/iepngfix.htc);background-repeat:no-repeat;} #nav_container ul li.marketing:hover{width:92px; background-image: url(../images/nav/marketing_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.consult{width:99px; background-image: url(../images/nav/consult_no.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.consultSelected{background-image: url(../images/nav/consult_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.consult:hover{width:99px; background-image: url(../images/nav/consult_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.company{width:92px; background-image: url(../images/nav/company_no.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.companySelected{background-image: url(../images/nav/company_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.company:hover{width:92px; background-image: url(../images/nav/company_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.quote{width:107px; background-image: url(../images/nav/quote_no.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.quoteSelected{background-image: url(../images/nav/quote_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #nav_container ul li.quote:hover{width:107px; background-image: url(../images/nav/quote_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} /*********************************** Footer ***********************************/ #bottomimg {background-image:url(../images/footer.png); background-repeat:no-repeat; background-position:center top; height:374px; width:100%; background-color: #000; margin-top:-195px; z-index:1; margin-left:auto; margin-right:auto;} #footerWrapper .footerNavWrapper {float:left; font-size: 10px; height:200px; margin-right:10px;} #footerWrapper .footerNavWrapper h2 {float:left; width:195px; margin-bottom:5px; margin-top:5px; font-size: 17px; color:#ffffff;} #footerWrapper .footerNavWrapper ul {height:100px; width:200px;} #footerWrapper .footerNavWrapper ul li {font-size: 11px; list-style:none; color:#6E6E6E; text-decoration:none;} #footerWrapper .footerNavWrapper ul li a {font-size: 11px; list-style:none; color:#6E6E6E; text-decoration:none;} #footerWrapper .footerNav {float:left; width: 100px; font-size: 10px; background-color:green; height: 100px; margin-right:25px;} #footerContact {background-image:url(../images/footer/freeproposal.png); background-repeat:no-repeat; background-position:center top; float:right; width: 265px; font-size: 10px;} #footer {margin: 0 auto; width: 800px; font-size: 10px;} #footerLinksWrapper{ position:relative; margin:0px auto 0 auto; width:930px; overflow:hidden; top:-90px; } #footerLinksWrapper p{ font-size:11px; text-align:center; margin-bottom:10px; color:#6E6E6E;} #footerlinks {width:930px; height:50px; float:left; text-align:center; color:#6E6E6E; font-size:11px;} #footerlinks a {text-decoration:none; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:10px;} #continueForm {margin-top:30px; margin-bottom:5px;} #continueButton {background-image:url(../images/footer/continue.png); background-repeat:no-repeat; background-position:right top; width:200px; height:50px; float:right;} /*********************************** Content ***********************************/ #toptxt {z-index:5; position:relative; width:590px; height:20px; margin-top:20px; float:left;color:#FFF; font-size:20px; font-weight: bold;} #midtxt { clear:both; color:#999; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:13px; width:590px; float:left;} .sub_page_content_left{width:50%; float:left; overflow:hidden;} .sub_page_content_right{width:50%; float:left;overflow:hidden;} .sub_page_content_left img{margin-bottom:25px;} .sub_page_content_right img{margin-bottom:25px;} #sub_page_content {width:660px; margin-top:35px; margin-left:25px; float:left; margin-bottom:25px; position:relative;} #sub_page_content_logo{width:675px; margin-top:35px; margin-left:15px; float:left; margin-bottom:25px; position:relative;} #sub_page_content h5, #sub_page_content_logo h5 {color:#ffffff; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:18px; width:650px; float:left; margin: 0 0 0px 0;} #sub_page_content p {margin: 0 0 16px 0; color:#6e6e6e; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:12px; float:left; width:650px;} #sub_page_content span {margin: 0 0 15px 0; color:#6e6e6e; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:12px; width:280px; display:block;} #sub_page_content img {color:#6e6e6e; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:12px; margin-right:15px; margin-bottom:15px;} #sub_page_content ul{float:left; margin: 0 0 15px 15px;} #sub_page_content ul li {height:100%;padding-left:20px; background-image:url(../images/bullet_blue.png); background-position:top left; background-repeat: no-repeat; color:#6e6e6e; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:12px; behavior: url(/assets/css/iepngfix.htc); margin: 0 0 5px 0;} ul#timeline {float:left; margin: 0 0 15px 15px; width:650px;} ul#timeline li {height:100%;padding-left:20px; background-image:url(../images/calendar.png); background-position:top left; background-repeat: no-repeat; color:#6e6e6e; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:12px; behavior: url(/assets/css/iepngfix.htc); margin: 0 0 8px 0;} #custom1 {width:274px; height:221px; position:absolute; top:186px; right:0; background-image:url(../images/hbuiltcustom.png); background-repeat:no-repeat;} #graphic1 {width:400px; height:310px; position:absolute; top:90px; right:0; background-image:url(../images/graphicdesign.png); background-repeat:no-repeat;} #map {width:350px; height:150px; position:absolute; top:35px; right:0; background-image:url(../images/map01.jpg); background-repeat:no-repeat; border: 4px solid white;} #googlemap {width:350px; height:273px; position:absolute; top:33px; right:0; border: 4px solid white;} #map1 {width:350px; height:150px; position:absolute; bottom:20px; right:0; background-image:url(../images/map01.jpg); background-repeat:no-repeat; border: 4px solid white;} #marketing1 {width:360px; height:250px; position:absolute; top:120px; right:0; background-image:url(../images/marketing.png); background-repeat:no-repeat;} #hosting_ssl {width:350px; height:250px; position:absolute; top:100px; right:0; background-image:url(../images/server_rack.jpg); background-repeat:no-repeat;} #ssl {width:300px; height:199px; position:absolute; top:50px; right:0; background-image:url(../images/ssl_img.jpg); background-repeat:no-repeat;} #sub_content {clear: both; background-image:url(../images/subpage/ctrbg.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat; background-position:center top; width:900px;margin-bottom:0; margin-top:0px; float:left;} #sub_content_bottom {margin-top:0;clear: both; background-image:url(../images/subpage/ctrbtm2.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat; background-position:center top; width:900px; height:82px; float:left;} /*#sub_content_bottom {margin-top:0;clear: both; background-image:url(../images/subpage/ctrbtm2.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat; background-position:center top; width:900px; height:128px; float:left;}*/ #sidenav {float:left; margin-top:30px;} #sidenav ul {background-image:url(../images/navbg.png); background-repeat:no-repeat; width:315px; height:347px;} #sidenav ul li {clear:left; padding-top:6px; height:50px; margin:0;} #sidenav ul li h2 {color:#ffffff; font-size:18px; float:left; padding-top:3px;} #sidenav p {color:#707070; font-size:11px; float:left; display: block; min-width: 240px} #sidenav ul li img {float:left; width:40px; height:40px; margin:5px 7px;} #screenshot{ width:540px; height:430px; float:right; z-index:1; margin-top: -40px; position: relative; background-image: url(../images/screenshots.png); behavior: url(/assets/css/iepngfix.htc); } #viewportfolio { position:absolute; bottom:10px; right:50px; height:50px; width:125px; z-index:2; background-image:url(../images/view_portfolio_no.png); behavior: url(/assets/css/iepngfix.htc); } #viewportfolio:hover { background-image: url(../images/view_portfolio_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #viewportfolio a {width:125px; height:50px; display:block;} #viewlogo { position:absolute; bottom:0px; left:0; height:50px; width:125px; z-index:2; background-image:url(../images/view_portfolio_no.png); behavior: url(/assets/css/iepngfix.htc); } #viewlogo:hover { background-image: url(../images/view_portfolio_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #viewlogo a {width:125px; height:50px; display:block;} #sub_page_content_logo .logo-design{ margin-top:25px; padding-top:10px; } #sub_page_content_logo .logo-design img{ margin-right:4px; margin-bottom:4px; } #btnGraphic a, #btnSEO a, #btnWeb a { width:125px; height:50px; display:block; } #btnSEO { position:absolute; left:225px; height:50px; bottom:-55px; width:125px; z-index:2; background-image:url(../images/seo_results_no.png); behavior: url(/assets/css/iepngfix.htc); } #btnSEO:hover { background-image: url(../images/seo_results_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #viewportfolio a {width:125px; height:50px; display:block;} #btnGraphic { position:absolute; left:375px; height:50px; width:125px; bottom:-85px; z-index:2; background-image:url(../images/graphic_design_no.png); behavior: url(/assets/css/iepngfix.htc); } #btnGraphic:hover { background-image: url(../images/graphic_design_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #viewportfolio a {width:125px; height:50px; display:block;} #btnWeb{ position:absolute; left:525px; height:50px; width:125px; bottom:-55px; z-index:2; background-image:url(../images/web_design_no.png); behavior: url(/assets/css/iepngfix.htc); } #btnWeb:hover { background-image: url(../images/web_design_yes.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat;} #viewportfolio a {width:125px; height:50px; display:block;} #quote { background-image:url(../images/quote.png); background-repeat:no-repeat; width:543px; height:154px; margin-top:-47px; z-index:5; float:right; } #quote h1 {color:#6E6E6E; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:12px; margin-bottom:15px;} #quote h3 {color:#ffffff; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; font-size:18px; margin-left: 360px;} #quote p {color:#707070; font-family:"Lucida Grande","Arial Unicode MS", sans-serif;font-size:12px; margin-left: 360px;} #quoteWrapper{ height:50px; padding-left:30px; padding-top:40px; width:500px; color:#999;} #quoteWrapper h1{color:#6C6C6C;font-size:13px; font-weight: normal; font-style: italic} #featuredWrapper {width:900px; float:left; margin-top:-15px; top:0;} /* changed */ #featuredContent { width:900px; height:166px; z-index:2; float:left; } #prevBtn { width:35px; height:58px; float:left; position:relative; right:50px; top:100px; background-image:url(../images/left_arrow.png); background-repeat:no-repeat; behavior: url(/assets/css/iepngfix.htc)} #nextBtn { width:35px; height:58px; float:right; position:relative; left:50px; top:100px; background-image:url(../images/right_arrow.png); behavior: url(/assets/css/iepngfix.htc); background-repeat:no-repeat; } /*---------- Slider ----------*/ #slider ul, #slider li{margin-left:0px; padding:0; list-style:none;} #slider li{width:885px; height:155px; overflow:hidden;} #slider{width:900px; height:155px; z-index:2; left:6px;} #slider a { color: #999; text-decoration: underline; } #slider span { color: #6ca3b8; } #slider .sliderinside {width:885px; height:155px;} /* // Slider */ #leftarrow {background-image:url(../images/left_arrow.png); background-repeat:no-repeat; width:35px; height:58px; float:left; margin-top:50px; margin-left:-45px; z-index:2; position:absolute; behavior: url(/assets/css/iepngfix.htc);} #rightarrow {background-image:url(../images/right_arrow.png); background-repeat:no-repeat; width:35px; height:58px; float:left; margin-top:50px; margin-left:910px; position:absolute; z-index:2; behavior: url(/assets/css/iepngfix.htc);} /*-------------------------------- Free Quote Form under Company --------------------------------*/ #requestform{} #requestform label, #changeform label{width:150px; display:block; color:#6ca3b8;} #requestform textarea, #changeform textarea{ width:250px; background: transparent; color: #D0D0D0; font: 12px Lucida Grande, Verdana, Sans-serif; border: #444 1px solid; padding: 6px; margin-bottom: 15px;} #requestform .your_ideas{} #free_quote_title{background-image:url(../images/footer/freeproposal.png); background-repeat:no-repeat; background-position:center top; width: 265px; font-size: 10px; height:22px;} /* Free Quote View */ #free_left{width:320px; margin-top:25px;} #free_right{position:absolute; top:5px; right:0; width:250px; padding-top:35px; *left:380px;} #sub_page_content .free_outline{ clear:both; float:left; display:block; width:240px; border: #444 1px solid; padding: 6px; overflow:hidden;} #sub_page_content .free_outline span{ color:#6ca3b8; margin:0; padding:0 0 0 15px; display:block;} #free_right .free_outline{ display:block; width:240px; border: #444 1px solid; padding: 6px; overflow:hidden;} #free_right .free_outline span{ color:#6ca3b8; margin:0; padding:0; display:block;} /* END Free Quote */ /*------------------------------------------------ UNSORTED STYLES... will sort in next update ------------------------------------------------*/ .required {margin-top: 4px; padding: 4px; background-color: #f4f4f4; color: #990000; font-size: 12px;} label {display: block;} input,select,textarea {color: #444; font: 12px Lucida Grande, Verdana, Sans-serif; border: #D0D0D0 1px solid; padding: 6px;} form a {margin-left: 8px; border: #D0D0D0 1px solid; padding: 6px; text-decoration: none; color: #4F5155;} .object {margin-bottom:6px; padding:10px 14px; width:300px; background-color: #fdf5c4; border:1px solid #e9e1ac;} .object h4 {margin: 0 0 3px; font-size: 14px;} .object a.disable {float: right;} #todo-list{margin:0; padding:0;} .del li{margin-bottom: 6px; padding: 10px 14px; width: 300px; background-color: #fdf5c4; border: 1px solid #e9e1ac; list-style-type: none;} .del li a {font-size: 10pt; color: #ccc;} .del li img {cursor: move; float: right; padding-left: 3px; padding-right: 3px;} .delli input{position: relative; top: -5px; } .box{width: 300px; height: 30px; margin-bottom: 15px;} #undo{margin-bottom: 6px; padding: 10px 14px; width: 300px; background-color: #fdc4c4; border: 1px solid #ff0000; display: none;} #done{margin-left: 42px;} #nav_container2 {margin:15px auto 0 1px; padding-top:15px; float:left; width:184px; color:#FFF;} #nav_container2 ul li{float:left; width:180px; border-right: 1px solid #302f2f;} #nav_container2 ul li.selected{background-image: url(../images/subpage/hov.png); behavior: url(/assets/css/iepngfix.htc); border-right: 0px solid red;} #nav_container2 ul li:hover{background-image: url(../images/subpage/hov.png); behavior: url(/assets/css/iepngfix.htc); border-right: 0px;} #nav_container2 ul li a{text-decoration:none; color:#FFF; padding: 13px 0 0 20px; display:block; height:28px; } #nothing{border-right:1px solid #414141; float:left; margin:15px auto 0; padding-top:0; width:184px;} /* Slider */ #portfolio{ height:345px; width:725px;margin-left:110px; margin-top:5px;} span#prevBtn{} span#nextBtn{} .portfolioinside{width:885px; height:155px; margin-left:105px; } #prevBtn2 {background-image:url(../images/left_arrow.png); background-repeat:no-repeat; width:35px; height:58px; float:left; margin-top:105px; z-index:2; position:relative;behavior: url(/assets/css/iepngfix.htc);} #nextBtn2 {background-image:url(../images/right_arrow.png); margin-top:-245px; background-repeat:no-repeat; width:35px; height:58px; float:right; z-index:2; position:relative ;behavior: url(/assets/css/iepngfix.htc);} /* captions */ .caption-top, .caption-bottom {color: #ffffff; padding: 1.2em; font-weight: bold; font-size: 13px; font-family: arial; cursor: default; border: 0px; background: #000000;} .caption-top {border-width: 0px 0px 8px 0px;} .caption-bottom {border-width: 8px 0px 0px 0px;} .caption a, .caption a {border: 0 none; text-decoration: none; background: #000000; padding: 0.3em;} .caption a:hover, .caption a:hover {background: #202020;} .caption-wrapper {float: left;} br.c { clear: both; } /* // captions */ /* // featured items */ h4 {padding-left:40px; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:18px; margin-bottom:10px; color:#FFFFFF;} h6 {float:right; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:11px; color:#6E6E6E; padding-right:10px; padding-left:20px; background-image:url(../images/feat/page_go.png); background-position: top left; background-repeat:no-repeat;} #feat1{ background:transparent; float:left; width:282px; height:155px; margin-right:10px; border-right:1px solid #393939; float:left; background-image:url(../images/feat/blog.png); behavior: url(/assets/css/iepngfix.htc); background-position: top left; background-repeat:no-repeat; margin-top:5px;} #feat1 p {padding-left:40px; padding-right:10px; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:11px; color:#6E6E6E; padding-bottom:25px;} #feat2{float:left; width:282px; height:155px; margin-right:10px; border-right:1px solid #393939; background-image:url(../images/feat/news.png); behavior: url(/assets/css/iepngfix.htc); background-position: top left; background-repeat:no-repeat; float:left; margin-top:5px;} #feat2 p {padding-left:40px; padding-right:10px; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:11px; color:#6E6E6E; padding-bottom:25px;} #feat3{float:left; width:282px; height:155px; margin-right:10px; float:left; background-image:url(../images/feat/news.png); behavior: url(/assets/css/iepngfix.htc); background-position: top left; background-repeat:no-repeat; margin-top:5px;} #feat3 p {padding-left:40px; padding-right:10px; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:11px; color:#6E6E6E; padding-bottom:25px;} #flogo{width:282px; height:155px; margin-right:10px; float:left; background-image:url(../images/feat/logo.png); behavior: url(/assets/css/iepngfix.htc); background-position: top left; background-repeat:no-repeat; margin-top:5px;} #flogo p {padding-left:40px; padding-right:10px; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:11px; color:#6E6E6E; height:90px;} #flogo img {padding-bottom:10px;} #fstatic{width:282px; height:155px; margin-right:10px; float:left; background-image:url(../images/feat/static.png); background-position: top left; background-repeat:no-repeat; margin-top:5px;} #fstatic p {padding-left:40px; padding-right:10px; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:11px; color:#6E6E6E; height:90px;} #fdynamic{width:282px; height:155px; margin-right:10px; float:left; background-image:url(../images/feat/dynamic.png); background-position: top left; background-repeat:no-repeat; margin-top:5px;} #fdynamic p {padding-left:40px; padding-right:10px; font-family:"Lucida Grande","Arial Unicode MS",sans-serif; font-size:11px; color:#6E6E6E; height:90px;} /* // End featured items */ fieldset.btmform {border: none; width: 243px; margin: 0 auto; color:#fff; float:left;} .btmform input, .btmform button {border: none; float: left;} .btmform select {width: 260px; height: 30px; background-color:#000; color:#fff; border-color:#373737;} .btmform input.box {color: #fff; font-size: 1.2em; width: 247px; height: 17px; line-height:17px; background: #000 url(../images/footer/inputbg.png) repeat-x; background-position: bottom center; margin-right: 5px; border: 1px solid #373737;} .btmform input.box:focus {color: #fff; font-size: 1.2em; width: 247px; background: #000 url(../images/footer/inputbg.png) repeat-x; background-position: bottom center; margin-right: 5px; border: 1px solid #416069;} .btmform button.btn {width: 125px; height: 50px; cursor: pointer; float:right; text-indent: -9999px; background: #000 url(../images/footer/continuedull.png) no-repeat top right;} .btmform button.btn:hover {background: #000 url(../images/footer/continue.png) no-repeat top right;} .btmform label { margin-bottom: 12px; } /*********************************** Featured Portfolio Items ***********************************/ #sub_page_content div.featPortItem { margin-bottom: 24px; height: 149px; clear: both; } #sub_page_content div.featPortItem .thumb { margin-right: 16px; float: left; } #sub_page_content div.featPortItem .itemInfo { margin: 0; padding: 0; float: left; width: 220px; } #sub_page_content div.featPortItem h4 { margin: 12px 0 0 0; padding: 0; font-size: 14px; } #sub_page_content div.featPortItem img { margin: 0; padding: 0; } #sub_page_content div.featPortItem p { float: none; width: auto; font-size: 12px; color: #999; } #sub_page_content div.featPortItem a { color: #fff; border-bottom: #6ca3b8 1px solid; } #sub_page_content div.featPortItem a:hover { text-decoration: none; border-bottom: #ff6952 1px solid; } #sub_page_content div.featPortItem .thumb a { border-bottom: none; } #sub_page_content div.featPortItem .thumb a:hover { text-decoration: none; border-bottom: none; }