@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 ####### */ html{overflow-y:scroll} body{background:#c2c2c0 url(/top_bg.gif) center top repeat-x; font:11px Verdana, Geneva, sans-serif; color:#111} h1{background-color:#F6F6F6; border-left:3px solid #999999; color:#B1294B; font-size:10pt; margin:15px 0; padding:3px 3px 3px 6px} h2{font-size:8pt; margin:10px 0; line-height:18px} ul.list{list-style-type:square; margin:15px 45px} ul.list li{line-height:19px} p{line-height:18px; margin:10px} a{color:#000} a:hover{text-decoration:none; color:#b1294b} .italic{font-style:italic} #site_wrapper{width:960px; margin:0 auto; margin-bottom:15px; background:transparent url(site_wrapper_bg.png) right top repeat-y; position:relative} #header_wrapper{background:transparent url(header_bg.png) left top no-repeat; overflow:hidden; position:relative} #header{width:840px; float:right; height:80px; background:#fff; margin-top:13px; position:relative; margin-right:38px} #logo{display:block; margin:10px 0 0 13px; width:199px; height:57px} #lang_sel{position:absolute; left:10px; top:43px; overflow:hidden} #lang_sel li{float:left; margin-left:5px} #lang_sel a{width:15px; height:13px; display:block; color:#000; text-decoration:none; font-weight:bold; padding:5px 4px; text-align:center; font-size:10px} #lang_sel .sel{background-color:#fff; color:#b1294b} #header ul{overflow:hidden; position:absolute; left:227px; top:0} #header li{float:left} #m_index, #m_info, #m_contact, #m_project{display:block; font-weight:bold; color:#bdbdbd; text-decoration:none; background:url(menu_sprite_nl.png) no-repeat; height:60px; width:110px; text-align:center; line-height:60px; text-indent:-9999px} .menu_fr #m_index, .menu_fr #m_info, .menu_fr #m_contact, .menu_fr #m_project{background-image:url(/menu_sprite_fr.png)} #header a:hover{color:#b1294b} a#m_index:hover, a#m_index.sel{background-position:0 -60px} #m_info{background-position:-110px 0} a#m_info:hover, a#m_info.sel{background-position:-110px -60px} #m_project{background-position:-220px 0} a#m_project:hover, a#m_project.sel{background-position:-220px -60px} #m_contact{background-position:-330px 0} a#m_contact:hover, a#m_contact.sel{background-position:-330px -60px} #date{display:block; position:absolute; right:0; top:44px; width:175px; text-align:center} #content_wrapper{overflow:hidden; background:transparent url(content_shadow.png) right bottom no-repeat; padding-bottom:40px; position:relative} #left_col{width:310px; float:left; text-align:right; background:transparent url(left_col_shadow.png) right top no-repeat} #left_col h2{margin:25px 15px 15px 15px; font-size:8pt; min-height:20px} #left_col .highlight{background:transparent url(left_col_highlight.jpg) right center no-repeat; line-height:25px} #right_col{float:left; width:612px; background:#fff url(right_col_bg.jpg) left bottom no-repeat; min-height:560px; position:relative} #right_col .shadow{position:absolute; width:9px; left:-9px; top:0; height:100%; background:transparent url(right_col_shadow.png) left top repeat-y} #rp_counter{font-weight:normal; padding:0 8px} h2 img{vertical-align:middle} #recent_project_wrapper, #sub_nav, #map_block, #no_item{background:#fff; width:294px; border:solid 1px #898989; border-width:1px 0 1px 1px; padding-left:15px; position:relative; height:288px; overflow:hidden} #recent_project_wrapper h3{text-align:left; padding:8px 0; color:#b1294b} #recent_project_wrapper h3 span{font-weight:normal} #recent_project_wrapper p{margin:8px 15px} #recent_project_wrapper div.img_border{border-left:solid 12px #b1294b; border-color:#444} .recent_project{height:288px; background-color:#fff; position:absolute; left:15px; top:0} #sub_nav, #no_item{height:auto} #sub_nav ul{margin:15px 0} #sub_nav ul.submenu{margin-top:0} #sub_nav img, #no_item img{margin:15px 0} #sub_nav li{margin:0 0 10px 0} #sub_nav a{display:block; border:solid 1px #f6f6f6; padding:4px 15px 4px 0; background-color:#f6f6f6; text-decoration:none} #sub_nav a:hover{border-color:#b1294b} #sub_nav li.sel a{background-color:#b1294b; color:#fff; border-color:#b1294b} #no_item{margin-top:60px} #content{padding:0 20px 150px 20px; border-bottom:8px solid #B1294B; min-height:200px} #loc{margin:10px 20px} #cloud{overflow:hidden; margin-top:25px; text-align:center; font-weight:bold} #cloud a{font-weight:bold; color:#757575; font-size:16pt; text-decoration:none; line-height:28pt; padding:0 10px} #cloud a:hover{color:#b1294b} #cloud .gray1{color:#e3e3e3} #cloud .gray2{color:#9c9c9c} #cloud .gray3{color:#ccc} #info{margin:35px 0 15px 0} #info li{line-height:18px; padding:0 15px} #footer{position:absolute; left:310px; bottom:-4px; z-index:8} .d2d{color:#939393; margin:0} .d2d a{color:#939393} .d2d a:hover{color:#b1294b} #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} #cform{overflow:hidden} #map_block{padding:15px 0 15px 15px} #map_canvas{width:294px; height:290px} .error, .success{margin:10px 0; padding:10px; border:solid 1px #b1294b; background-color:#ffcad7} .error ul{margin:5px 5px 5px 35px; list-style-type:square} .error li{line-height:18px} .success{background-color:#b2d5f1; border-color:#499be7} #project_cats li{margin:0 0 10px 0; border:solid 1px #ccc} #project_cats a{display:block; font-size:9pt; position:relative; line-height:20px; padding:4px 8px} #project_cats a span{text-decoration:none} #project_cats a:hover{background-color:#b1294b; color:#fff; font-weight:bold} #project_cats span{display:block; position:absolute; right:0; top:0; line-height:20px; width:25px; background-color:#fff; text-align:center; padding:4px} #project_cats a:hover span{color:#000} #project_list{overflow:hidden} #project_list li{float:left; width:272px; border:solid 1px #f6f6f6; margin-right:8px; margin-bottom:8px; padding:4px; overflow:hidden; background:transparent url(/project_item_bg.png) left top repeat; position:relative} #project_list li.over{border-color:#b1294b; cursor:pointer} #project_list li.over a{text-decoration:none} #project_list .right_col{margin-right:0} #project_list span.img{display:block; width:100px; height:100px; float:left; background-color:#f6f6f6; margin-right:10px; border-right:solid 1px #ccc} #project_list img{display:block} #project_list .lbl{font-weight:bold; display:block} #project_list .more_lnk{position:absolute; bottom:5px; right:5px} h2{margin:10px} #project_desc{margin-bottom:20px} #project_desc p{line-height:20px; margin-bottom:15px} #project_imgs{overflow:hidden} #project_imgs li{float:left; margin:0 5px 15px 0} #project_imgs li.right_col{margin-right:0} #project_imgs a{display:block; width:100px; height:100px; border:solid 1px #eee; padding:4px} #project_imgs a:hover{border-color:#b1294b} #team dt{margin:0 0 15px 0} #team dd{overflow:hidden; margin-bottom:15px; padding-bottom:10px; border-bottom:solid 1px #ccc} #team img{float:left; margin:0 10px 0 0} #team li{line-height:20px} /* 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 */