/* GLOBAL STYLES */ body { background: url(../images/main-bg.jpg) repeat left top; padding-top:6em; } a.button, input.button { float:left; padding:0 .5em 0 1.65em; } /* HEADER STYLES */ #company-logo a { width:568px; height:89px; background: url(../images/main-logo.gif) no-repeat top; text-indent:-9999px; float:left; } div#company-logo a:hover, h1#company-logo a { background-position: bottom; } div#header blockquote p { width:373px; height:67px; text-indent:-9999px; background: url(../images/quote-bg.gif) no-repeat center; float:right; margin:1.5em 0 3em; } div#header blockquote p cite { visibility: hidden; } /* NAVIGATION STYLES */ div#main-nav { background: url(../images/nav-bg.jpg) repeat-x left top; height:79px; } div#main-nav ul { padding-top:2.35em; } div#main-nav ul li { float:left; margin-right:5.5em; } div#main-nav ul li#contact { margin-right:0; } div#main-nav ul li a { display:block; height:34px; background-repeat:no-repeat; background-position: left top; text-indent: -9999px; } div#main-nav ul li a:hover { background-position: left bottom !important; } div#main-nav ul li#design a { width:101px; background-image: url(../images/nav/design.gif); } div#main-nav ul li#development a { width:159px; background-image: url(../images/nav/development.gif); } div#main-nav ul li#marketing a { width:175px; background-image: url(../images/nav/marketing.gif); } div#main-nav ul li#portfolio a { width:91px; background-image: url(../images/nav/portfolio.gif); } div#main-nav ul li#quote a { width:96px; background-image: url(../images/nav/quote.gif); } div#main-nav ul li#contact a { width:99px; background-image: url(../images/nav/contact.gif); } /* BANNER STYLES */ div#banner, div#silo-head, div#inner-head { background:#504f49; margin-bottom:3em; } /* SILO-HEAD STYLES */ div#silo-head div.group { position:relative; height:325px; } div#silo-head img { position:absolute; bottom:0; right:0; z-index:1; } div#silo-head h1, div#silo-head blockquote { padding-right:475px; } div#silo-head h1 { padding-top:70px; padding-bottom:.75em; } div#silo-head blockquote { padding-bottom:70px; } div#silo-head blockquote p cite { display:block; padding-top:1.75em; } /* INNER-HEAD STYLES */ div#inner-head h1 { padding:70px 0; } /* HOME BODY STYLES */ div#body div.section { float:left; padding-left:2.25em; width:31.5em; border-right:3px dotted #c1c1be; margin-bottom:6em; } div#body div.design { padding-left:0; } div#body div.marketing { border-right:none; } div#body h2 { padding-bottom:.75em; padding-top:.15em; } div#body div.section p { padding-right:63px; background-position:right top; background-repeat:no-repeat; margin-right:22px; } div#body div.design p { background-image: url(../images/pencil.gif); } div#body div.development p { background-image: url(../images/tools.gif); } div#body div.marketing p { background-image: url(../images/chart.gif); } div#body div.section a.button { background: url(../images/arrows/section-arrow.gif) no-repeat left center #aca27f; } div#home-content div.top { padding-bottom:4em; } div#home-content div.summaries { clear:both; } div#home-content div.summaries h2 { border-bottom:3px dotted #c1c1be; padding-bottom:.25em; margin-bottom:.5em; } div#home-content div.blurb { width: 24em; margin:1.5em 2.5em 2em 0; float:left; padding-left:7.5em; height:24em; background-repeat:no-repeat; background-position: left top; } div#home-content div.blurb h3 { padding-top:0; } div#home-content div.end { margin-right:0; } div#home-content div.web-design { background-image: url(../images/icons/web-design.gif); } div#home-content div.redesign { background-image: url(../images/icons/redesign.gif); } div#home-content div.flash { background-image: url(../images/icons/flash.gif); } div#home-content div.maintenance { background-image: url(../images/icons/maintenance.gif); } div#home-content div.logo { background-image: url(../images/icons/logo.gif); } div#home-content div.web-development { background-image: url(../images/icons/web-development.gif); } div#home-content div.ecommerce { background-image: url(../images/icons/ecommerce.gif); } div#home-content div.cms { background-image: url(../images/icons/cms.gif); } div#home-content div.intranet { background-image: url(../images/icons/intranet.gif); } div#home-content div.b2b { background-image: url(../images/icons/b2b.gif); } div#home-content div.hosting { background-image: url(../images/icons/hosting.gif); } div#home-content div.seo { background-image: url(../images/icons/seo.gif); } div#home-content div.ppc { background-image: url(../images/icons/ppc.gif); } div#home-content div.email { background-image: url(../images/icons/email.gif); } div#home-content div.copywriting { background-image: url(../images/icons/copywriting.gif); } div#home-content div.social { background-image: url(../images/icons/social.gif); } div#home-content div.conversion { background-image: url(../images/icons/conversion.gif); } /* INNER BODY STYLES */ div#aside { float:right; width:31em; padding-left:2.5em; } div#aside h2 { margin-bottom:.5em; } div#aside img { margin-bottom:2.5em; } div#aside ul { list-style-type:disc; padding-left:2.5em; color:#87998e; } div#aside ul li { margin-bottom:1.25em; } div#content { margin-right:33.1em; border-right:3px dotted #c1c1be; padding-right:2em; position:relative; } div#content h3, div#home-content h3 { padding:.75em 0; } div#content h4 { padding:.75em 0 .5em; } div#content ul, div#content ol, div#info-content ul, div#info-content ol { list-style: disc; padding-left:4em; padding-bottom:1em; } div#content ol, div#info-content ol { list-style: decimal; } div#content ul li, div#content ol li, div#info-content ol li, div#info-content ul li { margin-bottom:.5em; } div#info-content h2 { padding-top:1em; } /*PORTFOLIO BODY STYLES */ div#folio-details { overflow:hidden; padding-bottom:2em; } div#folio-details dl.detail { float:left; width:19em; } div#folio-details dl.first { width:25em; } div#folio-details dl.detail dt { padding-bottom:1em; } div#folio-details dl.first ul { list-style-type:disc; color:#87998e; padding-left:1.25em; } div#folio-details dl.first ul li { margin-bottom:.5em; } div.entry { padding-bottom:2em; margin-bottom:2em; border-bottom:3px dotted #c1c1be; overflow:hidden; } div.entry a img { border:3px solid #c5c5c3; margin-bottom:1.5em; } div.entry a:hover img { border-color:#504f49; } div.entry dl { width:30.5em; float:left; } div.entry dl dt { padding-bottom:.5em; } div.entry ul { margin-left:35.9em; list-style-type:disc; color:#87998e; padding-top:1.75em; } a#launch { position:absolute; right:22px; top:-2em; background:#8c9f94; padding:.5em .75em; float:right; } a#launch:hover { background:#504F49; } /* SIMPLE CONTACT FORM STYLES */ form#simple-contact div { margin-bottom:.3em; clear:left; } form#simple-contact label { float:left; width:100px; } form#simple-contact input.text, form#simple-contact textarea { background:#596858; border:none; width:223px; padding:5px 6px; } form#simple-contact input.text:focus, form#simple-contact textarea:focus { background:#4b584a; } form#simple-contact textarea { height:4em; } form#simple-contact input.button { border:0; padding-top:.2em; padding-bottom:.2em; float:right; cursor:pointer; } form#simple-contact input.error { background: #cc6e6e; } div#footer div.contact-us p strong { display:block; padding-bottom:.5em; } /* FOOTER STYLES */ div#footer { background:#6e806d; clear:both; margin-top:3.5em; padding:5em 0; } div#footer h4 { height:24px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; margin-bottom:1.5em; } div#footer h5 { padding: .5em 0 .75em; } div#footer a.button, div#footer input.button { background: url(../images/arrows/footer-arrow.gif) no-repeat left center #596858; } div#footer div.featured-work { width:60em; margin-right:6.5em; float:left; overflow:hidden; margin-bottom:2em; } div#footer div.featured-work h4 { background-image: url(../images/headlines/featured-work.gif); width:124px; } div#footer div.featured-work img { float:left; margin-right:1.5em; } div#footer div.contact-us { margin-left:66.5em; } div#footer div.contact-us h4 { background-image: url(../images/headlines/contact-us.gif); width:97px; } div#footer div.navigate { padding-top:2em; border-top:3px dotted #616e5f; clear:left; } div#footer div.navigate h4 { background-image: url(../images/headlines/navigate.gif); width:82px; } div#footer div.navigate div { float:left; margin-right:9em; } div#footer div.navigate div.last { margin-right:0; } div#footer div.navigate div ul li { width:17em; border-bottom:1px dashed #616e5f; padding:.5em 0; } div#footer div.navigate div ul li a { display:block; } /* COPYRIGHT STYLES */ div#copyright { padding-top:1.5em; padding-bottom:2em; } div#copyright p { float:left; margin-right:.25em; } div#copyright ul li { float:left; padding:0 1em; border-right:1px solid #504f49; } div#copyright ul li.last { border-right:0; } div#copyright ul.validate { float:right; } div#copyright ul.validate li { border:0; padding:0; margin-left:1.5em; } div#copyright ul.validate li a { display:block; height:14px; background-position:center; background-repeat:no-repeat; text-indent:-9999px; } div#copyright ul.validate li.html a { background-image: url(../images/valid-html.gif); width: 125px; } div#copyright ul.validate li.css a { background-image: url(../images/valid-css.gif); width: 66px; } /* CONTACT STYLES */ div#aside div.contact dl { padding-left:2.5em; padding-bottom:2.5em; } div#aside div.contact dl dt { float:left; width:5em; padding-bottom:1em; } div#aside div.contact dl dd { padding-bottom:1em; } /* FORM STYLES */ div#body div.privacy p { padding-bottom:2em; } div#body div.privacy p strong { padding:0 .1em; } form fieldset.double div.text { float:left; width:31.3; margin-right:.9em; padding-bottom:19px; } form fieldset.double div.required:hover { background: url(../images/required.gif) no-repeat right bottom; } form#free-quote label, form#contact-us label { display:block; margin-bottom:.5em; } form div.text input, form div.text textarea { background:#e0dfdc; border:1px solid #c0bcaf; padding:.25em; width:16.75em; color:#6e6b62; } form div.text input:focus, form div.required:hover input, form div.text textarea:focus { border-color:#6c9967; } form fieldset.single div { margin-top:4em; } form fieldset.single div div { margin-top:0; } div.errors { padding:1em; border:2px dashed #e0dfdc; margin-bottom:2em; } div.errors strong { display:block; } form fieldset.single div.checkboxes div { float:left; width:21.5em; } form fieldset.single div.checkboxes div input { float:left; margin-right:1em; } form fieldset.single div.budget input#amount { background: none; border:none; float:right; text-align:right; margin-top:-2em; } form fieldset.single div.budget div#slider-range div.ui-widget-header { background: #6c9967; } form fieldset.single div.budget div#slider-range div.ui-widget-content { background:#e0dfdc; border-color:#c0bcaf; } form div.text textarea { width:615px; height:8em; } input#submit-request { background:#6c9967 url(../images/submit-request.gif) no-repeat left center; border:none; float:left; height:1.8em; padding-left:2em; cursor:pointer; } input#submit-request:hover { color:#504f49; } form div a.local-client { float:left; margin-left:2em; margin-top:1.5em; } form div.captcha img { float:left; margin-right:2em; border:1px solid #c0bcaf; } form div.captcha input { width:8em; margin-top: 14px; } table#message tr td { width:15em; padding:15px 0; border-bottom:1px solid #c0bcaf; } /* SITEMAP STYLES */ div#sitemap { overflow:hidden; } div#sitemap li { margin-left:125px; } div#sitemap li.first { margin-left:0; } div#sitemap li.level1 { float:left; clear:left; overflow:hidden; margin-top:2em; } div#sitemap li.level1 ul { margin-left:200px; padding-bottom:1em; margin-top:-1em; } div#sitemap li.level2 { margin-left:0; margin-bottom:.5em; border-bottom:1px solid #d0ccbd; padding-bottom:.5em; } div#sitemap li.level2 a { display:block; width:250px; }