/* Theme Name: The House Media v1 Theme URI: http://thehousemedia.com/ Version: 1.0 Author: Steven Gleave, Stefan Stanica Author URI: http://www.thehousemedia.com/ */ /* Import Master Reset */ @import url(reset.css); @import url(jquery.jcarousel.css); @import url(skin.css); /* HTML Elements */ body,html { min-height:101%; } body { background:#03202E url(images/bg.jpg) repeat; } body, select, input, textarea { font: 100% Arial, Helvetica, Verdana, Sans-Serif; } a, a:visited { text-decoration:none; } a:hover, a:active { text-decoration:underline; } a img { border:none; } /* STRUCTURE */ .container { width:960px; margin-left:auto; margin-right:auto; } /* HEADER SECTION */ #header { width:100%; background:url(images/topstrip.png) repeat-x 50% 0; margin-bottom:40px; } #header.about-margin, #header.work-pages-margin { margin-bottom:10px; } #header.contact-margin, #header.services-margin, #header.text-page-margin { margin-bottom:5px; } #header .top-area { width:1000px; margin-left:auto; margin-right:auto; background:url(images/header-light.png) no-repeat -250px 10px; } #header #action-bar { margin-bottom:0; } #header #action-bar #logo { float:left; margin:75px 0 0 5px; } #header #action-bar #nav { float:right; margin-top:100px; } #header #action-bar #nav ul { list-style-type:none; } #header #action-bar #nav ul li { float:left; text-transform:uppercase; margin-right:7px; text-indent:-9999px; } #header #action-bar #nav ul li a { display:block; color:#FFF; text-decoration:none; height:11px; text-indent:-9999px; } #header #action-bar #nav ul li#nav-home a { width:41px; background:url(images/nav-links.png) no-repeat; margin:0 18px; } #header #action-bar #nav ul li#nav-about a { width:67px; background:url(images/nav-links.png) 0 -30px no-repeat; margin:0 18px; } #header #action-bar #nav ul li#nav-work a { width:73px; background:url(images/nav-links.png) 0 -60px no-repeat; margin:0 18px; } #header #action-bar #nav ul li#nav-services a { width:61px; background:url(images/nav-links.png) 0 -90px no-repeat; margin:0 18px; } #header #action-bar #nav ul li#nav-contact a { width:66px; background:url(images/nav-links.png) 0 -120px no-repeat; margin:0 0 0 18px; } #header #action-bar #nav ul li#nav-home a:hover { width:41px; background:url(images/nav-links.png) 0 -15px no-repeat; } #header #action-bar #nav ul li#nav-about a:hover { width:67px; background:url(images/nav-links.png) 0 -45px no-repeat; } #header #action-bar #nav ul li#nav-work a:hover { width:73px; background:url(images/nav-links.png) 0 -75px no-repeat; } #header #action-bar #nav ul li#nav-services a:hover { width:61px; background:url(images/nav-links.png) 0 -105px no-repeat; } #header #action-bar #nav ul li#nav-contact a:hover { width:66px; background:url(images/nav-links.png) 0 -135px no-repeat; } #header #action-bar #nav ul li#nav-home a.active { width:41px; background:url(images/nav-links.png) 0 -15px no-repeat; } #header #action-bar #nav ul li#nav-about a.active { width:67px; background:url(images/nav-links.png) 0 -45px no-repeat; } #header #action-bar #nav ul li#nav-work a.active { width:73px; background:url(images/nav-links.png) 0 -75px no-repeat; } #header #action-bar #nav ul li#nav-services a.active { width:61px; background:url(images/nav-links.png) 0 -105px no-repeat; } #header #action-bar #nav ul li#nav-contact a.active { width:66px; background:url(images/nav-links.png) 0 -135px no-repeat; } #header #action-bar #nav ul li a:hover { color:#fff2c9; text-decoration:none; } #header #action-bar #nav ul li.active a { color:#fff2c9; text-decoration:none; } #header #featured { margin-top:15px; margin-bottom:0; background:url(images/slogan-light.png) no-repeat 50% 120%; } #header #featured p { font-size:11px; text-align:right; color:#076a8d; margin-bottom:25px; } #header #featured #featured-left { width:236px; float:left; margin-right:21px; } #header #featured #featured-left a { display:block; float:left; width:236px; height:291px; background:url(images/featured-border.png) no-repeat; } #header #featured #featured-left a img { padding:10px; } #header #featured #featured-middle { width:623px; float:left; } #header #featured #featured-middle .top ul, #header #featured #featured-middle .bottom ul { list-style-type:none; } #header #featured #featured-middle .top ul li, #header #featured #featured-middle .bottom ul li { display:block; float:left; margin-right:21px; margin-bottom:21px; } #header #featured #featured-middle .top ul li.last, #header #featured #featured-middle .bottom ul li.last { margin-right:0; } #header #featured #featured-middle .top ul li a { display:block; width:140px; height:135px; background:url(images/thumb-border.png) no-repeat; } #header #featured #featured-middle .top ul li a img { padding:10px; } #header #featured #featured-middle .bottom ul li a { display:block; width:140px; height:135px; background:url(images/thumb-border.png) no-repeat; } #header #featured #featured-middle .bottom ul li a img { padding:10px; } #header #featured #featured-right { width:59px; float:right; margin-bottom:40px; } #header #featured #featured-right a.more { display:block; width:57px; height:291px; background:url(images/more-btn.png) no-repeat; text-indent:-9999px; } #header #featured #featured-right a.more:hover { background:url(images/more-btn.png) -57px 0 no-repeat; } #header #featured #intro { clear:both; padding:27px 0 20px 0; height:81px; background:url(images/intro-bg.png) repeat-x; text-align:center; } #header #featured #intro h1 { width:660px; height:78px; margin-left:auto; margin-right:auto; background:url(images/slogan.png) no-repeat; text-align:center; text-indent:-9999px; } /* FOOTER STYLING */ #footer { width:100%; background:url(images/footer-bg.png) no-repeat 47% 100%; padding-top:50px; } #footer #sitemap { width:940px; margin-left:auto; margin-right:auto; padding:10px; } #footer #sitemap .company-sm { float:right; width:200px; } #footer #sitemap .work-sm { float:right; } #footer #sitemap .company-sm h3, #footer #sitemap .work-sm h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#2ea6db; text-transform:uppercase; margin-bottom:7px; padding-bottom:3px; } #footer #sitemap .company-sm ul, #footer #sitemap .work-sm ul { list-style-type:none; float:left; } #footer #sitemap .company-sm ul.second, #footer #sitemap .work-sm ul.second { margin-left:50px; } #footer #sitemap .company-sm ul li, #footer #sitemap .work-sm ul li { font-size:12px; color:#4d3319; padding:4px 0; } #footer #sitemap .company-sm ul li a, #footer #sitemap .work-sm ul li a { color:#c7cfd3; padding:3px; } #footer #sitemap .company-sm ul li a:hover, #footer #sitemap .work-sm ul li a:hover { text-decoration:none; background:#2ea6db; } #footer #copyright-bar { width:960px; margin-left:auto; margin-right:auto; padding:0 0 60px 0; } #footer #copyright-bar .copyright { float:left; width:550px; margin-top:9px; } #footer #copyright-bar .copyright p { font-size:12px; color:#b9b9b9; } #footer #copyright-bar .copyright p span { color:#FAE70A; } #footer #copyright-bar .bottom-links { float:right; width:auto; margin-top:5px; } #footer #copyright-bar .bottom-links ul { list-style-type:none; } #footer #copyright-bar .bottom-links ul li { display:inline; font-size:11px; color:#b9b9b9; margin-right:2px; text-transform:uppercase; } #footer #copyright-bar .bottom-links ul li.last { margin-right:0; } #footer #copyright-bar .bottom-links ul li.no-link { margin-left:20px; margin-right:0px; } #footer #copyright-bar .bottom-links ul li a { text-decoration:none; color:#b9b9b9; font-weight:800; padding-right:2px; } #footer #copyright-bar .bottom-links ul li a.sitemap-link { background:url(images/up-arrow.png) no-repeat 0 5px; padding-left:13px; } #footer #copyright-bar .bottom-links ul li a:hover { text-decoration:underline; } #footer #copyright-bar .copyright .social-networking { width:550px; } #footer #copyright-bar .copyright .social-networking li { display:inline; margin-right:5px; } /* HOME PAGE STYLING */ #main-service-list { margin-bottom:50px; padding-bottom:35px; background:url(images/home-line-bg.png) repeat-x bottom left; } #main-service-list .section { width:295px; float:left; margin-right:35px; } #main-service-list .section.last { margin-right:0; } #main-service-list .section h3 { margin-bottom:10px; text-indent:-9999px; } #main-service-list .section h3.web { background:url(images/web-design.png) no-repeat 4px 0; } #main-service-list .section h3.print { background:url(images/print-design.png) no-repeat 4px 0; } #main-service-list .section h3.branding { background:url(images/branding.png) no-repeat 4px 0; } #main-service-list .section p { font-size:13px; color:#c7cfd3; margin-bottom:10px; line-height:1.5; padding-left:5px; } #company-info { width:960px; margin-left:auto; margin-right:auto; padding-bottom:25px; background:url(images/home-line-bg.png) repeat-x bottom left; } #company-info .info-left { width:625px; float:left; margin-right:35px; } #company-info .info-left h2, #company-info .info-right h2 { margin-bottom:4px; text-indent:-9999px; } #company-info .info-left h2.why-work { background:url(images/why-work.png) no-repeat; } #company-info .info-left h2.what-we-do { background:url(images/what-we-do.png) no-repeat; margin-top:25px; } #company-info .info-right h2.contact { background:url(images/contact-us.png) no-repeat; } #company-info .info-left p { font-size:12px; color:#c7cfd3; line-height:1.5; } #company-info .info-left ul.first-block { list-style-type:none; float:left; margin-right:75px; } #company-info .info-left ul.first-block li { font-family:Arial, Helvetica, sans-serif; display:block; font-size:14px; color:#c7cfd3; margin-bottom:10px; } #company-info .info-left ul.first-block li.sub-design { background:url(images/small-icons/design-icon.png) no-repeat; padding: 11px 0 3px 35px; } #company-info .info-left ul.first-block li.sub-development { background:url(images/small-icons/development-icon.png) no-repeat; padding: 5px 0 3px 35px; } #company-info .info-left ul.first-block li.sub-branding { background:url(images/small-icons/branding-icon.png) no-repeat 0 2px; padding: 5px 0 5px 35px; } #company-info .info-left ul.second-block { list-style-type:none; float:left; } #company-info .info-left ul.second-block li { font-family:Arial, Helvetica, sans-serif; display:block; font-size:14px; color:#c7cfd3; margin-top:6px; margin-bottom:10px; } #company-info .info-left ul.second-block li.sub-advertising { background:url(images/small-icons/advertising-icon.png) no-repeat 0 4px; padding: 5px 0 3px 35px; } #company-info .info-left ul.second-block li.sub-seo { background:url(images/small-icons/seo-icon.png) no-repeat 0 2px; padding: 5px 0 3px 35px; } #company-info .info-right { width:295px; float:right; background:url(images/contact-light.png) no-repeat 50% 50%; } #company-info .info-right form#contact { margin:0; padding:0; } #company-info .info-right form#contact label { display:none; } #company-info .info-right form#contact input { display:block; border:none; padding:7px 10px 3px 10px; color:#c7cfd3; font-size:12px; margin-bottom:15px; } #company-info .info-right form#contact input.name { width:275px; height:20px; background:url(images/name-email-fields-home.png) no-repeat; } #company-info .info-right form#contact input.email { width:275px; height:20px; background:url(images/name-email-fields-home.png) no-repeat; } #company-info .info-right form#contact textarea { width:275px; height:77px; border:none; display:block; background:url(images/message-field.png) no-repeat; padding:7px 10px; margin-top:5px; overflow:hidden; color:#c7cfd3; font-size:12px; } #company-info .info-right form#contact input.submit { width:83px; height:35px; background:url(images/send-tab.png) no-repeat; border:none; cursor:pointer; float:right; margin-top:15px; } #company-info .info-right form#contact input.submit:hover { background:url(images/send-tab.png) -83px 0 no-repeat; } /* ABOUT PAGE STYLING */ #about-us-page { width:960px; margin-left:auto; margin-right:auto; background:url(images/about-light.png) no-repeat top center; } #about-us-page #team-block { } #about-us-page #team-block .hover-text { overflow:hidden; position:relative; height:20px; top:-40px; background-color:#000; padding:8px 10px 12px; } #team-block { width:960px; margin-bottom:45px; } #team-block .first, #team-block .second, #team-block .third, #team-block .fourth { float:left; width:216px; height:201px; margin-right:32px; } #team-block .fourth { margin-right:0; } #team-block .first .hover-text, #team-block .second .hover-text, #team-block .third .hover-text, #team-block .fourth .hover-text { padding:10px; } #team-block .first h3, #team-block .second h3, #team-block .third h3, #team-block .fourth h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:800; color:#FBEE0D; text-transform:uppercase; margin-bottom:0; } #team-block .first p, #team-block .second p, #team-block .third p, #team-block .fourth p { color:#E4F8FF; } #team-block .first p.title, #team-block .second p.title, #team-block .third p.title, #team-block .fourth p.title { font-size:10px; text-transform:uppercase; } #about-sections { margin-bottom:40px; } #about-sections .company-info { float:left; width:302px; margin-right:25px; } #about-sections .company-info h3 { margin-bottom:13px; } #about-sections .company-info h3.company { width:134px; height:15px; background:url(images/company-title.png) no-repeat 0 0; text-indent:-9999px; } #about-sections .company-info h3.approach { width:142px; height:15px; background:url(images/approach-title.png) no-repeat 0 0; text-indent:-9999px; margin-top:35px; } #about-sections .company-info p.divide-line { background:url(images/home-line-bg.png) repeat-x top left; padding-top:20px; } #about-sections .company-info p a, #about-sections .company-info p a, #about-sections .company-info p a { font-weight:800; color:#00C0FF; text-decoration:none; } #about-sections .company-info p a:hover, #about-sections .company-info p a:hover, #about-sections .company-info p a:hover { text-decoration:underline; } #about-sections .process { float:right; } #about-sections .process h3.the-process { width:123px; height:15px; background:url(images/process-title.png) no-repeat 0 0; text-indent:-9999px; margin-bottom:12px; } #about-sections .process .process-box { width:588px; height:524px; background:url(images/process-bg.png) no-repeat; padding:23px 21px; } #about-sections .process .process-box .research, #about-sections .process .process-box .design, #about-sections .process .process-box .maintain, #about-sections .process .process-box .build { width:285px; height:253px; float:left; } #about-sections .process .process-box .research { background:url(images/research-bg.jpg) no-repeat; margin-right:17px; margin-bottom:17px; } #about-sections .process .process-box .design { background:url(images/design-bg.jpg) no-repeat; margin-bottom:17px; } #about-sections .process .process-box .maintain { background:url(images/maintain-bg.jpg) no-repeat; } #about-sections .process .process-box .build { background:url(images/build-bg.jpg) no-repeat; margin-right:17px; } #about-sections .process .process-box .research p, #about-sections .process .process-box .design p, #about-sections .process .process-box .maintain p, #about-sections .process .process-box .build p { width:130px; position:relative; top:60px; left:130px; } #about-sections .process .process-box .build p { color:#FFF; } /* WORK PAGE STYLING */ #header #featured-work { margin-top:55px; margin-bottom:0; } #header #featured-work .page-title { background:url(images/home-line-bg.png) repeat-x bottom left; margin-bottom:0px; } #header #featured-work .page-title p { font-size:11px; color:#076a8d; margin-bottom:10px; } #header #featured-work .page-title p.left { float:left; } #header #featured-work .page-title p.right { float:right; } #header #featured-work #featured-left { width:882px; float:left; } #header #featured-work #featured-left a { display:block; float:left; width:882px; height:291px; background:url(images/work-featured-border.png) no-repeat; } #header #featured-work #featured-left a img { padding:10px; } #header #featured-work #featured-right { width:59px; float:right; } #header #featured-work #featured-right a.more { display:block; width:57px; height:291px; background:url(images/more-btn.png) no-repeat; text-indent:-9999px; } #header #featured-work #featured-right a.more:hover { background:url(images/more-btn.png) -57px 0 no-repeat; } #project-list { margin-bottom:10px; background:url(images/home-line-bg.png) repeat-x bottom left; margin-top:-40px; } #project-list .section-title { background:url(images/home-line-bg.png) repeat-x bottom left; margin-bottom:25px; padding-bottom:10px; } #project-list .section-title p { font-size:11px; color:#076a8d; margin-bottom:0; } #project-list .section-title p.left { float:left; } #project-list .section-title ul.right { float:right; margin-top:-2px; } #project-list .section-title ul.right li { list-style-type:none; float:left; margin-right:30px; } #project-list .section-title ul.right li.last { margin-right:0; } #project-list .section-title ul.right li a { display:block; text-indent:-9999px; } #project-list .section-title ul.right li a.work-all { width:92px; height:18px; background:url(images/work-choices.png) no-repeat; } #project-list .section-title ul.right li a.work-web { width:53px; height:18px; background:url(images/work-choices.png) no-repeat 0 -40px; } #project-list .section-title ul.right li a.work-print { width:62px; height:18px; background:url(images/work-choices.png) no-repeat 0 -80px; } #project-list .section-title ul.right li a.work-all:hover, #project-list .section-title ul.right li a.work-all.active { background:url(images/work-choices.png) no-repeat 0 -19px; } #project-list .section-title ul.right li a.work-web:hover, #project-list .section-title ul.right li a.work-web.active { background:url(images/work-choices.png) no-repeat 0 -59px; } #project-list .section-title ul.right li a.work-print:hover, #project-list .section-title ul.right li a.work-print.active { background:url(images/work-choices.png) no-repeat 0 -99px; } .project-thumbnails { padding-bottom:20px; } .project-thumbnails .project-1, .project-thumbnails .project-2, .project-thumbnails .project-3 { width:305px; height:186px; float:left; margin-right:22px; margin-bottom:22px; } .project-thumbnails .project-3 { margin-right:0; } .project-thumbnails .project-1 a, .project-thumbnails .project-2 a, .project-thumbnails .project-3 a { display:block; background:url(images/work-thumb-border.png) no-repeat; } .project-thumbnails .project-1 img, .project-thumbnails .project-2 img, .project-thumbnails .project-3 img { padding:10px; } .project-thumbnails .project-1 img:hover, .project-thumbnails .project-2 img:hover, .project-thumbnails .project-3 img:hover { } /* PROJECT LISTING PAGE STYLING */ #projects-block { margin-bottom:65px; background:url(images/case-study-light.png) no-repeat 50% 50%; } #projects-block .left-col { width:633px; float:left; margin-right:20px; } #projects-block .right-col { width:307px; float:left; } #projects-block .right-col h2 { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#fbee0d; text-transform:uppercase; margin-bottom:5px; letter-spacing:.3px; background:url(images/home-line-bg.png) repeat-x bottom left; padding-bottom:10px; } #projects-block .left-col .project-screens { margin-bottom:15px; } #projects-block .left-col .project-screens ul { list-style-type:none; } #projects-block .left-col .project-screens ul li { display:block; } #projects-block .left-col .project-screens ul li img { background:url(images/large-screen.png) no-repeat; padding:10px; } #projects-block .left-col .project-screens .controls { background:url(images/controls-bg.png) no-repeat; width:613px; height:106px; margin-left:10px; margin-top:0px; margin-top:-116px; position:absolute;} #projects-block .left-col .project-screens .controls .left-side { margin-left:10px; margin-top:25px; float:left; } #projects-block .left-col .project-screens .controls .left-side a { background:url(images/slide-arrows.png) 0 0 no-repeat; width:59px; height:59px; display:block; text-indent:-9999px; } #projects-block .left-col .project-screens .controls .left-side a:hover { background:url(images/slide-arrows.png) 0 -61px no-repeat; } #projects-block .left-col .project-screens .controls .middle{ margin-top:43px; float:left; margin-left: 128px; } #projects-block .left-col .project-screens .controls .middle a { background:url(images/launch-btn.png) no-repeat; width:214px; height:26px; display:block; text-indent:-9999px; } #projects-block .left-col .project-screens .controls .middle a:hover { background:url(images/launch-btn.png) 0 -27px no-repeat; } #projects-block .left-col .project-screens .controls .right-side{ margin-right:10px; margin-top:25px; float:right; } #projects-block .left-col .project-screens .controls .right-side a { background:url(images/slide-arrows.png) 0 -122px no-repeat; width:59px; height:59px; display:block; text-indent:-9999px; } #projects-block .left-col .project-screens .controls .right-side a:hover { background:url(images/slide-arrows.png) 0 -183px no-repeat; } #projects-block .right-col h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:800; color:#00c0ff; margin:20px 0 15px 0; background:url(images/home-line-bg.png) repeat-x bottom left; padding-bottom:10px; } #projects-block .right-col h4.no-border { background:none; padding-bottom:0; } #projects-block .right-col p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cedce1; line-height:1.6; margin-bottom:15px; } #projects-block .right-col ul.service-provided { list-style-type:none; } #projects-block .right-col ul.service-provided li { font-size:12px; font-weight:800; color:#cedce1; background:url(images/arrow.jpg) no-repeat 0 9px; padding:3px 0 3px 15px; } /* SERVICES PAGE STYLING */ #services-block { background:url(images/services-light.png) no-repeat 50% -5%; } #services-block .service-titles { background:url(images/home-line-bg.png) repeat-x bottom left; padding-bottom:13px; margin-bottom:18px; overflow:hidden; } #services-block .service-titles .web-title, #services-block .service-titles .graphic-title, #services-block .service-titles .branding-title, #services-block .service-titles .marketing-title { width:215px; float:left; margin-right:33px; } #services-block .service-titles .marketing-title { margin-right:0; } #services-block .service-titles .web-title h2, #services-block .service-titles .graphic-title h2, #services-block .service-titles .branding-title h2, #services-block .service-titles .marketing-title h2 { text-indent:-9999px; } #services-block .service-titles .web-title h2 { width:140px; height:15px; background:url(images/services-web.png) no-repeat; } #services-block .service-titles .graphic-title h2 { width:155px; height:15px; background:url(images/services-graphics.png) no-repeat; } #services-block .service-titles .branding-title h2 { width:98px; height:15px; background:url(images/services-branding.png) no-repeat; } #services-block .service-titles .marketing-title h2 { width:109px; height:15px; background:url(images/services-marketing.png) no-repeat; } #services-block .web, #services-block .graphic, #services-block .branding, #services-block .marketing { width:215px; float:left; margin-right:33px; margin-bottom:30px; } #services-block .marketing { margin-right:0; } #services-block .web p, #services-block .graphic p, #services-block .branding p, #services-block .marketing p { font-size:12px; color:#d5eaf4; line-height:1.6; } #services-block .web ul, #services-block .graphic ul, #services-block .branding ul, #services-block .marketing ul { list-style-type:none; } #services-block .web ul li, #services-block .graphic ul li, #services-block .branding ul li, #services-block .marketing ul li { font-size:13px; display:block; background:url(images/home-line-bg.png) repeat-x bottom left; padding-left:3px; padding-bottom:5px; margin-bottom:5px; } #services-block .web ul li { color:#018BC0; } #services-block .graphic ul li { color:#53B441; } #services-block .branding ul li { color:#FF872C; } #services-block .marketing ul li { color:#F9E308; } /* CONTACT PAGE STYLING */ .contact-section { width:960px; margin-left:auto; margin-right:auto; margin-bottom:35px; background:url(images/contact-page-light.png) no-repeat center center; margin-top:30px; } .contact-section #contact-info-block { background:url(images/home-line-bg.png) repeat-x bottom left; padding-bottom:15px; margin-bottom:15px; } .contact-section #contact-info-block .col1 { width:450px; float:left; } .contact-section #contact-info-block .col1 h2 { width:433px; height:59px; background:url(images/phone-email.png) no-repeat; text-indent:-9999px; } .contact-section #contact-info-block #findus { float:right; width:175px; } .contact-section #contact-info-block #findus h3, .contact-section #contact-info-block #projectsheet h3 { text-indent:-9999px; margin-bottom:4px; } .contact-section #contact-info-block #findus h3.quote { width:160px; height:11px; background:url(images/no-quote.png) no-repeat; } .contact-section #contact-info-block #projectsheet h3.project-sheet { width:107px; height:11px; background:url(images/project-sheet.png) no-repeat; } .contact-section #contact-info-block #findus p, .contact-section #contact-info-block #projectsheet p { font-size:12px; color:#cedce1; line-height:1.3; } .contact-section #contact-info-block #download { float:right; width:47px; margin-left:30px; } .contact-section #contact-info-block #projectsheet { float:right; margin-left:20px; width:170px; } .contact-section #contact-info-block #projectsheet img { float:left; margin-right:9px; } .contact-section form#contact1 #form-fields { background:url(images/home-line-bg.png) repeat-x bottom left; padding-bottom:35px; margin-bottom:15px; } .contact-section form#contact1 #left { float:left; width:500px; } .contact-section form#contact1 #left .first { float:left; width:220px; margin-right:35px; } .contact-section form#contact1 #left .second { float:left; width:220px; } .contact-section form#contact1 #left .first .field, .contact-section form#contact1 #left .second .field { margin-top:15px; } .contact-section form#contact1 #left .first .field label, .contact-section form#contact1 #left .second .field label { font-size:14px; color:#cedce1; padding-left:3px; } .contact-section form#contact1 #left .first .field label span, .contact-section form#contact1 #left .second .field label span, .contact-section form#contact1 #right label span { font-size:11px; padding-left:2px; position:relative; top:-1px; color:#00c0ff; } .contact-section form#contact1 #left .first .field input, .contact-section form#contact1 #left .second .field input { display:inline; border:none; padding:7px 10px 3px 7px; color:#cedce1; font-size:12px; margin-top:6px; } .contact-section form#contact1 #left .first .field input.name, .contact-section form#contact1 #left .second .field input.name { width:205px; height:20px; background:url(images/name-email-fields.png) no-repeat; margin-right:12px; } .contact-section form#contact1 #left .first .field input.email, .contact-section form#contact1 #left .second .field input.email { width:205px; height:20px; background:url(images/name-email-fields.png) no-repeat; } .contact-section form#contact1 #right { margin-left:20px; float:right; width:440px; } .contact-section form#contact1 #right label { display:block; font-size:13px; margin-top:14px; margin-bottom:5px; padding-left:3px; color:#cedce1; } .contact-section form#contact1 #right textarea { width:421px; height:219px; border:none; background:url(images/message-field-bg.png) no-repeat; padding:7px 10px; overflow:hidden; color:#cedce1; font-size:12px; margin-top:2px; } .contact-section form#contact1 #right input.submit { width:83px; height:35px; background:url(images/send-tab.png) no-repeat; border:none; cursor:pointer; float:right; margin-top:15px; margin-top:-6px; } .contact-section form#contact1 #right input.submit:hover { background:url(images/send-tab.png) -83px 0 no-repeat; } .contact-section form#contact1 #right .recaptcha-text { float:left; margin:5px 15px 0 3px; } .contact-section form#contact1 #right .recaptcha { float:left; margin-right:10px; width:100px; height:20px; background:url(images/name-email-fields.png) no-repeat; display:inline; border:none; padding:5px 10px 5px 7px; color:#cedce1; font-size:12px; margin-top:-1px; } .contact-section #contact-info-block #findus .social-networking li { padding-left:20px; } .contact-section #contact-info-block #findus .social-networking li a { color:#CEDCE1; font-size:12px;line-height:1.3;} .contact-section #contact-info-block #findus .social-networking li.fb { background:url(images/fb-tab.png) 0 3px no-repeat; } .contact-section #contact-info-block #findus .social-networking li.twitter { background:url(images/twitter-tab.png) 0 3px no-repeat; margin-top:2px; } /* TEXT PAGE STYLING */ #text-only-page { width:960px; margin-left:auto; margin-right:auto; margin-bottom:15px; } #text-only-page .finish-line { margin-top:30px; } #text-only-page h3 { font-family:Arial, Helvetica, sans-serif; color:#FAE70A; line-height:1.6; margin-bottom:10px; } /* THANKS / 404 STYLING */ #thanks-page { background:url(images/case-study-light.png) no-repeat center top; padding-bottom:15px; } #thanks-page #intro { padding-top:56px; height:132px; background:url(images/thanks-intro.png) repeat-x; text-align:center; margin-bottom:30px; } #thanks-page #intro img { margin-bottom:30px; } #thanks-page #intro h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FAE70A; margin-bottom:12px; } #thanks-page #testimonial-sections .testimonial-1, #thanks-page #testimonial-sections .testimonial-2, #thanks-page #testimonial-sections .testimonial-3 { float:left; } #thanks-page #testimonial-sections .testimonial-1 { width:270px; margin:0 35px 15px 2px; padding:0 0 10px 5px; } #thanks-page #testimonial-sections .testimonial-2 { width:270px; margin:0 20px 15px 2px; padding:0 0 10px 12px; } #thanks-page #testimonial-sections .testimonial-3 { width:270px; margin:0 0 15px 2px; padding:0 0 10px 24px; } #thanks-page #testimonial-sections .testimonial-1 h3, #thanks-page #testimonial-sections .testimonial-2 h3, #thanks-page #testimonial-sections .testimonial-3 h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#75BB3A; margin-bottom:12px; } #thanks-page #testimonial-sections p.centered { text-align:center; margin-bottom:35px; } #thanks-page #testimonial-sections .testimonial-1 p, #thanks-page #testimonial-sections .testimonial-2 p, #thanks-page #testimonial-sections .testimonial-3 p { font-style:italic; } /* GENERAL STYLING */ p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#cedce1; line-height:1.5; margin-bottom:1em; } h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:1; } h1 { font-size:2em; letter-spacing:-1px; } h2 { font-size:1.5em; letter-spacing:-1px; } h3 { font-size:1em; } strong { font-weight:800; } .finish-line { width:100%; height:2px; display:block; background:url(images/home-line-bg.png) repeat-x; clear:both; } blockquote { font-size:12px; font-style:italic; color:#cedce1; margin:10px 0 30px 0; line-height:1.5; } blockquote a { color:#00c0ff; text-decoration:none; } blockquote a:hover { text-decoration:underline; } blockquote span { font-style:normal; display:block; margin-top:10px; text-transform:uppercase; } .clear { clear:both; font-size:1px; height:1px; border:none; } .clear { clear:both; font-size:1px; height:1px; border:none; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */