body { background: #000 url(../images/bg_header.gif) repeat-x; font-family: Helvetica, Arial, sans-serif; width:960px; margin:0 auto; margin-top: 30px; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
a img { border: 0 none; }
img { border: 0 none; }

a { color: #fff; text-decoration: none; }
a:hover { color: #f89d10; text-decoration: none; }

label { float: left; width: 180px; color: #fff; font-size: 12px; line-height: 40px; }
input.text_field { color: #A0ADB6; margin: 0 0 20px 0; padding: 6px 8px; font:normal 20px Georgia, Arial, Helvetica, sans-serif; background:#fff url('../images/input_bg.gif') repeat-x top; outline:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 0px #777; width: 360px; }
input:focus, label:focus { font: 20px Georgia, Arial, Helvetica, sans-serif; background: #FFFFCC; font-weight: normal; outline: 0 none; }
textarea { margin: 0 0 20px 0; padding: 6px 8px; font:normal 14px Georgia, Arial, Helvetica, sans-serif; color: #A0ADB6; background:#fff url('../images/input_bg.gif') repeat-x top; outline:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 0px #777; width: 360px; height: 100px; }
textarea:focus { font: 14px Georgia, Arial, Helvetica, sans-serif; color: #A0ADB6; background: #FFFFCC; font-weight: normal; outline: 0 none; }

#sosh_logo { position: absolute; display:block; width: 80px; height: 80px; background: url(../images/sosh_logo.gif) no-repeat; z-index: 20; }

#header { width:960px; height:80px; }
#content { width:960px; margin-top:30px; min-height:480px; /* for modern browsers */ height:auto !important; /* for modern browsers */ height:480px; /* for IE5.x and IE6 */ }
#footer { background: url(../images/footer_logo.gif) no-repeat; color: #444; font-size: 11px; width:760px; margin-top:40px; margin-bottom: 30px; padding: 0 0 0 200px; line-height: 1.3em; }
#footer a { color: #444; text-decoration: none; }
#footer a:hover { color: #f89d10; text-decoration: none; }

#legal { background: url(../images/footer_logo.gif) no-repeat; color: #444; font-size: 11px; width:500px; margin-top:40px; margin-left:130px; margin-bottom: 30px; padding: 0 0 0 200px; line-height: 1.5em; }
#legal a { color: #444; text-decoration: none; }
#legal a:hover { color: #f89d10; text-decoration: none; }

#all_projects { background: #fff url(../images/bg_projects_all_left.jpg) no-repeat; background-position: left bottom; width:960px; margin-top:30px; padding: 0 0 60px 0; }
#all_projects_content { margin-left: 370px; min-height:500px; /* for modern browsers */ height:auto !important; /* for modern browsers */ height: 500px; /* for IE5.x and IE6 */ }
#all_projects h1 { font-size: 20px; color: #000; font-weight: bold; padding: 33px 0 10px 0; }
#all_projects p { padding: 0; font-size: 12px; color: #000; font-weight: normal; line-height: 1.5em; }
#all_projects li { list-style: square; color: #000; font-size: 12px; padding: 0 0 5px 10px; }
#all_projects a { color: #000; text-decoration: none; }
#all_projects a:hover { color: #f89d10; text-decoration: none; }

.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 11; -moz-opacity: 0.85; opacity:.85; filter: alpha(opacity=85); }

#navi_main { position: absolute; font-size: 12px; font-weight: bold; margin: 0 0 0 90px; padding: 0; z-index: 20; }
#navi_main ul { margin: 0; padding: 0; }
#navi_main li { float:left; margin-right: 10px; list-style:none; vertical-align: bottom; }
#navi_main li a { display: block; width: 72px; height: 15px; color: #666; text-decoration:none; background:#222; text-align: right; padding: 60px 8px 5px 0; cursor: default;}
#navi_main li a:hover { background: #333; color: #fff; }
#navi_main li a.selected { background: #333; color: #fff; }

#nav_projects { position: absolute; font-size: 12px; font-weight: normal; margin: 80px 0 0 90px; padding: 0; z-index: 20; }
#nav_projects ul { margin: 0; padding: 0; }
#nav_projects li { margin-top: 10px; list-style:none; vertical-align: bottom; }
#nav_projects li a { display: block; width: 72px; height: 15px; color: #777; text-decoration:none; background:#333; text-align: right; padding: 60px 8px 5px 0; cursor: default; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90); }
#nav_projects li a:hover { background: #444; color: #fff; }
#nav_projects li a.selected { background: #333; color: #333; }

#nav_firm { position: absolute; font-size: 12px; font-weight: normal; margin: 80px 0 0 180px; padding: 0; z-index: 20; }
#nav_firm ul { margin: 0; padding: 0; }
#nav_firm li { margin-top: 10px; list-style:none; vertical-align: bottom; }
#nav_firm li a { display: block; width: 72px; height: 15px; color: #777; text-decoration:none; background:#333; text-align: right; padding: 60px 8px 5px 0; cursor: default; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90); }
#nav_firm li a:hover { background: #444; color: #fff; }
#nav_firm li a.selected { background: #333; color: #333; }

#projects_arc { position: absolute; font-size: 12px; font-weight: normal; margin: 80px 0 0 180px; padding: 0; z-index: 20; }
#projects_arc ul { margin: 0; padding: 0; }
#projects_arc li { margin-top: 10px; list-style:none; vertical-align: bottom; }
#projects_arc li a { display: block; width: 72px; height: 15px; color: #777; text-decoration:none; background:#333; text-align: right; padding: 60px 8px 5px 0; }
#projects_arc li a:hover { background: #444; color: #fff; }
#projects_arc li a.selected { background: #333; color: #333; }

#nav_projects_arc { position: absolute; font-size: 20px; font-weight: normal; margin: 80px 0 0 170px; padding: 0; z-index: 20; }
#nav_projects_arc ul { margin: 0; padding: 0; }
#nav_projects_arc li { list-style:none; vertical-align: bottom; font-size: 14px; line-height: 30px; }
#nav_projects_arc li a { display: block; width: 162px; height: 30px; color: #777; text-decoration:none; background:#333; margin-left: 10px; list-style:none; text-align: right; padding: 0 8px 0 0; border-top: solid 1px #222; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90);}
#nav_projects_arc li a:hover { background: #444; color: #fff; }

#nav_projects_int { position: absolute; font-size: 20px; font-weight: normal; margin: 170px 0 0 170px; padding: 0; z-index: 20; }
#nav_projects_int ul { margin: 0; padding: 0; }
#nav_projects_int li { list-style:none; vertical-align: bottom; font-size: 14px; line-height: 30px; }
#nav_projects_int li a { display: block; width: 162px; height: 30px; color: #777; text-decoration:none; background:#333; margin-left: 10px; list-style:none; text-align: right; padding: 0 8px 0 0; border-top: solid 1px #222; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90); }
#nav_projects_int li a:hover { background: #444; color: #fff; }

#nav_projects_pla { position: absolute; font-size: 20px; font-weight: normal; margin: 260px 0 0 170px; padding: 0; z-index: 20; }
#nav_projects_pla ul { margin: 0; padding: 0; }
#nav_projects_pla li { list-style:none; vertical-align: bottom; font-size: 14px; line-height: 30px; }
#nav_projects_pla li a { display: block; width: 162px; height: 30px; color: #777; text-decoration:none; background:#333; margin-left: 10px; list-style:none; text-align: right; padding: 0 8px 0 0; border-top: solid 1px #222; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90); }
#nav_projects_pla li a:hover { background: #444; color: #fff; }

#nav_firm_pro { position: absolute; font-size: 20px; font-weight: normal; margin: 80px 0 0 260px; padding: 0; z-index: 20; }
#nav_firm_pro ul { margin: 0; padding: 0; }
#nav_firm_pro li { list-style:none; vertical-align: bottom; font-size: 14px; line-height: 30px; }
#nav_firm_pro li a { display: block; width: 162px; height: 30px; color: #777; text-decoration:none; background:#333; margin-left: 10px; list-style:none; text-align: right; padding: 0 8px 0 0; border-top: solid 1px #222; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90);}
#nav_firm_pro li a:hover { background: #444; color: #fff; }

#nav_firm_car { position: absolute; font-size: 20px; font-weight: normal; margin: 350px 0 0 260px; padding: 0; z-index: 20; }
#nav_firm_car ul { margin: 0; padding: 0; }
#nav_firm_car li { list-style:none; vertical-align: bottom; font-size: 14px; line-height: 30px; }
#nav_firm_car li a { display: block; width: 162px; height: 30px; color: #777; text-decoration:none; background:#333; margin-left: 10px; list-style:none; text-align: right; padding: 0 8px 0 0; border-top: solid 1px #222; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90);}
#nav_firm_car li a:hover { background: #444; color: #fff; }

#li_header { display: block; width: 172px; height: 12px; color: #fff; text-decoration:none; background:#333; margin-top: 10px; margin-bottom: 10px; list-style:none; text-align: right; padding: 54px 8px 14px 0; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90); }

#proj_overlay { position: absolute; width: 350px; height: 480px; background: #000; -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=80); z-index: 2; }
#proj_details { position: absolute; z-index: 3; width: 310px; padding: 10px 20px 0 20px; }
#proj_details h1 { text-transform: capitalize; font-size: 20px; color: #fff; font-weight: bold; z-index: 10; }
#proj_details p { padding: 0 0 10px 0; font-size: 12px; color: #fff; font-weight: normal; line-height: 1.5em; }
#proj_details img { margin-right: 4px; margin-bottom: 4px; -moz-opacity: 0.5; opacity:.5; filter: alpha(opacity=50); }
#proj_details img:hover { -moz-opacity: 1.0; opacity:1.0; filter: alpha(opacity=100); }
#proj_details a { cursor: url(../images/zoomin.cur), pointer; }

#content_details { position: absolute; z-index: 3; width: 570px; padding: 20px 20px 20px 0; margin-left: 370px; }
#content_details h1 { font-size: 20px; color: #fff; font-weight: bold; z-index: 10; padding: 0 0 10px 0; text-align: left; }
#content_details p { padding: 0; font-size: 12px; color: #fff; font-weight: normal; line-height: 1.5em; text-align: justify; }
#content_details li { list-style: square; color: #fff; font-size: 12px; padding: 0 0 5px 10px; }

#contact_details { position: absolute; z-index: 3; width: 570px; padding: 20px 20px 20px 0; margin-left: 370px; text-align: right; }
#contact_details h1 { font-size: 20px; color: #fff; font-weight: bold; z-index: 10; padding: 0 0 10px 0; text-align: right; }
#contact_details p { padding: 0; font-size: 12px; color: #fff; font-weight: normal; line-height: 1.5em; text-align: right; }

#content_details_blk { position: absolute; z-index: 3; width: 570px; padding: 20px 20px 20px 0; margin-left: 370px; }
#content_details_blk h1 { font-size: 20px; color: #000; font-weight: bold; z-index: 10; padding: 0 0 10px 0; }
#content_details_blk p { padding: 0; font-size: 12px; color: #000; font-weight: normal; line-height: 1.5em; }
#content_details_blk li { list-style: square; color: #000; font-size: 12px; padding: 0 0 5px 10px; }
#content_details_blk a { color: #000; text-decoration: none; }
#content_details_blk a:hover { color: #f89d10; text-decoration: none; }

#proj_menu { width:960px; }

#bullets { font-size: 12px; color: #fff; margin: 0; padding: 0 20px 20px 0; }

ul#two-column { float:left; width: 285px; margin: 0 0 10px 0; padding: 0; }
ul#two-column-last { float:right; width: 285px; margin: 0 0 10px 0; padding: 0; }
ul#two-column li { float:left; width: 285px; margin: 0 0 5px 0; padding: 0; list-style: none; }
ul#two-column-last li { float:left; width: 285px; margin: 0 0 5px 0; padding: 0; list-style: none; }

#not_found { position: absolute; z-index: 3; width: 940px; padding: 20px 20px 20px 0; }
#not_found .title { font-size: 40px; color: #fff; font-weight: bold; z-index: 10; padding: 0 0 10px 0; text-align: left; }
#not_found p { padding: 0; font-size: 14px; color: #fff; font-weight: normal; line-height: 1.5em; text-align: justify; }
#not_found li { list-style: square; color: #fff; font-size: 14px; padding: 0 0 5px 10px; }
#not_found a { color: #f89d10; text-decoration: none; }
#not_found a:hover { color: #fff; text-decoration: none; }

.member { float: right; width:300px; position: relative; padding:0; text-align:right; }

a.cert_usbgc { display: block; margin: 4px 0 0 0; float: right; width: 50px; height: 50px; background: url("../images/cert_usbgc.gif") 0 0 no-repeat; text-decoration: none; }
a:hover.cert_usbgc { background-position: 0 -50px; }