@charset "utf-8"; /* ####### RESET CSS ####### */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ####### RESET CSS ####### */ body{background:#38312d url(/bg.jpg) left -200px repeat-x; font:11px Verdana, Tahoma, sans-serif; color:#b9b9b9} body.index{background-position:left -20px} a{color:#b9b9b9} a:hover{text-decoration:none; color:#fff} p{margin:5px 10px 15px 10px; line-height:18px} h2{border-bottom:dotted 1px #847d7a; padding:5px; margin-bottom:10px; font-size:10pt} #slogan{position:absolute; left:0; top:0; width:100%; background:transparent url(/slogan.png) center top repeat-x; height:28px; text-indent:-9999px} #site_wrapper{width:443px; margin:0 auto; padding-top:75px} .index #site_wrapper{width:443px; margin:0 auto; padding-top:255px} #menu{overflow:hidden} #menu li{float:left; margin:0 5px 0 0} #menu li.last{margin-right:0} #menu a{display:block; text-decoration:none; color:#cdccc4; width:107px; height:150px; position:relative} #menu .img img{width:103px; height:103px; padding:2px; background-color:#d7d2d0; display:block} #menu .lbl{width:103px; padding:2px; margin-top:19px; display:block; text-align:center; position:relative} #menu a:hover .img img, #menu .sel .img img{background-color:#c64842} #menu a:hover .lbl, #menu .sel .lbl{color:#38312d} #content{margin:25px 0 50px 0} #content strong{color:#fff} #loc{margin-bottom:15px} h1{font-size:14pt; color:#c64842; margin-bottom:15px} /* SHOWCASE */ #project_list li {border:1px solid #5b5450; margin:5px 0 10px; overflow:hidden; padding:5px; line-height:25px; padding-right:50px} #project_list li.even{background-color:#5b544f} #project_list img{display:block; float:left; margin-right:15px} #project_list .over{border-color:#a29894; cursor:pointer; background:transparent url(/project_list_item.gif) right center no-repeat} #project_list .over a{text-decoration:none} #ref_list{overflow:hidden; margin:10px 0 0 0} #ref_list li{float:left; margin:0 15px 15px 0} #ref_list a{display:block; width:130px; height:130px; border:solid 1px #5b5450; text-align:center} #ref_list a:hover{border-color:#c64842} #project_imgs{margin:15px 5px; overflow:hidden} #project_imgs ul{overflow:hidden} #project_imgs li{float:left; margin:0 8px 5px 0} #project_imgs li.rc{margin-right:0} #project_imgs a{display:block; width:100px; height:100px; border:solid 1px #5b5450; text-align:center} #project_imgs a:hover{border-color:#c64842} #p_actions{margin-top:30px; overflow:hidden} #p_actions li{float:left} #more_info a, #back a{display:block; width:114px; height:22px; background:transparent url(/project_actions.png) left top no-repeat; text-indent:-9999px; margin:0 30px 0 60px} #back a:hover{background-position:0 -23px} #more_info a{background-position:-124px 0; height:21px; width:127px; margin:0 60px 0 30px} #more_info a:hover{background-position:-124px -21px} /* CONTACT */ #info_wrapper{overflow:hidden; margin-bottom:30px} #info_wrapper img{float:left; margin:10px; padding:4px; background-color:#9a8c88} #info_wrapper ul{margin-left:210px; margin-top:10px; line-height:20px} #info_wrapper ul .nl{margin-top:15px} .sp strong{color:#c64842} #map_canvas{background-color:#9a8c88; padding:4px; margin:0 5px; margin-bottom:30px} #map{width:425px; height:250px; color:#333} #map a{color:#c64842} #footer{margin-top:80px; margin-bottom:15px; position:relative; height:135px; border-top:1px dotted #5b5450} .index #footer{border:none} #footer .left_col, #footer .right_col{position:absolute; top:15px} #footer .nl{margin-top:15px} #footer .left_col{left:10px} #footer .right_col{right:10px; text-align:right} #logo{margin:0 auto; padding-left:35px; width:116px; display:block; margin-top:20px} #footer p{position:absolute; bottom:0; left:0px; font-size:9px; color:#877c75} #footer p a{color:#877c75} #footer p a:hover{color:#fff} .italic{font-style:italic} .success, .error{background-color:#4f4946; border:solid 5px #908b88; border-left-color:#e2412b; border-width:1px 1px 1px 5px; padding:5px; margin:15px 10px} .success{border-left-color:#7de22b} .success ul, .error ul{line-height:18px; list-style-type:square; margin:15px 35px} .success p, .error p{margin:5px 10px 15px 10px} #sitemap{text-align:left; margin:15px} #sitemap ul{list-style-type:square; margin:15px 25px} #sitemap ul ul{margin:5px 25px} #sitemap li{line-height:19px} #gototop {bottom:15px; display:none; font-weight:bold; position:fixed; right:15px} #gototop a{display:block; padding:7px 7px 7px 25px; color:#fff; text-decoration:none; width:100px; background:#444 url(/icon_top_link_5x8.gif) 10px center no-repeat; font-size:10px} #gototop a:hover{text-decoration:none; background-color:#c64842} /* clearfix */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */