. */ ul.cList, ol { margin:0 1.5em 1.5em 1.5em; } ul.cList { list-style-type: circle; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; } address { font-style: italic; } del { color:#666; } a:focus, a:hover { color: #000; } a { color: #009; text-decoration: none; } h2 a:link, h2 a, h2 a:hover {text-decoration:none;} a {color:#d84f4e; outline:none;} a:visited {color:#d84f4e;} a:hover, a:active {color:#3586b1; outline:none;} blockquote { margin: 1.5em; color: #666; background:url(../images/bg-blockquote.jpg) no-repeat left top; } blockquote p{padding-left:30px;} strong { font-weight: bold; } em,dfn { font-style: italic; background: #ffc; } dfn { font-weight: bold; } pre,code { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } th { border-bottom: 2px solid #ccc; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* Some default classes -------------------------------------------------------------- */ .s4gray {color:#a2a2a2;} .s4red {color:#d84f4e;} .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #666; } .hide { display: none; } .highlight { background:#ff0; } .added { color:#060; } .removed { color:#900; } .strong { font-weight:bold;} .dquo { margin-left: -.5em; } .caps {font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em; line-height:1%; font-weight:bold; padding:0 2px;} /* -------FORMS---------------------------------------- */ label { font-weight: bold; } /* Fieldsets */ fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend { font-weight: bold; font-size:1.2em; } /* Text fields */ input.text, input.title { width: 300px; margin:0.5em 0.5em 0.5em 0; } input.text, input.title { border:1px solid #bbb; background:#f6f6f6; padding:5px; } input.text:focus, input.title:focus { border:1px solid #999; background:#fff; } input.title { font-size:1.5em; } /* Textareas */ textarea { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; } textarea { padding:5px; } textarea:focus { border:1px solid #999; background:#fff; } /* Select fields */ select { border:1px solid #ccc; background:#f6f6f6; width:200px; } select:focus { border:1px solid #999; background:#fff; } /* Success, error & notice boxes for messages and errors. */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #817134; border-color: #FFD324; } .success { background: #E6EFC2; color: #529214; border-color: #C6D880; } .error a { color: #D12F19; } .notice a { color: #817134; } .success a { color: #529214; } /* Layout */ html{background:#e5e5e5 url(../images/bg-site.png) repeat-x 0 320px; height:101%;} body{} #headerContain{width:100%; height:326px; background: url(../images/bg-header-new.jpg) repeat-x; margin-bottom:-220px;} #header{margin:0 auto; height:100px; width:900px; position:relative;} #headerInsetBG{width:100%; height:226px; background: url(../images/bg-site-top-jpg-65.jpg) repeat-x; } ul#adminLinks{list-style:none; display:none; color:#555; position:absolute; right:30px; top:20px;} ul#adminLinks li{float:left;} ul#adminLinks li a{text-decoration:none; color:#777;margin-left:5px; margin-right:5px;} #header h1{left:0; text-indent:-9999px; font-size:0; position:absolute; top:11px; display:block; background:url(../images/logo-station-four-new.png) no-repeat; width:250px; height:42px;} #header h1 a{width:250px; height:42px; display:block;} #contentContain{margin:0 auto; width:925px; position:relative; z-index: 1; background:url(../images/bg-content-frame-top.png) no-repeat top; } #siteContainClose{background: url(../images/bg-content-frame-bottom-big.png) no-repeat; width:925px; height:237px; position:absolute; left:0px; bottom:-12px; z-index:-1; } .subpageBody #contentBG{background:#fff;} #contentBG{background:#f2f2f2; width:913px; position:relative; top:6px; left:1px; margin-left:5px; } #header h2{float:right; background:url(../images/text-s4-tag-line.png) no-repeat; text-indent: -9999px; font-size:0; height:9px; width:312px; margin-top:80px; color:#fff;} h1#s4Desc {float:left; display:none; font-size:0.8em; font-family: tahoma, helvetica, arial; color:#666; font-weight:bold; margin-top:10px; margin-bottom:12px; } ul#globalNav{height:26px; list-style:none; float:left; margin-top:69px;} ul#globalNav li{float:left; position:relative;} ul#globalNav li a.navHere {color:#d84f4e !important;} ul#globalNav li a{display:block; color:#bbb; z-index:5; position:relative; text-decoration:none; font-family: tahoma; letter-spacing:.4px; font-size:1.2em; padding:4px 13px 5px 13px;} ul#globalNav li a:hover{color:#d84f4e;} .megaStyle{position:relative; z-index:2; } ul#globalNav li.megaStyle a:hover{color:#ffffff; } ul#globalNav li.gNavFirst a{ padding:4px 13px 4px 0px;} ul#globalNav li div.megaMenuContain{display:none; } ul#globalNav li.megaStyle div.megaMenuContain{position: absolute; z-index:3; } ul#globalNav li.megaStyle div.megaMenuContain{ padding-top:44px; padding-left:8px;} ul#globalNav li.megaStyle a{color:#bbb;} ul#globalNav li.megaStyle ul li a{ color:#d84f4e !important;} ul#globalNav li.megaStyle div.megaMenuContain ul{height:auto; margin-top:0px !important; } ul#globalNav li.megaStyle div.megaMenuContain ul a{font-size:12px; background:none; padding:0;} ul#globalNav li.megaStyle div.megaMenuContain ul li{float:left; } ul#globalNav li.megaStyle div.megaMenuContain ul li h3 a{text-transform:uppercase; margin-right:18px; margin-bottom:4px; line-height:20px; padding-right:20px; border-bottom:solid 1px #888; font-size:14px; font-family:Century Gothic !important; } ul#globalNav li.megaStyle div.megaMenuContain ul li h3 a:hover{color: #e63434 !important;} ul#globalNav li.megaStyle div.megaMenuContain ul li ul li{display:block; float:none; margin-left:5px; margin-bottom:1px; } ul#globalNav li.megaStyle div.megaMenuContain ul li ul li a{color:#444 !important; line-height:22px; padding-left:28px !important; margin-left:-5px !important; height:22px;} ul#globalNav li.megaStyle div.megaMenuContain ul li ul li a:hover{color:#111 !important;} ul#globalNav li.megaStyle div.megaMenuContain ul li ul li ul{margin-top:-1px !important; margin-bottom:3px; } ul#globalNav li.megaStyle div.megaMenuContain ul li ul li ul li{margin-left:2px; margin-bottom:0px; display:block;} ul#globalNav li.megaStyle div.megaMenuContain ul li ul li ul li a{font-weight:normal; height:17px; line-height:17px; font-size:11px; background-image:none !important; color:#666 !important;} ul#globalNav li.megaStyle div.megaMenuContain ul li ul li ul li a:hover{color:#333 !important;} ul#globalNav li.megaStyle div#aboutMega{width: 592px; height:210px; top: -2px; left: -1px; background: url(../images/bg-drop-down-about2.png) no-repeat;} ul#globalNav li.megaStyle div#servicesMega{width: 542px; height:335px; top: -2px; left: 0px; background: url(../images/bg-drop-down-services.png) no-repeat;} ul#globalNav li.megaPhiloList{float:left !important; display:none; } ul#globalNav li.megaPhiloListMarginRight{padding-right:25px !important;} div.aboutMegaContent{width:533px; height:125px; margin-left:1px; margin-top:1px; padding:15px; padding-left:18px; padding-top:6px; background:#e2e2e2 /*url(../images/bg-drop-down-about-content.jpg)*/;} ul#globalNav li.megaStyle div.megaMenuContain ul li h3.megaPhiloHeading a{width:330px; padding:0; margin-right:5px;} div.aboutMegaContent ul li ul li a{background:url(../images/icon-mega-about.png) no-repeat !important;} div.aboutMegaContent a.megaAboutTeam{background-position:0px -44px !important;} div.aboutMegaContent a.megaAboutNews{background-position:0px -22px !important; } div.aboutMegaContent a.megaAboutCom{background-position: 0px 0px !important; } div.aboutMegaContent a.megaAboutEthics{background-position: 0px -88px !important;} div.aboutMegaContent a.megaAboutDesignPhilo{background-position: 0px -66px !important;} div.servicesMegaContent{width:481px; height:247px; margin-left:0px; margin-top:0px; padding:15px; padding-left:18px; padding-top:6px; background:#e2e2e2 !important;} div.servicesMegaContent ul li ul li a{background:url(../images/icon-mega-services.png) no-repeat !important;} div.servicesMegaContent a.megaServCon{background-position:0px 0px !important;} div.servicesMegaContent a.megaServAnal{background-position:0px -22px !important;} div.servicesMegaContent a.megaServUse{background-position:0px -44px !important;} div.servicesMegaContent a.megaServSeo{background-position:0px -88px !important;} div.servicesMegaContent a.megaServSmo{background-position:0px -110px !important;} div.servicesMegaContent a.megaServPpc{background-position:0px -132px !important;} div.servicesMegaContent a.megaServEmail{background-position:0px -154px !important;} div.servicesMegaContent a.megaServWeb{background-position:0px -176px !important;} div.servicesMegaContent a.megaServPrint{background-position:0px -198px !important;} div.servicesMegaContent a.megaServFlash{background-position:0px -220px !important;} div.servicesMegaContent a.megaServMaint{background-position:0px -242px !important;} div.servicesMegaContent a.megaServApp{background-position:0px -264px !important;} div.servicesMegaContent a.megaServEcom{background-position:0px -286px !important;} div.servicesMegaContent a.megaServCMS{background-position:0px -308px !important;} div.servicesMegaContent a.megaServDb{background-position:0px -330px !important;} ul#globalNav li.megaStyle div#servicesMega ul li{width:240px;} #footer{width:100%; height:348px; background:#4a4849 url(../images/bg-footer-repeat-x.png) repeat-x 0 -20px ; padding-top:30px; position:relative; z-index:0; } #footerTopBG{background: url(../images/bg-footer-repeat-x.png) repeat-x; z-index:1; width:100%; height:20px; position:absolute; top:-20px;} #footerContent{margin:0 auto; width:893px; color:#777; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:15px;} #footerContent h2{color:#888; margin-bottom:13px;} #footerContent a{color:#888; text-decoration:none;} #topFooterContent {list-style:none; height:130px;} #topFooterContent li{float:left; width:297px; } #topFooterContent li ul{list-style:none; } #topFooterContent li ul li{float:none;} ul#footerServices{list-style:none; clear:both; border-top:solid 1px #444; position:relative; top:16px; } #footerServices h3{margin-bottom:10px; color:#d84f4e; text-align:center;} #footerServices ul {float:left; width:297px; list-style:none; } #footerServices ul li{padding-left:0px; margin-left:2px;} .footerSerLeft li{text-align:left;} .footerSerCenter li{text-align:center;} .footerSerRight li{text-align:right;} li.footerBlog{text-align:center;} li.footerLinks{text-align:right;} /*--HOME--------------------*/ #priBanner{ height:290px; width:913px; background:#151515; margin:0 auto; position:relative; } .s4Home #priBanner{height:290px;} .gBanTop{color:#a3b93a;} .gBanMid{ position:relative; left:140px; color:#666;} .gBanBot{color:#fff; position:relative; left:280px;} #priBannerText{margin-left:15px; float:left; width:291px; overflow:hidden; text-align:justify; height:280px;} #priBannerText h2{text-indent:-9999px; width:276px; font-size:0px; margin-top:17px; } h2.priBannerTextS4Do{ height:21px; background:url(../images/text-web-is-what-we-do.png) no-repeat;} h2.priBannerTextHowHelp{height:25px; margin-bottom:-4px; background:url(../images/text-how-we-can-help.png) no-repeat;} #priBannerText p{color:#fff; margin:0; font-size:12px; font-family:calibri, candara, helvetica, Arial, Sans-Serif; margin-top:8px;} #priBannerText p a{color:#e77; text-decoration:none;} #priBannerText p a:hover{color:#d84f4e;} #priBannerWow{width:580px; position:relative; overflow:hidden; margin-top:10px; margin-right:10px; height:260px; float:right;} #priBannerWow ul.bannerList{position:absolute; bottom:0; padding-left:0px; background:url(../images/bg-banner-wow-numbers.png) repeat-x; width: 580px;} #priBannerWow ul.bannerList li{display:inline;} #priBannerWow ul.bannerList li a{display:block; float:left; padding:4px 12px 4px 12px; cursor:pointer; text-decoration:none; color:#fff; font-size:15px; line-height:20px; font-family:Century Gothic, Arial, Sans-Serif;} #priBannerWow ul.bannerList li a:hover{background:#666;} #priBannerWow ul.bannerList li a.current{background:url(../images/bg-home-banner-list.png) repeat-x;} #priBannerWow img{z-index:10;} #textMes{width:550px; margin-right:12px; position:absolute; bottom:0px; right:0px; font-size:9px; height:20px; text-align:right; overflow:hidden; } #textMes p{color:#bbb; z-index:20; font-size:11px; } #textMes p a{color:#aaa;} /* span#visitPortfolio {position:absolute; z-index:20; width:130px; height:23px; right:0; top:0px; background:url(../images/bg-banner-wow-numbers.png) repeat-x; } span#visitPortfolio a{color:#fff; font-size:14px; width:130px; display:block; height:23px; padding-left:10px;} span#visitPortfolio a:hover{background:#666; } */ #siteBread{position:absolute; top:272px; left:12px; font-size:11px; color:#888;} .subPageBanner #priBannerText{float:right !important; margin-left:0px; margin-right:15px;} .subPageBanner #priBannerWow{float:left !important; margin-right: 0px; margin-left:10px !important;} .fatCol{width:425px; float:left; padding-left:16px; padding-right:10px;} .skinnyCol{width:202px; float:left; margin-left:11px; padding:0px 10px 0 5px; } #homeServiceList li p, .skinnyCol p{font-size:11px; color:#636363; line-height:16px;} #homePriContent{} #homePriContent h1{width:425px; height:18px; text-indent:-9999px; border-bottom:solid 1px #bbb; margin-bottom:5px; background:url(../images/text-we-dont-make-websites-we-solve-problems.png) no-repeat; padding-bottom:4px; margin-top:15px;} p.homePriParagraph{color:#555; font-size:12px; line-height:18px; text-align:justify;} #recentFeed{position:relative;} #recentFeed h4{margin:0;} #recentFeed h4 a{color:#4e4e4e; text-decoration:none; font-family: Arial, Verdana, sans-serif; font-size:12px; font-weight:bold; } #recentFeed p.recentPostDate{color:#adadad; margin:0; margin-bottom:3px; margin-top:3px; } #recentFeed p.recentPostShortDesc{margin:0;} #recentFeed p.recentPostReadMore {margin:0; margin-bottom:20px;} #recentFeed .rssFeedIcon{position:absolute; right:8px; top:20px;} ul#homeServiceList{margin-top:15px;} #homeServiceList li{background:url(../images/bg-home-service.png) no-repeat top; width:199px; height:87px; overflow:hidden; position:relative; float:left; margin-left:6px; margin-right:7px; margin-bottom:10px;} #homeServiceList li:hover{background-position:bottom;} #homeServiceList li h3{margin:6px 0 4px 4px; position:absolute;} #homeServiceList li h3 a{height:199px; height:87px; display:block; position:relative; z-index:3;} #homeServiceList li p{margin-top:24px; margin-left:5px; margin-right:12px; margin-bottom:0; position:relative; z-index:2;} #homeServiceList li span{color:#e0e0e0; font-size:130px; line-height:1em; position:absolute; right:-10px; top:-10px;} li.servicesStrategy h3{text-indent:-9999px; width:199px; height:87px; background:url(../images/text-the-right-strategy.png) no-repeat;} li.servicesDesign{background:url(../images/bg-home-service-2.png) no-repeat;} li.servicesDesign h3{text-indent:-9999px; width:199px; height:87px; background:url(../images/text-amazing-design.png) no-repeat;} li.servicesDevelopment{background:url(../images/bg-home-service-3.png) no-repeat;} li.servicesDevelopment h3{text-indent:-9999px; width:199px; height:87px; background:url(../images/text-precise-development.png) no-repeat;} li.servicesMarketing{background:url(../images/bg-home-service-4.png) no-repeat;} li.servicesMarketing h3{text-indent:-9999px; width:199px; height:87px; background:url(../images/text-smart-marketing.png) no-repeat;} .skinnyCol h3{border-bottom:solid 1px #bbb; height:17px; margin-top:20px; margin-bottom:7px;} .skinnyCol h3 a{display:block; height:17px; width:180px;} h3.s4FeedHeading{text-indent:-9999px; background:url(../images/text-s4.feed.png) no-repeat;} h3.meetChrisesHeading{ text-indent:-9999px; background:url(../images/text-meet-the-chrises.png) no-repeat} p.meetChrisesText{} h3.contactHeading{ text-indent:-9999px; background:url(../images/text-contact-station-four.png) no-repeat} img.homePhoneIcon{float:right; margin-right:15px;} address.skinnyAddress{ font-style:normal; font-size:12px; color:#636363; line-height:16px; } h3.requestQuoteButton {text-indent:-9999px; border:none; width:155px; height:41px;} h3.requestQuoteButton a{margin-left:20px; margin-top:10px; display:block; background:url(../images/button-request-a-quote.png) no-repeat top; width:155px; height:41px;} h3.requestQuoteButton a:hover{ background-position:bottom;} /*-------SUB--------------------*/ #priContent{float:left; width:520px; margin-right:30px; min-height:440px; padding-bottom:20px; padding-top:20px; margin-left:30px; margin-right:20px;} #priContent h1, #priContent h2{font-family:Century Gothic;} #priContent h1{font-size:1.9em; width:540px; background:url(../images/bg-h1-repeat-x.gif) repeat-x bottom; border-bottom:dashed 1px #999; padding-bottom:7px; padding-top:14px; margin-top:15px;} #priContent h2{font-size:1.5em; width:100%; border-bottom:solid 1px #bbb; margin-bottom:6px; line-height:1.3em;} #priContent h3, #howToFindUs h3{text-transform:uppercase; font-size:14px; } #priContent h3 a{text-decoration:none;} #priContent ul{margin-left:40px; margin-right:20px; list-style-image:url(../images/bullet-blue-two-arrows.png); margin-bottom:20px; margin-top:5px;} #priContent ul li ul{ list-style-image:url(../images/bullet-gray-flower.png);} #priContent ul li{line-height:18px; margin-bottom:10px;} #secContent{float:right; width:300px; margin-top:15px;} /*Sub-Page Heading Image Replacement.... I know, seriously*/ #priBannerText h1{text-indent:-9999px; width:296px; height:26px; background-repeat:no-repeat; font-size:0px; margin-top:17px; margin-bottom:0px; } .subpageBody #priBannerText p{margin-top:4px !important; margin-right:5px; margin-left:3px;} /* Intro Text Fix for Safari and Chrome - Not a good solution*/ body:nth-of-type(1) #priBannerText p{line-height:1.6em; margin-top: 4px !important; text-align:left; margin-left:3px;} body:nth-of-type(1) #priBannerText h1{margin-top:13px;} h1.aboutUsHead1{background:url(../images/banner-text/text-about-station-four.png);} h1.aboutUsHead2{background:url(../images/banner-text/text-whats-new-at-s4.png);} h1.olberdingHead1{background:url(../images/banner-text/text-chris-olberding-creative.png);} h1.communityHead1{background:url(../images/banner-text/text-jax-community-involvement.png);} h1.clientEduHead1{background:url(../images/banner-text/text-client-education.png);} h1.ethicalHead1{background:url(../images/banner-text/text-ethical-business-practices.png);} h1.meatHead1{background:url(../images/banner-text/text-meet-the-team.png);} h1.accessHead1{background:url(../images/banner-text/text-accessibility-and-compatibility.png);} h1.honestyHead1{background:url(../images/banner-text/text-honesty-in-expertise.png);} h1.philosophyHead1{background:url(../images/banner-text/text-our-philosophy.png);} h1.pricingHead1{background:url(../images/banner-text/text-transparent-pricing.png);} h1.ucdHead1{background:url(../images/banner-text/text-user-centered-design.png);} h1.devPhiloHead1{background:url(../images/banner-text/text-our-development-philosophy.png);} h1.webStandardsHead1{background:url(../images/banner-text/text-web-standards.png);} h1.laheyHead1{background:url(../images/banner-text/text-chris-lahey-development.png);} h1.newsHead1{background:url(../images/banner-text/text-recent-news.png);} h1.sitemapHead1{background:url(../images/banner-text/text-s4-website-site-map.png);} h1.privacyHead1{background:url(../images/banner-text/text-privacy-policy.png);} h1.contactHead1{background:url(../images/banner-text/text-contact-station-four.png);} h1.servicesHead1{background:url(../images/banner-text/text-our-services.png);} h1.servicesHead2{background:url(../images/banner-text/text-the-station-four-difference.png);} h1.strategyHead1{background:url(../images/banner-text/text-the-right-strategy.png);} h1.politicalHead1{background:url(../images/banner-text/text-online-political-campaigning.png);} h1.usabilityHead1{background:url(../images/banner-text/text-practical-usability-testing.png);} h1.consultHead1{background:url(../images/banner-text/text-project-consulting.png);} h1.analysisHead1{background:url(../images/banner-text/text-strategic-marketing-analysis.png);} h1.desBenHead1{background:url(../images/banner-text/text-benefits-of-a-s4-design.png);} h1.desBlogHead1{background:url(../images/banner-text/text-blog-template-design.png);} h1.desprintHead1{background:url(../images/banner-text/text-branding-and-graphic-design.png);} h1.desBenHead1{background:url(../images/banner-text/text-benefits-of-a-s4-design.png);} h1.desWebsiteHead1{background:url(../images/banner-text/text-website-design.png);} h1.maintainHead1{background:url(../images/banner-text/text-website-maintenance.png);} h1.desProHead1{background:url(../images/banner-text/text-our-design-process.png);} h1.designHomeHead1{background:url(../images/banner-text/text-amazing-design.png);} h1.uiHead1{background:url(../images/banner-text/text-user-interface-design.png);} h1.desMobileHead1{background:url(../images/banner-text/text-mobile-web-design.png);} h1.flashHead1{background:url(../images/banner-text/text-flash-animation.png);} h1.emailHead1{background:url(../images/banner-text/text-email-and-text-marketing.png);} h1.markBenHead1{background:url(../images/banner-text/text-benefits-of-s4-marketing.png);} h1.marProcHead1{background:url(../images/banner-text/text-our-marketing-process.png);} h1.marHead1{background:url(../images/banner-text/text-smart-internet-marketing.png);} h1.ppcHead1{background:url(../images/banner-text/text-online-ad-management.png);} h1.seoHead1{background:url(../images/banner-text/text-search-engine-optimization.png);} h1.smoHead1{background:url(../images/banner-text/text-social-media-optimization.png);} h1.marTrainHead1{background:url(../images/banner-text/text-training-programs-and-seminars.png);} h1.analyticsHead1{background:url(../images/banner-text/text-web-analytics-solutions.png);} h1.portalHead1{background:url(../images/banner-text/text-web-portal-development.png);} h1.devBenHead1{background:url(../images/banner-text/text-benefits-of-s4-development.png);} h1.businessSystemsHead1{background:url(../images/banner-text/text-business-system-integration.png);} h1.cmsHead1{background:url(../images/banner-text/text-content-management-systems.png);} h1.dbDesignHead1{background:url(../images/banner-text/text-database-design.png);} h1.dbImpHead1{background:url(../images/banner-text/text-database-implementation.png);} h1.ecomHead1{background:url(../images/banner-text/text-e-commerce-solutions.png);} h1.devMobiHead1{background:url(../images/banner-text/text-mobile-app-development.png);} h1.devProcHead1{background:url(../images/banner-text/text-our-web-development-process.png);} h1.devHead1{background:url(../images/banner-text/text-precise-web-development.png);} h1.devAppHead1{background:url(../images/banner-text/text-web-application-development.png);} h1.aspHostHead1{background:url(../images/banner-text/text-asp.net-web-hosting.png);} h1.phpHostHead1{background:url(../images/banner-text/text-php-web-hosting.png);} h1.cloudHostHead1{background:url(../images/banner-text/text-cloud-web-hosting.png);} h1.railsHostHead1{background:url(../images/banner-text/text-ruby-on-rails-web-hosting.png);} h1.cdnHead1{background:url(../images/banner-text/text-content-delivery-networks.png);} h1.hostPriceHead1{background:url(../images/banner-text/text-web-hosting-pricing.png);} h1.hostSupHead1{background:url(../images/banner-text/text-web-hosting-support.png);} h1.hostHead1{background:url(../images/banner-text/text-web-hosting.png);} h1.photoHead1{background:url(../images/banner-text/text-photography-services.png);} h1.portHead1{background:url(../images/banner-text/text-our-portfolio.png);} h1.quoteHead1{background:url(../images/banner-text/text-request-a-quote.png);} h1.aspnetHead1{background:url(../images/banner-text/text-the-asp.net-framework.png);} h1.blogHead1{background:url(../images/banner-text/text-station-four-blog.png);} /*--SERVICES-SUB-MENU--------------------*/ .subMenu h2{font-size:1.6em; margin-bottom:0px; width:100%; line-height:1.2em; padding-bottom:0px; border-bottom:solid 1px #bbb; width:270px;} ul.subMenu h2 a{display:block; padding-top:3px; padding-bottom:2px; padding-left:3px;} ul.subMenu h2 a.navHere {border:none !important; background:#eee !important; color:#666 !important;} ul.subMenu {margin-bottom:20px;} ul.subMenu li{} ul.subMenu li a{text-decoration:none; } ul.subMenu li a:hover{} ul.subMenu li ul{padding-left:0px; } ul.subMenu li ul li{ margin-right:30px; } ul.subMenu li ul li a{color:#555; display:block; padding-left:5px; padding-top:1px; border-bottom:dashed 1px transparent; border-right:dashed 1px transparent; } ul.subMenu li a.navHere, ul.subMenu li ul li a:hover{color:#222; background:#eee; border-bottom:dotted 1px #ccc; border-right:dotted 1px #ccc;} ul.subMenu li ul li ul{padding-left:0;} ul.subMenu li ul li ul li{margin-right:00px;} ul.subMenu li ul li ul li a{padding-left:15px;} ul.subMenu li ul li ul li a:hover{} .subMenuBotMargin{margin-bottom:8px;} /*SERVICES*/ ul.servicePageService{margin-left:0px !important; padding-left:0 !important; margin-right:0px !important;} #priContent ul.servicePageService ul{background:none;} #priContent ul.servicePageService li {clear:both; padding-top:10px; list-style:none !important; list-style-image:none; } ul.servicePageService li img{float:left;} #priContent ul.servicePageService li h2{float:right; width:450px; border:none; font-size:1.3em; margin-bottom:3px;} #priContent ul.servicePageService li h2 span{color:#999; font-size:11px; font-weight:bold; font-family:Arial; display:block;} ul.servicePageService li p{float:right; width:450px;} /*------CONTACT FORM-----*/ #contactForm h2{ font-size:18px; width:100%; text-align:center; height:31px; background:url(../images/bg-contact-us-header.png); margin-bottom:0; border: solid 1px #ccc; border-bottom:none; padding-left:0;} #contactForm{width:520px; float:left; margin-left:33px; margin-bottom:35px; margin-top:10px; } #contactForm label{ color:#777; display:block;} #contactForm h4{text-align:center; margin-bottom:25px;} #contactForm input{background: url(../images/bg-contact-input.jpg) repeat-x;} #contactForm input, #contactForm textarea{margin-top:3px; border:solid 1px #b4b4b4; cursor:pointer; } #contactForm input:hover, #contactForm textarea:hover{border:solid 1px #9a9a9a;} #contactForm textarea{margin-top:-12px; background:url(../images/bg-contact-input.jpg) repeat-x bottom;} #contactForm input:focus, #contactForm textarea:focus{border:solid 1px #888; background:#fff; } .contactFormInquiryLabel{} #contactForm input.contactInput{width:100%; height:20px; line-height:22px;} #contactFormInputs{width:100%; height:100%; background:#345; padding:8px 0px 0px 0px; border: solid 1px #ccc; border-top:none; background:#fbfbfb;} .servicesHead{font-size:0.8em; margin-left:10px; } #contactFormInputs li{float:left; width:236px; margin-bottom:15px; padding-left:14px; } div.contactFormInquiry{margin-left:14px;} .contactFormInquiry textarea{ width:480px; height:100px; margin-bottom:10px;} #contactFormErrors {width:520px; margin:20px; } #contactFormErrors ul li{ width:500px; float:none; margin-bottom:2px; list-style:disc; padding-left:0px; margin-left:20px;} #contactDetails{float:right; width:280px; padding-left:20px; border-left:solid 1px #ddd; } #contactDetails{margin-top:30px; text-align:center; margin-right:20px;} #contactDetails address{ font-style:normal; font-size:1.1em;} #contactDetails img{margin:14px 0 3px 0; border:solid 1px #bbb;} #contactDetails img:hover{border:solid 1px #999;} p.directionsText{width:250px; font-size:11px; margin:0 auto; line-height:1.4em;} input.contactButton{margin-left:200px; color: #222; margin-bottom:0px; width:95px; height:41px; background:url(../images/button-contact-us.png) !important; cursor:pointer; border:none !important; text-indent:-9999px; } input.contactButton:hover{background-position:bottom !important;} select.contactDropDown{height:25px; margin-top:2px;} .contactDropDown{padding-top:2px; color:#555;} .contactDropDown:focus{} #contactFormInputs li p span {display:block; padding:10px; font-size:11px; background:#e7e7e7;} #howToFindUs{width:520px; float:left; margin-left:33px; margin-bottom:35px; margin-top:10px; } /*----------Portfolio--------------*/ .portThumb{margin-left:10px; text-align:center; width:220px;} .portThumb img{border:solid 1px #aaa;} div.portfolioList{width:270px; float:left; margin-right:20px; margin-bottom:10px;} ul.newClientList li{ float:left; width:160px; margin-right:15px;} h2.portfolioMainBanner{text-indent:-9999px; width:913px; height:290px;} h2.portfolioMainBanner a{width:913px; height:290px; background:url(../images/port-banner/bgca.jpg) no-repeat; display:block;} /*--MeatTeam--*/ div.bioContain{clear:both; margin-top:15px; } div.bioContain hr{ background:#bbb; border:none; height:1px; margin:0;} div.bioContain h4{margin-top:4px; font-size:1.1em;} div.bioImage{float:left; text-align:center; margin-bottom:20px; } div.bioText{float:right; width:330px; } img.chrisAdwordsLogo{float:right;} div.centerPhoto{text-align:center;} .centerPhoto p{font-size:0.8em; margin:0; line-height:0.7em; margin-bottom:10px; } .portNew{margin-top:5px; margin-bottom:25px;} /*--FlickrNewOffice--*/ #officeFlickr a img{ display:none; float:left; padding:5px; margin:8px; margin-right:21px; background:#ccc; border:solid 1px #999; display:block;} #officeFlickr a:hover img{background:#bbb; border:solid 1px #777;} a.flickrMore{clear:both; display:block; margin-left:10px; margin-bottom:15px;} /*--Content Images--*/ div.contentImage {float:right; margin:13px; text-align:center; width:275px;} img.contentImageRight{float:right; margin:13px; text-align:center;} img.imgBorder{ border:solid 3px #bbb;} .contentImage p{ color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic;font-weight: normal; font-size:1.2em; margin-top:4px;} a:hover img.imgBorder{border: solid 3px #aaa;} .portfolioMainContain{width:900px !important;} #recentClientsPort{margin-top:-50px; position:relative; left:10px;} #recentClientsPort h2{margin-bottom:3px; border:none; font-size:14px; text-align:center; width:240px; } #recentClientsPort ul{ list-style:none; margin-left:0; margin-bottom:40px;} #recentClientsPort ul li{width:240px; height:190px; float:left; margin-left:0px; margin-right:50px;} #recentClientsPort ul li div{margin-left:0; float:left; height:132px; width:254px; background: url(../images/image-recent-client-port-frame2.png) no-repeat;} #recentClientsPort ul li:hover div{background:url(../images/image-recent-client-port-frame2.png) no-repeat 0 -132px;} #recentClientsPort ul li p{ text-align:center; width:250px; color:#777; font-size:11px; margin-top:4px;} div.recentClientImage{width:280px; height:120px; background:#345;} .recentClientFrame a img{margin:6px;} /*inline-images*/ .imageRightWithCaption{float:right; margin:15px 0 15px 15px; padding:5px; text-align:center; margin-bottom:20px; background:#ddd; border:solid 1px #ccc;} .imageRightWithCaption img{margin:5px 0 5px 0; border:solid 1px #ccc;} .imageRightWithCaption p{text-align:center; font-size:.8em; width:auto; line-height:1.2em; padding:0 6px 0 6px; margin-bottom:6px;} .inlineCom1{width:210px;} .inlineCom2{width:230px;} .inlineCom3{width:260px;} /* 3 Column Sub-page */ #priThreeColBig{float:left; width:360px;} #priThreeColSmall{float:right; width:180px; background:#eee; position:absolute; top:333px; right:321px; } #priThreeColSmall h3{ margin-bottom:1px; color:#fff;} #priThreeColSmall h3 a{color:#fff; background:#7f7f7f; padding:2px 0 2px 7px; display:block;} #priThreeColSmall h3 a:hover{background:#666;} #priThreeColSmall ul{margin-left:10px; list-style:none; padding-right:10px; line-height:16px;} #priThreeColSmall ul li{} #priThreeColSmall ul li h4{margin:10px 0 12px 0;} #priThreeColSmall ul li a{font-size:12px; font-family:calibri, helvetica, arial; } #twitter_div ul li { font-family:calibri, Helvetica, arial; line-height:16px; margin-bottom:12px; margin-top:10px;} #twitter_div ul li a{} #twitter_div ul li span {display:block; height:auto; font-size:11px; color:#7fa82d;} /*JQuery Lightbox Styles*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/jLightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/jLightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/jLightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText{ padding-left: 20px; } #prevLinkText{ padding-right: 20px; } /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData { padding-top: 5px; } /*** END : added padding when navbar is on top ***/ #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } #lightboxIframe { display: none; } @media screen and (-webkit-min-device-pixel-ratio:0){ ul#globalNav li a{font-family:Century Gothic;} #priBannerText p{font-size:11px; letter-spacing:1px; font-family: helvetica, Arial, Sans-Serif; } }