@charset "utf-8"; /* CSS Document */ /* ####### 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 ####### */ html{overflow-y:scroll} body{background-color:#fff; color:#999; font:12px Arial, Helvetica, sans-serif} h1{font-size:12pt; color:#47acde; margin-bottom:12px} h1.index{margin-bottom:40px} h2{color:#47acde; font-weight:normal; margin-bottom:12px} p{line-height:21px} a{color:#47acde} a:hover{text-decoration:none} .italic{font-style:italic} #site_wrapper{width:966px; margin:0 auto; margin-top:45px; margin-bottom:20px; position:relative} #header{height:90px; text-align:right; position:relative; padding-right:12px} #header .name{position:absolute; top:20px; right:107px; color:#000; font-weight:bold; font-size:11pt} #header .subname{position:absolute; top:39px; right:107px; color:#47acde; font-size:17px} #content_wrapper{width:940px; height:427px; border:solid 1px #dcdcdc; padding:12px; overflow:hidden} #content_wrapper .left_col{width:288px; float:left; padding-right:12px; position:relative; height:427px} #content_wrapper .right_col{width:640px; float:left; text-align:right; position:relative} #content_wrapper .right_col img{display:block} .left_col .info{position:absolute; bottom:0; left:0; font-size:12px; line-height:18px} .right_col .shadow, .right_col .shadow_small{position:absolute; left:0; top:0; height:427px; width:4px; background:transparent url(/project_shadow.png) repeat-y; z-index:15} .right_col .shadow_small{width:2px} #img_container{width:640px; height:427px; text-align:left} #map_canvas{width:640px; height:427px; color:#111; text-align:left} #d2d{position:absolute; right:-20px; top:455px; background:transparent url(/d2d.gif) left top no-repeat; width:15px; height:77px; text-indent:-9999px; display:block} #menu{margin-left:312px; margin-top:12px; overflow:hidden} #menu ul{line-height:20px; float:left; margin-right:60px} #menu a{font-size:12px} #img_lnks{position:absolute; right:12px; bottom:0} #img_lnks li{display:inline; padding:0 0 0 6px} #menu a, #img_lnks a{color:#999; text-decoration:none} #menu a:hover, #img_lnks a:hover, #menu .sel a, #img_lnks .sel a{color:#47acde} .body_txt, #project_desc{overflow:hidden; height:285px; padding:0 10px 0 0; position:relative} .body_txt p, #project_desc p{margin-bottom:10px} .body_txt{height:385px} .body_txt dl{margin:10px} .body_txt dt{font-weight:bold} .body_txt dd{margin:10px} .body_txt ul{list-style-type:square; margin-left:10px; line-height:18px} #project_list{float:left; position:relative; height:115px} #project_list div{overflow:hidden; height:100px} #project_list a.scroll_btn_up, a.scroll_btn_dn{position:absolute; bottom:0; left:0; background:transparent url(/scroll_btn.gif) 0 0 no-repeat; display:block; width:10px; height:8px} #project_list a.scroll_btn_up{left:15px; background-position:-9px 0} #project_list a.scroll_btn_up:hover{background-position:-9px -8px} #project_list a.scroll_btn_dn:hover{background-position:0 -8px} #project_list a.hide{visibility:hidden} #thumb_balloon{/*background:transparent url(/thumb_balloon.gif) left top no-repeat; */width:75px; height:50px; position:absolute; z-index:16; overflow:hidden; border:solid 1px #eee} .hide{display:none} .right_col img{z-index:14; position:relative} .right_col .new_img{position:absolute; left:0; top:0; z-index:13; display:none} #cform{text-align:left; margin:10px 20px} .error, .success{background-color:#fff5f5; border:solid 1px #fdd4d4; padding:0 1em; margin-bottom:1em; color:#666} .error p, .success p{margin:4px 0; color:#a00} .success p{color:#444} .success ul, .error ul{margin-top:0; list-style-type:square; margin:5px 40px 10px 40px; line-height:1.6em} .success{background-color:#d7edf8; border-color:#81b6d1} #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} /* 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 */