/******************************************** Screen stylesheet ******************************************/ /****************************************** General ******************************************/ body { background:#EEEAEA; margin:0; padding:0; font:11px normal verdana; color:#949DA3; text-align:center; /* IE 5.5 and below centering hack */ min-width:770px; } /* links */ a { color:#3e647e; } a:hover { text-decoration:none; } p { margin:0; padding:0 28px 12px 13px; font:normal 11px "Verdana",sans-serif; } /* images */ img { margin:0; border:0; } div#flash { border-bottom:9px solid #2F86CD; } div#flash img { vertical-align:bottom; /* IE spacing bug fix */ } img#banner { border-bottom:9px solid #2F86CD; vertical-align:bottom; /* IE spacing bug fix */ } /* headers */ h1 { margin:0; padding:16px 0 13px 6px; font:bold 17px verdana; color:#FF8C01; } body.no_flash h1 { margin:21px 0 16px 5px; } h3 { font:bold 13px "Verdana", sans-serif; padding-left:13px; margin:0 0 3px 0; } /* lists */ ul { margin:0 10px 12px 0; padding:1px 0 0 0; list-style:none; } li { margin:3px 0 0 14px; padding:0 0 0 9px; font:normal 11px "Verdana", sans-serif; } /****************************************** Common ******************************************/ div.wrapper { position:relative; width:770px; margin:auto; text-align:left; } div#content { background-color:#ffffff; padding:0 16px 40px 25px; height:1%; } div#content p, div#content ul, div#content h3 { line-height:18px; margin-left:225px; } div#content h2 { margin:0 14px 11px 237px; font:bold 13px "Verdana", sans-serif; } div#content p a { color:#FF8C01; } body.home div#content { padding:26px 11px 20px 25px; } body.no_flash div#content { background-color:#F3F3F3; padding-top:1px; padding-bottom:0; padding-right:0; margin-top:0; } body.no_flash div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#content ul li { background:url(../images/bullet.gif) no-repeat left center; } div#content div#side { position:absolute; top:311px; left:16px; background:url(../images/home_side.gif) no-repeat left top; width:169px; height:147px; padding:20px 10px 20px 14px; } div#content div#side p { color:#4A83B3; font-size:10px; padding:6px 0 0 0; margin:0; width:116px; line-height:16px; } div#content div#side h2 { color:#4A83B3; padding:0; margin:0; } div#secondary ul li { background:none; } /****************************************** Portfolio ******************************************/ div.thumb { width:181px; float:left; background-color:#F3F3F3; padding-right:4px; } div.client { color:#FF8C01; padding:0 0 1px 8px; font:Verdana; margin-top:-3px; font-family:Arial; } div.category { color:#2F86CD; padding:0 0 26px 8px; font-family:Arial; } /****************************************** News ******************************************/ img#back { margin-left:235px; margin-bottom:12px; } img#print { margin-left:340px; margin-bottom:12px; } /****************************************** Header ******************************************/ div#header { height:88px; border-bottom:3px solid #2F86CD; background-color:#FFFFFF; } img#logo { position:absolute; left:30px; top:55px; } /*Navigation*/ div#navigation ul { margin:0; padding:0; list-style:none; position:absolute; left:315px; top:0; } div#navigation ul li { float:left; margin:0; padding:0 6px 0 10px; list-style:none; text-align:center; background:url(../images/bullet.gif) no-repeat 0 41px; font:normal 9px verdana, sans-serif; } div#navigation ul li.first { background:none; } div#navigation ul li.last { padding-right:0; } div#navigation ul li a { font-size:11px; color:#8D969D; text-decoration:none; padding:36px 4px 39px 4px; display:block; float:left; } div#navigation ul li.selected a { color:#ffffff; background:#FF8C01; } div#navigation ul li a:hover { text-decoration:underline; color:#ffffff; background:#FF8C01; } div#navigation ul li.selected a { color:#ffffff; background:#FF8C01; } div#navigation ul li.selected a:hover { color:#ffffff; } div#secondary { position:absolute; top:272px; left:11px; width:245px; } div#secondary ul { padding:0; margin:0; } div#secondary ul li { padding:0; margin:0 18px 11px 2px; background:url(../images/arrow.gif) no-repeat 0 2px; padding-left:19px; } div#secondary a { color:#949DA3; text-decoration:none; font-weight:bold; } div#secondary a:hover { text-decoration:underline; color:#FFAE4D; } div#secondary li.selected { background:url(../images/arrow_over.gif) no-repeat 0 2px; } /****************************************** Footer ******************************************/ div#footer { background-color:#ffffff; padding:31px 0 21px 28px; font:normal 11px "Verdana", sans-serif; color:#949DA3; border-top:9px solid #2F86CD; } body.home div#footer { border-top:none; } div#footer span { color:#FF8C01; } div#footer a { font:normal 9px "Verdana", sans-serif; color:#d6dcda; }