@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; } body{background:#fff; font:11px Verdana, Geneva, sans-serif; color:#111; border-top:solid 10px #11568e} strong, a{color:#11568e} a:hover{text-decoration:none} a.external{background:transparent url(/icon_link_external.gif) right center no-repeat; padding-right:15px} p{margin:0 10px 15px 10px; line-height:23px} img.right{float:right} .italic{font-style:italic} #site_wrapper{width:811px; margin:0 auto; background:transparent url(/page_wrapper_bg.png) right top repeat-y} #header{height:110px; position:relative; z-index:5} #logo{width:118px; height:64px; display:block; position:absolute; left:82px; top:26px} #ab, #svs{font-size:13pt; color:#666; font-weight:bold; font-family:Helvetica, Arial; text-align:center; width:259px; height:43px; text-indent:-9999px; background:transparent url(/title_ab.png) center top no-repeat} #svs{height:88px; background-image:url(/title_svs.png); display:block; margin-top:5px} #ab{position:absolute; right:0; top:45px} #menu{overflow:hidden; position:absolute; left:235px; top:48px} #header li{float:left; margin:0 12px} #m_index, #m_info, #m_link, #m_project{font-size:9pt; font-weight:bold; display:block; font-weight:bold; color:#333; text-decoration:none; background:url(/menu_sprite.png) no-repeat; height:19px; text-align:center; line-height:19px; text-indent:-9999px} #header a:hover{color:#11568e} #m_index{width:42px} a#m_index:hover{background-position:0 -38px} a#m_index.sel{background-position:0 -19px} #m_info{background-position:-113px 0; width:32px} a#m_info:hover{background-position:-113px -38px} a#m_info.sel{background-position:-113px -19px} #m_project{background-position:-42px 0; width:71px} a#m_project:hover{background-position:-42px -38px} a#m_project.sel{background-position:-42px -19px} #m_link{background-position:-145px 0; width:40px} a#m_link:hover{background-position:-145px -38px} a#m_link.sel{background-position:-145px -19px} #banner{height:386px; position:relative; z-index:1; margin-top:-40px} #banner .p1, #banner .p2{display:block; left:0; top:43px; position:absolute; z-index:2} #banner .p2{top:0; left:349px} #slideshow_wrapper{position:absolute; right:50px; top:43px; z-index:1; width:410px; height:300px} #slideshow_wrapper div{position:absolute; left:0; top:0; width:410px; height:300px; overflow:hidden; text-align:center} #content_wrapper{overflow:hidden; margin-left:56px; margin-top:-25px; position:relative; z-index:10} #left_col{width:481px; float:left; padding-right:15px; ppposition:relative} #left_col h1{margin-left:10px; font-size:13pt; margin-bottom:20px} #left_col h2{margin-left:10px; font-size:9pt; color:#036; border-bottom:dotted 1px #999; margin-bottom:10px; padding:5px 0; position:relative; overflow:visible} #right_col{float:left; width:259px; min-height:400px} #footer_wrapper{background:transparent url(/footer_bg_top.png) left top no-repeat; padding-top:25px; margin-left:56px; margin-top:25px; position:relative; height:95px; font-size:10px} #info span{display:block; margin-top:10px; width:480px; line-height:18px} #d2d{position:absolute; right:0; top:45px; color:#666; border-bottom:solid 10px #666; width:239px; padding-right:20px; text-align:right; height:65px} #key_box{position:absolute; right:110px; bottom:40px} #loc{margin-bottom:15px; margin-left:10px} #rp_project, #excavator{margin-top:65px} #sitemap ul{margin:0 0 0 25px; list-style-type:square; border-left:solid 3px #999; padding-left:20px; line-height:20px} /* Links */ #links_wrapper{margin-left:10px} #links_wrapper .link{padding:5px; margin:5px 0 10px 0; border:solid 1px #ddd; overflow:hidden} #links_wrapper .link h2{margin-left:0; padding-left:5px} #links_wrapper .even{background-color:#f6f6f6} #links_wrapper p{margin:5px} #links_wrapper .over{border-color:#11568e; cursor:pointer} #links_wrapper .over a{text-decoration:none} #links_wrapper .link img{float:left; margin:0 10px 5px 0; display:block} /* showcase */ #project_list{margin-left:10px} #project_list li{padding:5px; margin:5px 0 10px 0; border:solid 1px #ddd; overflow:hidden} #project_list img{display:block; float:left; margin-right:15px} #project_list .even{background-color:#f6f6f6} #project_list .over{border-color:#11568e; cursor:pointer} #project_list .over a{text-decoration:none} #project_imgs{margin:15px; overflow:hidden} #project_imgs ul{overflow:hidden} #project_imgs li{float:left; margin:0 5px 5px 0} #project_imgs a{display:block; width:100px; height:100px; border:solid 1px #fff; text-align:center} #project_imgs a:hover{border-color:#11568e} #get_address img{margin-top:-45px; margin-left:10px} #get_address{text-align:right} #cinfo{margin:45px 5px 25px 55px; list-style-type:square; line-height:20px} #cinfo .space{margin-top:15px} #map_canvas{width:470px; height:300px; margin-left:10px; margin-bottom:25px; background:#f6f6f6} #route_desc{position:absolute; right:0; top:-5px; font-size:10px; font-weight:normal; padding-left:25px; background:transparent url(/icon_pdf_25x25.gif) left center no-repeat; line-height:25px} .error, .success{margin:10px 0; padding:10px; border:solid 1px #b1294b; background-color:#fcc} .error ul{margin:5px 5px 5px 35px; list-style-type:square} .error li{line-height:18px} .success{background-color:#cbf0ff; border-color:#499be7}