@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:#D6D0B2 url(/bg.jpg) left top repeat-x; font:13px Arial, Helvetica, sans-serif; color:#111} a{color:#346E9E} a:hover{color:#000; text-decoration:none} h1{font-size:13pt; padding-left:30px; background:transparent url(/h1_item.png) left center no-repeat; color:#111; margin-bottom:20px} h2{color:#fff; background:#346E9E; margin:0 0 15px 0; padding:4px} .italic{font-style:italic} img.left{float:left; margin:0 10px 10px 0} img.right{float:right; margin:0 0 10px 10px} .align_right{text-align:right} .form_wrapper{padding:10px} .error{background-color:#ffe3e3; border:solid 1px #900; padding:5px 15px; margin:0 0 15px 0} .success{background-color:#c8e9ff; border:solid 1px #66a3cd; padding:5px 15px; margin:5px 0 10px 0} #site_wrapper{margin:0 auto; width:958px} #header{height:236px; background:transparent url(/header_bg.jpg) left top no-repeat; position:relative} #logo{position:absolute; top:28px; right:20px; width:98px; height:98px} #address{position:absolute; right:128px; top:28px} #address ul{margin-top:7px} #address li{line-height:14px; color:#fff; font-size:10px; text-align:right} #sopex_title{text-indent:-9999px; background:transparent url(/sopex_title.png) left top no-repeat; width:165px; height:37px; display:block} #lang{position:absolute; right:20px; bottom:17px; color:#000; text-decoration:none; padding-left:20px; background:transparent url(/lang_arrow.gif) 0 3px no-repeat; font-size:11px; z-index:12} #lang:hover{text-decoration:underline; color:#fff} #content_wrapper{background:#fff url(/content_wrapper_bg.gif) left top repeat-y; /*overflow:hidden;*/ margin-top:-25px} #left_col{float:left; width:203px; min-height:400px} #menu{border-left:solid 16px #000; background:#346e9e url(/menu_gradient_bg.png) right top no-repeat; width:187px; min-height:300px; position:relative; padding-top:30px} #menu ul{margin:0 10px 5px 10px} #menu ul ul{margin:0 0 5px 10px} #menu ul ul li{background:transparent url(/submenu_listitem.gif) 5px center no-repeat; padding-left:14px; border-style:dotted} #menu li{border-bottom:solid 1px #7cb5e6; line-height:25px} #menu li.last{border:none} #menu a{font-weight:bold; font-size:12px; color:#fff; text-decoration:none; display:block; padding:0 4px} #menu a:hover, #menu .sel{color:#8ccaff} #menu_btm_shadow{position:absolute; bottom:-19px; right:0} #menu_rght_shadow{position:absolute; right:-15px; top:25px; z-index:2} #right_col{width:755px; min-height:185px; float:left; padding-top:25px; position:relative; padding-bottom:15px} #loc{margin-bottom:15px} #index_wrapper{background:transparent url(/index_banner_bg.jpg) right top no-repeat; min-height:313px; position:relative} #slogans{padding-top:15px; padding-left:30px; width:270px; height:146px} #slogans p{margin:0 0 10px 0; font-size:12px} #slogans p span{font-size:14pt} #latest_jobs{margin:20px 0 0 30px; width:300px} #latest_jobs li span{display:block} #latest_jobs li a{font-weight:bold} #latest_jobs ul{margin:10px 10px 10px 25px; list-style-type:circle} #content{position:relative; z-index:3; padding:15px 20px} #content p{margin:0 0 15px 0; line-height:18px} #content img{border:solid 1px #bbb; padding:4px} #content ul, #content ol{margin:20px 15px 15px 45px; list-style-type:circle} #content ol{list-style-type:decimal} #content .form_wrapper ol{list-style-type:none} #content li{line-height:18px} #content span.sopex{font-weight:bold; color:#346e9e} #content table{border-spacing:3px} #content table td{padding:4px} /* gallery */ #galleries ul{overflow:hidden; margin:35px 0 25px 0; list-style-type:none} #galleries li{float:left; margin:0 27px 10px 0} #galleries .right_col{margin-right:0} /* jobs - projects */ .projects, .jobs, .job_desc{border-spacing:0; border-collapse:collapse} .projects thead, .projects thead th, .jobs thead th{background:#346E9E; border:solid 1px #999} .projects thead th, .jobs thead th{font-weight:bold; padding:3px; color:#fff; text-align:left} .projects tr.even td, .jobs tr.even td{background:#e6e2cd; background-color:#f6f6f6} .projects tr td, .jobs tr td{padding:3px; border:solid 1px #999; padding:3px 4px} .jobs a{color:#000} .jobs .over td, .jobs .even.over td{cursor:pointer; background-color:#e6e2cd} .projects .over td, .projects .even.over td{background-color:#e6e2cd} .jobs .over a{text-decoration:none} .job_desc{text-align:left; margin:0 10px 15px 10px} .job_desc td, .job_desc th{padding:3px 4px; border:solid 1px #999} .job_desc th{background-color:#eee; text-align:right; font-weight:normal; width:25%} /* projects */ .projects{width:100%} #filter{margin:0 0 10px 0; background-color:#E0F2FF; border:solid 1px #346E9E; padding:3px; overflow:hidden; position:relative} #content #filter ol{margin:0} #content #filter fieldset{padding-bottom:20px} #content #filter fieldset li{padding-bottom:5px} #filter .submit{position:absolute; right:15px; top:25px; width:auto; background-color:#346E9E; color:#fff} #footer{margin-left:16px; margin-top:10px; position:relative} #d2d, #copy{height:73px; text-align:center; line-height:32px} #d2d{width:187px; background:#000 url(/d2d_bg.jpg) left bottom repeat-x; color:#6c6c6c; font-size:9px} #d2d a{color:#6c6c6c} #copy{width:755px; background:#346d9d url(/copy_bg.jpg) left bottom repeat-x; color:#fff; font-size:10px; position:absolute; right:0; top:0} #copy a{color:#fff} /* 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 */