/* Global */ body { margin: 0; padding: 0; background: #302a2a; } a { text-decoration: none; } a:hover { text-decoration: underline; } .rotatingPromo img, .control { behavior: url("/_scripts/iepngfix.htc") } /* Header */ #headerBG { height: 171px; background: url(../_images/bg-header.gif) 0 0 no-repeat; position: relative; } #header { width: 950px; } #logo { position: absolute; top: 80px; left: 45px; width: 253px; height: 55px; background: url(../_images/logo-webdriven.gif) 0 0 no-repeat; } #logo a { display: block; width: 253px; height: 55px; } #logo img { position: absolute; top: -999em; } /* Main Nav */ #mainNav { position: absolute; top: 0; left: 360px; width: 478px; height: 169px; } #mainNav ul { width: 478px; list-style-type: none; } #mainNav ul li { float: left; } #mainNav ul li a { display: block; height: 169px; text-indent: -999em; } #mainNav ul li a:hover { background-position: 0 -199px; } .nHome { width: 90px; background-image: url(../_images/nav-home.gif); } .nAbout { width: 98px; background-image: url(../_images/nav-about.gif); } .nServices { width: 112px; background-image: url(../_images/nav-services.gif); } .nWork { width: 91px; background-image: url(../_images/nav-work.gif); } .nBlog { width: 87px; background-image: url(../_images/nav-blog.gif); } #sHome .nHome, #sAbout .nAbout, #sServices .nServices, #sWork .nWork, #sBlog .nBlog { background-position: 0 -199px; } #utility { position: absolute; top: 102px; left: 855px; } #RSSFeed { display: block; width: 24px; height: 24px; background: url(../_images/icon-rss.gif) 0 0 no-repeat; text-indent: -999em; } /* Homepage Rotating Promo */ #homeRotatorBG { position: relative; width: 1181px; height: 310px; background: url(../_images/bg-home-rotator.jpg) 0 0 no-repeat; z-index: 100; } #homeRotator h1 { position: absolute; top: 35px; left: 55px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 4em; color: #f98545; width: 500px; } #homeRotator h2 { position: absolute; top: 105px; left: 55px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 3em; color: #c7c7c7; width: 475px; } #homeRotator p { position: absolute; top: 270px; left: 55px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; color: #fff; width: 475px; } #homeRotator a { color: #fff; } #homeRotator img { position: absolute; top: -17px; left: 600px; z-index: 10000; } .rotatingPromo { position: absolute; cursor: pointer; } #promoNav { position: absolute; top: 275px; left: 245px; } #promoNav ul { list-style: none; padding: 0; line-height: 1em; } #promoNav ul li { list-style-type: none; margin: 0; padding: 0 2px 0 0; background: none !important; float: left; } #promoNav ul li a { display: block; width: 15px; height: 14px; } #promoNav ul li a:hover { background-position: 0 -14px; } #promoNav ul li a.selected { background-position: 0 -14px; } #promoNav ul li a span { position: absolute; left: -999em; } #promoNavPrev { background: url(../_images/nav-prev.gif) 0 0 no-repeat; } #promoNav1 { background: url(../_images/nav-1.gif) 0 0 no-repeat; } #promoNav2 { background: url(../_images/nav-2.gif) 0 0 no-repeat; } #promoNav3 { background: url(../_images/nav-3.gif) 0 0 no-repeat; } #promoNav4 { background: url(../_images/nav-4.gif) 0 0 no-repeat; } #promoNav5 { background: url(../_images/nav-5.gif) 0 0 no-repeat; } #promoNavNext { background: url(../_images/nav-next.gif) 0 0 no-repeat; } /* Homepage Promo Areas */ #homePromosBG { background: #302a2a url(../_images/bg-home-promos.jpg) 0 0 no-repeat; position: relative; z-index: 500; } #homePromos { width: 950px; min-height: 425px; height: auto !important; height: 425px; overflow: hidden; font-size: 1.2em; line-height: 1.5em; color: #fdfcfb; } #homePromo1 { width: 215px; margin: 0 35px 0 55px; float: left; display: inline; } #homePromo2 { width: 190px; margin: 0 62px 0 35px; float: left; display: inline; } #homePromo3 { width: 235px; margin: 0 0 0 30px; float: left; display: inline; } #homePromos h3 { padding: 40px 0 30px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 2em; text-transform: lowercase; } #homePromos h4 { margin: 0; padding: 0; font-size: 1.5em; font-weight: normal; color: #f98545; } #homePromos h4 a { font-weight: normal; } #homePromos p { padding: 0 0 20px 0; } #homePromos p.more { padding: 20px 0; } #homePromos a { font-weight: bold; color: #f98545; } #homePromos p.more a { color: #fff; } #homePromos .promo { padding: 0 0 20px 50px; } #homePromos .promo h4 { padding: 0; } .iconEmail { background: url(../_images/icon-home-email.jpg) 0 5px no-repeat; } .iconTwitter { background: url(../_images/icon-home-twitter.jpg) 0 5px no-repeat; } .iconFacebook { background: url(../_images/icon-home-facebook.jpg) 0 5px no-repeat; } #homePromo2 h4 { padding: 0 0 8px 0; } /* Interior */ #interiorBGMain { background: url(../_images/bg-interior-main.gif) 0 0 repeat-y; position: relative; } #interiorBGBottom { background: url(../_images/bg-interior-bottom.gif) 0 100% no-repeat; padding: 0 0 40px 0; } #interiorBGTop { background: url(../_images/bg-interior-top.jpg) 0 0 no-repeat; padding: 40px 0 0 0; } #interior { left: 51px; position: relative; padding: 25px 26px 50px 40px; width: 810px; background: url(../_images/bg-content-area.jpg) 0 0 no-repeat; } #dropUsALine { position: absolute; top: 140px; left: 0; } #breadcrumb { padding: 0 40px 15px 0; font-size: 1.1em; text-transform: lowercase; } #breadcrumb a { color: #000; } #section { font-size: 3.6em; font-weight: normal; } #whiteBG { background: url(../_images/bg-interior-search.gif) 0 0 no-repeat; min-height: 500px; } .indent { padding: 55px 35px; } .indent2 { padding: 55px 18px; } #searchBox { padding: 10px 25px 0 0; float: right; } #searchBox label { position: absolute; top: -999em; } #searchBox input.txtField { width: 180px; height: 14px; margin: 0 10px 0 0; border: none; padding: 2px 2px 0 2px; background: #dfdddd; font-size: 10px; float: left; } #searchBox input.btnSearch { width: 37px; height: 16px; border: none; background: url(../_images/btn-go.gif) 0 0 no-repeat; text-indent: -999em; } .content { font-size: 1.2em; } .content h1 { font-size: 3em; font-weight: normal; color: #ee7531; } .content h2 { font-size: 2em; font-weight: normal; color: #ee7531; } .content h2 a { color: #ee7531; } .content h2.alt { padding: 0 0 10px 0; font-size: 2em; font-weight: normal; color: #252423; } .content h3 { padding: 0 0 15px 0; font-size: 1.2em; font-weight: normal; color: #6e6d6d; } .content h3.alt { padding: 0; font-size: 1.8em; font-weight: normal; color: #5e5d5d; } .content h4 { font-size: 1.2em; font-weight: normal; color: #302d2d; text-transform: uppercase; } .content h4 a { color: #302d2d; } .content p { padding: 0 0 15px 0; line-height: 1.4em; } .content ul { padding: 0 0 15px 25px; } .content ol { padding: 0 0 15px 25px; } .content blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; } .content a { font-weight: bold; color: #000; } .titlePadding { padding: 0 0 15px 0; } .twoColumn { margin: 0 0 0 20px; width: 773px; background: url(../_images/bg-two-columns.jpg) 0 0 no-repeat; overflow: hidden; } .twoColumnLeft { width: 255px; padding: 25px 80px 25px 30px; float: left; } .twoColumnRight { width: 260px; padding: 25px 95px 25px 50px; float: left; } .serviceBox { width: 635px; border-top: 4px double #dfdddd; padding: 15px 0 0 0; background: url(../_images/bg-services.gif) 0 0 no-repeat; overflow: hidden; } .serviceBoxLast { border-bottom: 4px double #dfdddd; } .serviceBoxIcon { width: 90px; padding: 0 0 0 10px; float: left; } .serviceBoxText { width: 535px; padding: 5px 0 0 0; float: left; } .serviceBox a { text-transform: uppercase; color: #ee7531; } .userPic { padding: 4px 15px 0 0; float: left; } /* Blog */ #blog { width: 774px; padding: 0 1px 0 0; background: url(../_images/bg-blog.jpg) 0 0 no-repeat; overflow: hidden; } #blogMain { width: 451px; padding: 30px 0; float: left; } #blogIndex { padding: 0 15px; } #blogSidebar { width: 315px; padding: 40px 0; float: right; } .entryAuthorInfo { padding: 0 0 18px 18px; } .author { padding: 10px 0 3px 0 !important; font-size: 1.4em; } .authorTitle { font-style: italic; padding: 0 !important; } .authorTitle span { padding: 0 15px 0 0; } .authorTitle a { vertical-align: bottom; } .entry { margin: 0 0 5px 0; padding: 9px 18px 4px 9px; font-size: 1.1em; background: url(../_images/bg-entry.jpg) left bottom no-repeat; } .entry a { color: #ee7531; } .entry .authorInfo { font-style: italic; } .entrySummary { background: url(../_images/bg-entry-summary.gif) 0 0 repeat-x; border-bottom: 4px double #dfdddd; padding: 15px 8px; } .entrySummaryBody { padding: 10px 0 0 0; line-height: 1.5em; } .categoryLink { padding: 0 0 0 5px; } .categoryLink a { padding: 0 0 0 5px; text-transform: lowercase; } #entryUtilities { padding: 15px 0; } #entryUtilities span { display: block; margin: 0 3px 0 0; width: 56px; height: 23px; background: url(../_images/icon-tools.gif) 0 0 no-repeat; text-indent: -999em; float: left; } #commentsHeader { width: 424px; padding: 10px 0 0 0; overflow: hidden; } #commentsCount { width: 260px; float: left; } #commentsAddButton { width: 160px; float: left; } .comment { background: url(../_images/bg-comment.jpg) 0 0 no-repeat; padding: 10px 20px 10px 12px; } .commentHeader { font-weight: bold; } #comments-open { position: absolute; left: -999em; } h3#hdrLeaveAComment { padding: 0 0 10px 0; font-size: 1.4em; font-weight: bold; } #tags { width: 451px; margin: 15px 0; background: #f3f2f3; overflow: hidden; } #tags span { display: block; width: 75px; height: 23px; background: url(../_images/icon-tags.gif) 0 0 no-repeat; text-indent: -999em; float: left; } #tags p { width: 285px; padding: 4px 0; float: left; } #tags p a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: normal; } #tags #btnViewCloud { width: 90px; float: right; } /* Tag Cloud */ #tagCloud a { padding: 0 2px; line-height: 1.2em; } #tagCloud a.tag10 { font-size: 1em; color: #ee7531; } #tagCloud a.tag9 { font-size: 1.1em; color: #ee7531; } #tagCloud a.tag8 { font-size: 1.2em; color: #ee7531; } #tagCloud a.tag7 { font-size: 1.3em; color: #ee7531; } #tagCloud a.tag6 { font-size: 1.4em; color: #ee7531; } #tagCloud a.tag5 { font-size: 1.5em; color: #ee7531; } #tagCloud a.tag4 { font-size: 1.6em; color: #ee7531; } #tagCloud a.tag3 { font-size: 1.7em; color: #ee7531; } #tagCloud a.tag2 { font-size: 1.8em; color: #ee7531; } #tagCloud a.tag1 { font-size: 1.9em; color: #ee7531; } .blogPostPhoto { margin: 0 15px 5px 0; padding: 0; background-color: #eeded5; float: left; } .blogPostPhoto img { border: 1px solid #000; padding: 0; } .blogPostPhoto p { margin: 10px; padding: 0 !important; width: 175px; font-size: .9em; line-height: 1.3em; } #blog blockquote { font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding-left: 30px; } .content-nav { padding: 10px 0 0 0; } #tabs ul { padding: 0; } /* Form Styles */ div.formRow { width: 480px; overflow: hidden; clear: both; margin: 0 0 3px 0; padding: 5px 0; font-size: 12px; } div.formRow span.formLabel { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; width: 115px; text-align: right; float: left; } div.formRow span.formControl { width: 350px; text-align: left; float: right; } div.formRow input.textbox { width: 300px; } div.formRow textarea { width: 300px; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } div.formRow input.formButton { background: #e7e7d1; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } div.formRow span.formControlButton { width: 270px; text-align: left; float: right; } div.formRow label { display: inline !important; } div.formRow label.error { display: block !important; } div.formRow .validation-advice { color: #f00; } .selected { background: #ffc; } /* Blog Sidebar */ #sbRecentPosts { width: 285px; padding: 55px 22px 0 8px; background: url(../_images/bg-recent-posts.jpg) 0 0 no-repeat; } #sbRecentPosts h5 { position: absolute; left: -999em; } #postPromos a { width: 256px; margin: 2px 0 0 0; padding: 6px 20px 8px 8px; background: #fff url(../_images/bg-recent-post.gif) left bottom no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: normal; display: block; overflow: hidden; } #postPromos a:hover { text-decoration: none; background: #e1e1e1 url(../_images/bg-recent-post-over.gif) left bottom no-repeat; } #postPromos a img { float: left; padding: 0 7px 0 0; } #sbOurWork { width: 277px; background: url(../_images/bg-our-work.jpg) 0 0 no-repeat; padding: 55px 22px 0 16px; } #sbOurWork h5 { position: absolute; left: -999em; } #sbOurWork .headline { margin: 0 0 10px 0; padding: 0 0 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #090808; background: #fff url(../_images/bg-recent-post.gif) left bottom no-repeat; } /* Tabs */ .ui-tabs { zoom: 1; } .ui-tabs .ui-tabs-nav { height: 27px; padding: 0 !important; list-style: none; position: relative; background: url(../_images/tab-bg.gif) left bottom repeat-x; } .ui-tabs .ui-tabs-nav li { float: left; background-image: none !important; padding: 0 !important; } .ui-tabs .ui-tabs-nav li.last { margin: 0; } .ui-tabs .ui-tabs-nav li a { display: block; float: left; text-decoration: none; font-size: .9em; font-weight: bold; text-transform: uppercase; color: #000 !important; padding: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {color: #fff !important; cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-left: 1px solid #dddbdb; border-right: 1px solid #dddbdb; border-bottom: 1px solid #dddbdb; padding: 18px; } .ui-tabs .ui-tabs-hide { display: none !important; } #tabs ul { list-style-type: none; } #tabs ul li { padding: 0 0 5px 0; } #tabs a { color: #ee7531; } #tabBlogroll { width: 80px; height: 27px; background: url(../_images/tab-blogroll.gif) 0 0 no-repeat; text-indent: -999em; } .ui-tabs-selected #tabBlogroll { background-position: 0 -27px; } #tabArchive { width: 80px; height: 27px; background: url(../_images/tab-archive.gif) 0 0 no-repeat; text-indent: -999em; } .ui-tabs-selected #tabArchive { background-position: 0 -27px; } /* Work */ #work { width: 775px; overflow: hidden; } #workImage { width: 450px; float: left; } #workIndexImage { width: 450px; margin: 0 auto; float: left; } #workText { width: 300px; padding: 0 15px 0 0; float: right; } #slideshow { margin: 0 auto; width: 430px; height: 363px; position: relative; } #slideshow #slidesContainer { margin: 0 auto; width: 430px; height: 363px; overflow: auto; position:relative; } #slideshow #slidesContainer .slide { margin: 0 auto; width: 410px; height: 363px; } .control { display: block; width: 39px; height: 363px; text-indent: -10000px; position: absolute; cursor: pointer; } #leftControl { top: 0; left: -15px; background: transparent url(../_images/control-left.png) no-repeat 0 0; z-index: 100; } #rightControl { top: 0; right: -15px; background:transparent url(../_images/control-right.png) no-repeat 0 0; } #work2 { width: 775px; overflow: hidden; } #workTestimonial { width: 410px; padding: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #838282; float: left; } #workTestimonial h5 { width: 194px; height: 29px; padding: 0 0 30px 0; background: url(../_images/hdr-what-they%27re-saying.gif) 0 0 no-repeat; text-indent: -999em; } #workSidebar { width: 290px; padding: 15px 25px 0 0; float: right; } #workDidYouKnow h5 { width: 290px; height: 44px; background: url(../_images/hdr-did-you-know.gif) 0 0 no-repeat; text-indent: -999em; } #workDidYouKnow p { padding: 12px; color: #7d7c7c; } #workRecentPosts h5 { width: 290px; height: 44px; background: url(../_images/hdr-recent-posts.gif) 0 0 no-repeat; text-indent: -999em; } #workTools h5 { width: 290px; height: 44px; background: url(../_images/hdr-tools.gif) 0 0 no-repeat; text-indent: -999em; } #workTools ul { list-style-type: none; padding: 0 0 10px 0; } #workTools ul li { padding: 3px 0 2px 42px; background: url(../_images/bullet-tools.gif) left bottom no-repeat; } #hdrPortfolio { width: 123px; height: 53px; background: url(../_images/hdr-portfolio.gif) 0 0 no-repeat; text-indent: -999em; } .workPromos { width: 775px; padding: 20px 0 10px 10px; background: url(../_images/bg-work-promos.gif) 0 0 no-repeat; overflow: hidden; font-size: .9em; } .workImage { width: 92px; float: left; } .workText { width: 265px; padding: 0 25px 0 0; float: left; } /* Footer */ #footerBG { background: url(../_images/bg-footer.jpg) 0 0 no-repeat; position: relative; } #Home #footerBG { background: url(../_images/bg-footer2.jpg) 0 0 no-repeat; } #footer { width: 950px; height: 82px; overflow: hidden; } #footerLogo { position: absolute; top: 30px; left: 60px; } #footerNav ul { position: absolute; top: 32px; left: 210px; list-style-type: none; font-size: 1.2em; font-weight: bold; } #footer ul li { float: left; } #footer ul li a { padding: 8px; display: block; color: #dcdbdb; text-transform: lowercase; } #footerButtons { position: absolute; top: 30px; left: 550px; } #footerButtons a { margin: 0 5px 0 0; }