@charset "utf-8"; /* 6 Degrees Integrated Communications Design by Kelly Small & Stefan Grambart Development by Stefan Grambart thumblight.js developed by, and (c) copyright James King Website version 2.3, November 2009 All work (c) copyright 6 Degrees Integrated Communications */ body { background:#001320; margin:0; font-size:100.1%; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:18px; } a img { border: none; } a { text-decoration: none; } hr { border-top:#DDD solid 1px;border-right:none;border-bottom:none;border-left:none;background:#FFF; } .sixblue { font-weight:bold; color:#007FB2; } /* BLUE */ .sixgreen { font-weight:bold; color:#6CB33F; } /* GREEN */ .sixorange { font-weight:bold; color:#F47B20; } /* ORANGE */ .degrees { font-weight:bold; color:#FFF; } /* BACKGROUNDS */ #header { color:#FFF; background:#1E1E1E url(../images/bg_header.jpg); top:0; width:100%; height:52px; border-top:#0080B2 solid 3px; } #feature { color:#000; background:#FFF url(../images/bg_feature.jpg) bottom repeat-x; width:100%; } #content { color:#E6EEF0; width:100%; background:url(../images/bg_content.jpg); } #footer { color:#1E4661; border-top:#000A18 solid 5px; width:100%; } .interior { width:970px; margin:auto; padding:5px 0 5px 0; } /* HEADER */ #header div.interior { padding:0; height:52px; text-align:left; } .sixdeg { height:52px; width:64px; background:url(../images/pixelmap.png) no-repeat top left; float:left; } /* NAVIGATION */ #nav a { height:52px; background:url(../images/pixelmap.png) no-repeat; float:left; } #nav a.connect { width:133px; background-position: -64px 0px; } #nav a.connect:hover { width:133px; background-position: -64px -52px; } #nav a.divisions { width:92px; background-position: -197px 0px; } #nav a.divisions:hover { width:92px; background-position: -197px -52px; } #nav a.latest { width:161px; background-position: -289px 0px; } #nav a.latest:hover { width:161px; background-position: -289px -52px; } .navend { height:52px; width:159px; background:url(../images/pixelmap.png) no-repeat -450px 0px; float:left; } /* CONTENT AREA */ #content div.interior { padding:0; font-size:13px; } #content div.interior hr { border-top:#1B313E solid 1px; border-right:none; border-bottom:none; border-left:none; background:none; } #content div.interior strong { color:#FFF; font-size:15px; } .column { float:left; text-align:left; } #content div.column { margin-right:30px; } #content div.column h2 { height:37px; text-indent:-9999px; background:url(../images/pixelmap.png) no-repeat; margin-top:35px; } #content div.column p { color:#E6EEF0; padding:0; margin:0 0 8px 0; } #content div.column h3 { color:#FFF; font-size:18px; font-weight:normal; margin:8px 0 0 0; padding:0; } #content div.column ul { list-style:none; margin:8px 0 0 0; padding:0; } #content div.column ul li { border-bottom: #2B3B44 solid 1px; margin-bottom:12px; } #content div.column h3 { color:#FFF; font-size:15px; font-weight:bold; margin:0; padding:0; } #content div.column h3 a { color:#FFF; font-size:15px; font-weight:bold; margin:0; padding:0; } #content div.column h4 { color:#878E92; font-size:10px; font-weight:normal; margin:2px 0 10px 0; padding:0; } #content div.column h5 { color:#878E92; font-size:10px; font-weight:normal; margin:0; padding:0; } #content div.column a { color:#007FB2; font-size:11px; } #content div.column a:hover { color:#3CF; } /* FEATURE AREA */ #feature div.interior { background:url(../images/bg_logoPandB.png) top left no-repeat; padding:0; text-align:left; } #feature div.column h2 { font-size:20px; font-weight:normal; margin:8px 0 0 0; padding:0; } #feature div.column h3 { color:#AAA; font-size:10px; font-weight:normal; margin:0; padding:0 0 10px 0; } #feature div.column p { padding:0; margin:8px 0 24px 0; } /* FOOTER AREA */ #footer { height:160px; } #footer div.interior { text-align:left; margin:15px auto 50px auto; } #footer div.column { font-size:10px; } #footer div.column h2 { height:32px; width:126px; text-indent:-9999px; background:url(../images/pixelmap.png) no-repeat; background-position: -827px 0px; margin:0 0 10px 0; padding:0; } #footer a { color:#2A6D9B; } #footer a:hover { color:#007FB2; } /* INDEX */ #content div.column h2.weare6degrees { width:233px; background-position: 0px -104px; } #content div.column h2.ourdivisions { width:174px; background-position: -233px -104px; } #content div.column h2.latestprojects { width:202px; background-position: -407px -104px; } #content div.column h3 a.accumark:hover { color:#007FB2; } /* BLUE */ #content div.column h3 a.boom:hover { color:#6CB33F; } /* GREEN */ #content div.column h3 a.real:hover { color:#F47B20; } /* ORANGE */ /* CONNECT */ #content div.column h2.hearing { width:453px; background-position: 0px -141px; } #content div.column ul.directions { list-style:disc; padding-left:12px; } #content div.column ul.directions li { border-bottom:none; margin-bottom:4px; } /* DIVISIONS */ #content div.column h2.accumark { width:307px; background-position: 0px -268px; } #content div.column h2.boomA { width:279px; background-position: -307px -268px; } #content div.column h2.boomA2 { width:279px; background-position: -307px -305px; } #content div.column h2.boomB { width:302px; background-position: -155px -342px; } #content div.column h2.boomB2 { width:302px; background-position: -155px -379px; } #content div.column h2.real { width:155px; background-position: 0px -342px; } #content div.column h2.real2 { width:155px; background-position: 0px -379px; } #content div.column h2.clients { width:201px; background-position: 0px -416px; } #content div.column ul.clients { margin-top:40px; } #content div.column ul.clients li { float:left; margin-right:10px; border-bottom:none; } /* LATEST */ #content div.column h2.latest { line-height:34px; height:auto; text-indent:0px; background:none; color:#007FB2; font-size:32px; font-weight:normal; padding:0; margin:17px 0 0 0; } #content div.column h3.latest { padding:0; margin:0 0 18px 0; font-weight:normal; font-size:11px; color:#ccc; } #content div.column a.latest { font-size:14px; } #content div.column ul.latest { margin:6px 0 20px 0; } #content div.column ul.latest li { border-bottom:none; margin-bottom:4px; }