/* Resets --------------------------- */ body, h1, h2, h3, h4, h5, h6, img, p, ul, ol, li, dl, dd, dt { margin:0px; padding:0px; border:0px; } img { border:0px; } a:focus { outline:none } /* General --------------------------- */ html { min-height:100%; margin-bottom:1px; } body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1E2137; background-color:#ccc; } p, li { line-height:15px; } #secondary p { line-height: 13px; margin-bottom: 17px; } #secondary ul { margin-bottom: 0; } p, ul { margin-bottom:15px; } ul, ul li { list-style-type:none; } ul li { padding-left:11px; background:url(/images/template/bullet.gif) 0px 4px no-repeat; } a.arrow { padding-left:11px; background:url(/images/template/bullet.gif) 0px 4px no-repeat; } a { text-decoration:none; color:#f60; } #secondary li a, #secondary li a:visited { color: #1e2137; } #content a:hover { text-decoration: underline; } h1, h2, h3, h4 { font-weight:normal; font-family: "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif; } h1 { font-size:28px; margin-bottom:10px; } h2 { font-size:20px; margin-bottom:8px; } #recent-work h2, #secondary h2 { font-size:20px; font-weight: normal; margin-bottom: 19px; border-bottom:1px solid #ddd; padding-bottom: 2px; } #secondary h2 { color: #1e2137; border: 0; margin-bottom: 3px; padding: 0; } h3 { font-size:14px; font-weight: normal; padding-bottom: 4px; margin-bottom:7px; border-bottom:1px solid #ddd; } h4 { font-size:12px; margin-bottom:5px; } h1 em { color:#7ABAFF } h1.blog { margin-left:20px; margin-bottom:20px; } #secondary h2.widgettitle { font-size:14px; color:#666666; text-transform:uppercase } /* Layout --------------------------- */ #wrapper { margin:0 auto; text-align:left; width:800px; background:url(/images/template/bg.jpg) top center repeat-y; } #header, #navigation, #content { margin: 0 5px; } #header { height:85px; background:url(/images/template/header-bg.jpg) top left no-repeat; position:relative } #header #logo { position:absolute; top:27px; left:22px; width:249px; height:32px; } #header #contact { position:absolute; top:40px; right:16px; width:308px; height:12px; } /*#navigation { background-color:#9B9CA2; height:20px; position:relative }*/ #navigation { background:url(/images/template/navbar.gif) top left repeat-x; height:20px; position:relative } #navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none; background:none; } #navigation li { display:block; float:left; line-height:20px; } #navigation li, #navigation li a { background-position:top left; background-repeat:no-repeat } #navigation li a { display:block; color:#fff; text-decoration:none; font-size:10px; text-transform:uppercase; font-family:Tahoma, "Trebuchet MS"; text-indent:-9999px;} #navigation li li { line-height:20px; height:20px;} #navigation li ul { position: absolute; width:755px; left: -999em; height: auto; z-index:100; background-color: #fff; } .sectionServices #navigation li.services ul, .sectionSolutions #navigation li.solutions ul, .sectionClients #navigation li.clients ul, #navigation li:hover ul, #navigation li.sfhover ul { left: auto; right:15px; } #navigation li:hover ul, #navigation li.sfhover ul { z-index:200; } /*.sectionServices #navigation li.services ul { background-color: #f00; }*/ #navigation li li a { border-bottom: 8px solid #fff; } #navigation li, #navigation a { background-position:top left; background-repeat:no-repeat; white-space:nowrap } #navigation li.home, #navigation li.home a { width:58px; background:url(/images/template/navigation/home.gif) top left no-repeat } #navigation li.services, #navigation li.services a { width:60px; background:url(/images/template/navigation/services.gif) top left no-repeat } #navigation li.solutions, #navigation li.solutions a { width:68px; background-image:url(/images/template/navigation/solutions.gif) } #navigation li.clients, #navigation li.clients a { width:55px; background-image:url(/images/template/navigation/clients.gif) } #navigation li.about, #navigation li.about a { width:66px; background-image: url(/images/template/navigation/about.gif)} #navigation li.blog, #navigation li.blog a { width:53px; background-image: url(/images/template/navigation/blog.gif)} #navigation li.contact, #navigation li.contact a { width:61px; background-image:url(/images/template/navigation/contact.gif) } #navigation li.consulting-strategy, #navigation li.consulting-strategy a { width:120px; background:url(/images/template/navigation/consulting-strategy.gif)} #navigation li.website-development, #navigation li.website-development a { width:119px; background:url(/images/template/navigation/website-development.gif) } #navigation li.brand-identity, #navigation li.brand-identity a { width:86px; background-image:url(/images/template/navigation/brand-identity.gif) } #navigation li.online-advertising, #navigation li.online-advertising a { width:104px; background-image:url(/images/template/navigation/online-advertising.gif) } #navigation li.flash, #navigation li.flash a { width:40px; background-image: url(/images/template/navigation/flash.gif)} #navigation li.print, #navigation li.print a { width:37px; background-image:url(/images/template/navigation/print.gif) } #navigation li.visualization, #navigation li.visualization a { width:90px; background-image: url("/images/template/navigation/3d-visualization.gif")} #navigation li.content-management-system, #navigation li.content-management-system a { width:154px; background-image:url(/images/template/navigation/content-management-system.gif) } #navigation li.newsletter-publisher, #navigation li.newsletter-publisher a { width:124px; background-image:url(/images/template/navigation/newsletter-publisher.gif) } #navigation li.virtual-office, #navigation li.virtual-office a { width:83px; background-image: url(/images/template/navigation/virtual-office.gif)} #navigation li.workgroup-calendar, #navigation li.workgroup-calendar a { width:119px; background-image:url(/images/template/navigation/workgroup-calendar.gif) } #navigation li.productivity-tools, #navigation li.productivity-tools a { width:111px; background-image:url(/images/template/navigation/productivity-tools.gif) } #navigation li.client-list, #navigation li.client-list a { width:58px; background-image:url(/images/template/navigation/client-list.gif) } #navigation li.testimonials, #navigation li.testimonials a { width:77px; background-image:url(/images/template/navigation/testimonials.gif) } #navigation li.case-studies, #navigation li.case-studies a { width:71px; background-image: url(/images/template/navigation/case-studies.gif)} .sectionServices #navigation li.services a.primary, .sectionSolutions #navigation li.solutions a.primary, .sectionSolutions #navigation li.solutions a.primary, body.blog #navigation li.blog a.primary, .sectionAbout #navigation li.about a.primary, .sectionClients #navigation li.clients a.primary, .sectionContact #navigation li.contact a.primary, #pageStrategy #navigation li li.consulting-strategy a, #pageWeb #navigation li li.website-development a, #pageBrand #navigation li li.brand-identity a, #pageAd #navigation li li.online-advertising a, #pageFlash #navigation li li.flash a, #pagePrint #navigation li li.print a, #page3d #navigation li li.visualization a, #pageCms #navigation li li.content-management-system a, #pageNewsletter #navigation li li.newsletter-publisher a, #pageOffice #navigation li li.virtual-office a, #pageCalendar #navigation li li.workgroup-calendar a, #pageTools #navigation li li.productivity-tools a, #pageClients #navigation li li.client-list a, #pageTestimonials #navigation li li.testimonials a, #pageCase #navigation li li.case-studies a, #navigation li a:hover, #navigation li:hover li a:hover, #navigation li:hover a { background-position:bottom left; } #navigation li:hover li a, #navigation li a:hover li a { background-position:top left; } #navigation li.workgroup-calendar, #navigation li.workgroup-calendar a, #navigation li.productivity-tools, #navigation li.productivity-tools a { display:none } #siteinfo { width:300px; position:absolute; top:5px; right:18px; } #siteinfo ul, #siteinfo li { margin:0px; padding:0px; list-style-type:none } #siteinfo li { display:block; float:left; width:50%; text-align:right; line-height:normal; } #content { margin-top:42px; margin-bottom:35px; float: left; } #primary, #secondary, #imagery, #text { float:left; display:inline; } #primary { width:523px; margin-left:22px; } #secondary { width:200px; margin-left:25px;} #primary #imagery { width:220px; } #primary #text { width:307px; margin-left:12px;} #footer-wrapper { clear:both; background:url(/images/template/footer-bottom.jpg) bottom no-repeat; padding:0 5px 4px; } #footer { background:#373B55 url(/images/template/footer-top.jpg) top repeat-x; padding:6px 0px 5px 19px; font-size:11px; font-family:"Trebuchet MS" } #footer p { line-height:21px; margin:0px; } #footer span { margin:0 3px; } #footer, #footer a { color:#d0d0d0; } #footer a:hover { color:#fff; } /* Blog Styles --------------------------- */ #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: .2em; } #commentform textarea { width: 100%; } #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; } #commentlist li .avatar { float: right; margin-right: 25px; border: 1px dotted #ccc; padding: 2px; } #searchform { display:none } #secondary ul { margin-bottom:5px; } #secondary ul li { padding-left:0px; background:none; } #secondary ul li li { padding-left:11px; background:url(/images/template/bullet.gif) 0px 4px no-repeat; margin-left:5px; } #secondary h2 { padding:8px 0 8px; border-top:1px solid #ccc;} ol li { margin-left:15px; } /* Captions & aligment */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions & aligment */ .postmetadata a, .tags a { color:#999; } /* Hacks --------------------------- */ .clear { clear:both; height:1px; }