@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 ####### */ /* ####### DEFAULT CSS ####### */ html{overflow-y:scroll} body{background:#f7f9fa url(/bg.gif) left top repeat-x; color:#414141; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif} h1{background:#666; color:#fff; padding:3px 7px; margin:15px 0; display:inline-block; font-size:10pt} p{margin-bottom:15px; line-height:21px} a{color:#333} a:hover{color:#d21714; text-decoration:none} a.external{background:transparent url(/icon_external_link.gif) right center no-repeat; padding-right:12px} a.external:hover{background-image:url(/icon_external_link_over.gif)} .italic{font-style:italic} ul{margin:10px 15px 10px 25px; list-style-type:square} dl{margin:15px 0} dt{font-weight:bold; color:#d21714; padding:5px; border-top:dotted 1px #999} dd{padding:5px; margin:0; overflow:hidden} .cursor{cursor:pointer} .mt20{margin-top:20px} #site_wrapper{min-height:500px; padding-top:75px; min-width:800px} #header{width:730px; margin:0 auto; height:268px; position:relative; z-index:3} #sel_partner{position:absolute; top:-76px; right:0; background-color:#f1f4f5; padding:4px 5px; width:318px; text-align:center; font-weight:bold; border:dotted 1px #ccc} #sel_partner img{vertical-align:middle; margin-left:10px} #menu{/*background:#fff;*/ height:22px; margin-bottom:50px} #menu ul{overflow:hidden; margin:0; list-style-type:none} #menu li{float:left; border-right:solid 1px /*#f7f9fa*/#ccc} #menu a{text-decoration:none; font-weight:bold; color:#7c8990; display:block; padding:2px 19px 2px 20px; padding:2px 24px} #menu a:hover, #menu li.sel a{color:#fff; background-color:#d21714} #menu li.last{border:none} /*#menu li.last a{padding:2px 19px 2px 18px}*/ #logo{position:absolute; left:25px; bottom:45px} #services{width:330px; background:#fff; padding-bottom:15px; height:315px; position:absolute; right:0; top:72px; z-index:4} #services ul{padding:0 7px 7px 7px; padding-bottom:25px; background:transparent url(/services_bottom.gif) left bottom no-repeat; margin:0; list-style:none} #services li{border-bottom:solid 1px #dee0e1} #services a{display:block; color:#d21714; font-weight:bold; text-decoration:none; line-height:43px; font-size:12pt; padding-left:14px} #services .even{background:#f6f8f9 url(/service_even_bg.gif) left top repeat-x} #services .last{border:none} #services #service_header{width:316px; height:93px; overflow:hidden; margin:7px 7px 14px 7px; padding:0; background:none} #service_header img{display:block} #content_wrapper{background:#dee0e1 url(/content_bg.png) left top repeat-x; /*min-height:300px;*/ position:relative; z-index:2; padding-bottom:15px} #content{width:730px; margin:0 auto; overflow:hidden} #left_col{float:left; width:375px/*; min-height:385px*/} #right_col{float:left; padding-top:175px; width:330px; margin-left:25px} #recent_project{background:#fff; padding:7px} #recent_project ul{overflow:hidden; width:400px; list-style:none; margin:0} #recent_project li{float:left; margin-right:2px} #recent_project img{display:block} #content_footer{position:absolute; bottom:-41px; width:100%; height:41px; left:0; background:transparent url(/content_footer_bg.png) center top repeat-x; z-index:3} #com_logos{width:730px; margin:0 auto; position:relative; background:#fff; z-index:1; margin-top:20px; height:50px; padding:25px 10px 5px 10px; text-align:center} #com_logos ul{margin:0; list-style-type:none} #com_logos li{display:inline; margin:0 20px} #footer_info{margin:20px auto; width:730px; color:#999; text-align:center} #footer_info a{color:#999} #footer_info a:hover{color:#d21714} #gototop { bottom:15px; color:#d30000; display:none; font-weight:bold; padding:7px 7px 7px 25px; position:fixed; right:15px; text-decoration:none; width:110px; background:#fff url(/icon_top_link_5x10.gif) 10px center no-repeat; z-index:20} a#gototop:hover{background-color:#d30000; color:#fff} dt.first{border:none} dt.hover{background-color:#fff} dd.toggle_container p{margin:5px} #left_col img{padding:5px; border:solid 1px #bbb; background-color:#fff} img.left{float:left; margin:0 10px 10px 0} p.msg, .error, .success{background:#fff; padding:10px; border:solid 1px #d21714; color:#d21714} .error, .success{margin-bottom:10px} .success{color:#333; border-color:#666} #service_docs{list-style-type:none} #service_docs li a{display:block; padding:4px 4px 4px 30px} #service_docs li.pdf a{background:transparent url(/icon_pdf.gif) 2px center no-repeat} #service_docs li a:hover{background-color:#fff} #project_imgs{overflow:hidden; list-style-type:none; margin:0} #project_imgs li{float:left; width:75px; height:75px; padding:5px; margin:5px 5px 5px 0; border:solid 1px #bbb; background-color:#fff} #project_imgs img{padding:0; background:none; border:none} #project_list{border:solid 1px #ccc; border-width:1px 0; padding:4px} #project_list ul{list-style-type:none; margin:0} #project_list li{margin-bottom:1px} #project_list .odd{background-color:#F6F8F9} #project_list a{display:block; padding:5px} #project_list a:hover, #project_list .sel a{background-color:#fff; color:#d21714; text-decoration:none} #route{background-color:#fff; padding:5px} #map_canvas{width:320px; height:249px} /*intro */ #intro_overlay{position:absolute; width:100%; height:100%; background:transparent url(/bg_intro_container.png) left top repeat; left:0; top:0; z-index:999; visibility:hidden} #intro_container{position:absolute; top:50%; left:50%; margin-top:-200px;margin-left:-200px; width:420px; height:420px; border:solid 1px #D21714; background-color:#000} #intro_top{width:420px; height:30px; cursor:pointer; position:absolute; top:-25px; left:-10px; text-align:right} #intro_top a{color:#fff} #intro_title{text-align:center; color:#eee; font-style:italic} #intro_img{text-align:center} /* 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 */