/* CSS Document */

body {width:800px; margin:0px auto; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; color:#666666;}
img {border:0px;}
h1 {font-size:13px; margin-top:0px; margin-bottom:10px;}
h1 span{font-size:12px;}
h2 {font-size:13px; margin-top:0px; margin-bottom:10px;}
h3{font-size:12px; color:#64d595;margin-top:0px; margin-bottom:10px;}
h4{font-size:11px; margin-top:-10px; margin-bottom:10px;}
p { font-size:11px; margin-bottom:10px; margin-top:0px;}
a {color:#666666;}
a:hover {color:#64d595;}
ul { font-size:11px; margin:3px 0px 0px 5px; padding:0px 0px 0px 13px; line-height:18px; color:#7b7b7b; }
ul li { margin:0px; padding:0px;}
ul ul{font-weight:normal; margin:0px 0px 5px 5px;}
ul ul li{list-style:none;}
ul.norm{font-weight:normal; font-size:11px; line-height:12px; padding:0px 0px 0px 25px; color:#666666;}
ul.norm li{padding:0px 0px 3px 0px;}

#container { width:750px; float:left; background:url(../images/body_bg.gif) repeat-y; padding-left:25px; padding-right:25px; margin-bottom:10px;}

#header {background:url(../images/header_bg.gif) left no-repeat; float:left; width:750px;}
#header img {float:right;}
#header span {display:block; float:left; padding-top:90px; padding-left:25px; font-weight:bold; font-size:14px;}

#main {background:url(../images/main_bg.gif) top repeat-x; float:left; width:710px; padding:30px 20px 20px 20px;} 

/*--------w="wide" n="narrow" h="home page" p="project page" lf="left half" rf="right half"-----------*/
#col_h_w { float:left; width:481px; padding-bottom:10px;}
#col_h_w1 { float:left; width:481px; padding-bottom:10px;}
#col_h_w2 { display:none;}
#col_h_n { float:right; width:229px; padding-bottom:10px;}
#col_p_n { float:left; width:211px; padding-right:20px; padding-bottom:10px;}
#col_p_w {float:right; width:479px; padding-bottom:60px;}
#col_p_w2 {display:block; width:730px; height:200px; padding-bottom:20px;}
#col_p_w2_projects {display:block; width:730px; padding-bottom:20px;}
#col_p_w3 {display:block; padding-bottom:20px;}
#col_lf { float:left; width:355px;padding-bottom:20px;}
#col_lf_n { float:left; width:125px;}
#col_lf_w { float:right; width:220px;}
#col_rf { float:right; width:335px;text-align:right;}
#col_rf1 { float:right; width:335px;text-align:right;}
#col_rf2 { display:none;}

#col_rf #box{float:right; width:230px; text-align:left; font-size:11px;}

table#projRow{ margin-bottom:10px; }
table#projRow td{padding:15px 0px 15px 0px; border-bottom:1px solid #64d595;}
table#projRow tr#last td{border-bottom:0px solid #64d595;}

#footer {float:right; width:707px; border-top:1px solid #9bc3ba; text-align:right; font-size:9px; padding:10px 0px 60px 0px; }

#footer a:link, #footer a:visited {color:#666666;}
#footer a:hover {color:#64d595;}
#subfooter {color:#999999;}
#subfooter a:link, #subfooter a:active, #subfooter a:visited {color:#999999;}
#subfooter a:hover {color:#64d595;}

#footer2{display:none;}
/*--------home page-----------*/
#col_h_n p {text-align:justify;}

/*--------project page-----------*/
a.projName:link, a.projName:active, a.projName:visited {background:url(../images/ul_bg_o2.gif) no-repeat left top; padding-left:10px; color:#000000; font-weight:bold; margin-bottom:0px; margin-top:14px;font-family:Arial, Helvetica, sans-serif;}
a.projName:hover {background:url(../images/ul_bg_o2.gif) no-repeat left top; }

ul#proj { font-size:11px; margin:3px 0px 0px 0px; padding:0px 0px 0px 13px; line-height:18px; color:#7b7b7b; font-weight:bold;}
ul#proj li { margin:0px; padding:0px; list-style:none;}
ul#proj li a:link, ul#proj li a:visited { color:#7b7b7b; text-decoration:none;}
ul#proj li a:hover { color:#000000; text-decoration:underline;}

#newslistcontainer ul { font-size:11px; margin:3px 0px 0px 0px; padding:0px 0px 0px 13px; line-height:18px; color:#7b7b7b; font-weight:bold;}
#newslistcontainer ul li { margin:0px; padding:0px; list-style:none; padding-left:10px;}
#newslistcontainer ul li a:link, #newslistcontainer ul li a:visited { color:#7b7b7b; text-decoration:none; padding-left:10px;background:url(../images/ul_bg_o2.gif) no-repeat left top;}
#newslistcontainer ul li a:hover { color:#000000; text-decoration:underline; padding-left:10px; background:url(../images/ul_bg_o2.gif) no-repeat left top;}

ul#publications { font-size:11px; margin:3px 0px 0px 0px; padding:0px 0px 0px 13px; line-height:18px; color:#7b7b7b; font-weight:bold;}
ul#publications li { margin:0px; padding:0px; list-style:none; padding-left:10px;}
ul#publications li a:link, ul#publications li a:visited { color:#7b7b7b; text-decoration:none; padding-left:10px;background:url(../images/ul_bg_o2.gif) no-repeat left top;}
ul#publications li a:hover { color:#000000; text-decoration:underline; padding-left:10px; background:url(../images/ul_bg_o2.gif) no-repeat left top;}

ul.publications { font-size:11px; margin:3px 0px 0px 0px; padding:0px 0px 0px 13px; line-height:18px; color:#7b7b7b; font-weight:bold;}
ul.publications li { margin:0px; padding:0px; list-style:none; padding-left:10px;}
ul.publications li a:link, ul.publications li a:visited { color:#7b7b7b; text-decoration:none; padding-left:10px;background:url(../images/ul_bg_o2.gif) no-repeat left top; display:inline-block; }
ul.publications li a:hover { color:#000000; text-decoration:underline; padding-left:10px; background:url(../images/ul_bg_o2.gif) no-repeat left top;}
h2.publications { margin:10px; }
ul.publications li a span { font-style:italic; display:block; color:#999999; font-size:10px; font-weight:normal; }
ul.awards { margin-left:0; padding-left:0; }
ul.awards li { margin-left:0; padding-left:0; line-height:14px; }
ul.awards li a { font-weight:normal; font-size:10px; padding-top:0; }

ul#oasislist { font-size:11px; margin:3px 0px 0px 0px; padding:0px 0px 0px 13px; line-height:18px; color:#7b7b7b; font-weight:bold;}
ul#oasislist li { margin:0px; padding:0px; list-style:none; padding-left:10px;}
ul#oasislist li a:link, ul#oasislist li a:visited { color:#7b7b7b; text-decoration:none; padding-left:10px;background:url(../images/ul_bg_o2.gif) no-repeat left top;}
ul#oasislist li a:hover { color:#000000; text-decoration:underline; padding-left:10px; background:url(../images/ul_bg_o2.gif) no-repeat left top;}

#col_p_w img {padding:0px;}

a.projthumb {display:block; width:58px; height:58px; margin:0; float:left;}
.projlink {display:block; width:58px; height:58px; margin:0 5px 5px 0; padding: 0px 2px 2px 0px; float:left; }

a.p_se {float:left;display:block;width:58px;height:58px; margin:0 5px 5px 0;background:url('../images/project/p01.jpg') no-repeat;background-position: -58px 0;}
a.p_se:hover {background-position: 0 0;}

a.p_hc {float:left;display:block;width:58px;height:58px; margin:0 5px 5px 0;background:url('../images/project/p02.jpg') no-repeat;background-position: -58px 0;}
a.p_hc:hover {background-position: 0 0;}

a.p_cm {float:left;display:block;width:58px;height:58px; margin:0 5px 5px 0;background:url('../images/project/p03.jpg') no-repeat;background-position: -58px 0;}
a.p_cm:hover {background-position: 0 0;}

a.p_pu {float:left;display:block;width:58px;height:58px; margin:0 5px 5px 0;background:url('../images/project/p04.jpg') no-repeat;background-position: -58px 0;}
a.p_pu:hover {background-position: 0 0;}

a.p_sp {float:left;display:block;width:58px;height:58px; margin:0 5px 5px 0;background:url('../images/project/p05.jpg') no-repeat;background-position: -58px 0;}
a.p_sp:hover {background-position: 0 0;}

a.pdf {display:block; height:18px; background:url(../images/pdf_icon_sml.gif) no-repeat;padding-left:23px;}

/*--------project details page-----------*/
ul#pDetails { font-size:11px; margin:0px; padding:0px; line-height:18px; color:#7b7b7b; font-weight:bold;}
ul#pDetails li { margin:0px; padding:0px; list-style:none;}
ul#pDetails ul {font-weight:normal;margin:0px 0px 3px 0px; padding:0px 0px 0px 10px;}

p.links {display:block; width:350px; float:left; margin-bottom:0px;padding-bottom:0px;}
p.links a{display:block; float:left; background:url(../images/arrow.gif) left no-repeat; padding-left:15px; text-align:left; margin-top:15px; font-weight:bold;color:#666666;}
p.links a:hover {color:#64d595;}

p.linkback {margin-top:15px; background:url(../images/arrow.gif) left no-repeat; padding-left:15px; font-weight:bold; }
p.linkback a{color:#666666;}
p.linkback a:hover{color:#64d595;}

p.linkdetail {margin-top:10px; padding-left:250px; background:url(../images/arrow2.gif) right no-repeat; padding-right:15px; font-weight:bold; width:auto; float:right; }
p.linkdetail a, p.linkdetail a:active, p.linkdetail a:visited, p.linkdetail a:link {color:#666666;}
p.linkdetail a:hover{color:#64d595;}

p.more {margin-top:-10px;margin-bottom:15px; background:url(../images/arrow2.gif) right no-repeat; padding-right:15px; font-weight:bold; text-align:right; }
p.more a{color:#666666;}
p.more a:hover{color:#64d595;}

p.backtotop {margin-top:0px;margin-bottom:15px; margin-left:300px;  background:url(../images/arrow3.gif) left no-repeat; padding-left:15px; font-weight:bold; }
p.backtotop a{color:#666666;}
p.backtotop a:hover{color:#64d595;}

p.projects {margin-top:20px;padding-right:10px;}

img.chart{margin-left:20px; margin-bottom:10px;}

#col_rf p { padding-top:10px; text-align:right; font-size:10px;}

table.awards{width:100%; border:0px; font-size:11px;}
table.awards td{padding:0px 0px 5px 0px; vertical-align:top;}

/*--------------------------contact form--------------------------*/
form.info {font-size: 10px; margin: 0px auto 0px auto; padding: 10px; border: 1px solid #cecece; width: 333px;}
form.info input, form.info select {display: block; width: 160px; float: left; margin-bottom: 10px; border:1px solid #cecece;}
form.info textarea {display: block; width: 160px; float: left; margin-bottom: 10px; border:1px solid #cecece; height:60px;}
form.info label {display: block; float: left; text-align: right; width: 130px; padding-right: 20px; margin-bottom:10px;}
form.info input.button {width: 70px;margin: 0 10px 10px 0px;background-color:#eeeeee;}
form.info input.hide{display:none;}
form br {clear: left;}

ul.career{font-weight:normal;margin:3px 0px 10px 5px; padding:0px 0px 0px 25px;}
.rssimg {border: 0px solid #BFBFBF;float:right;}


#contactgroups {
clear:both; height:120px;
}
#contactgroups.shorter {
height:55px;
}
#contactgroups ul, #contactgroups li { padding:0; margin:0; list-style:none; }
#contactgroups li { float:left; width:22.5%; padding-top:0px; }
#contactgroups li.last { width:180px; }
#contactgroups li h2 { color:#999999; font-size:12px; margin:0; }
#contactgroups p { font-size:10px; }

.projects_new .projlink { display:inline; width:57px; height:57px; margin:0 5px 5px 0; padding: 0px 2px 2px 0px; float:left; overflow:hidden; }
.projects_new .onright .projhover { margin-left:-129px; }
.projects_new .up .projhover { margin-top:-129px; }
.projects_new .onrightinner .projhover { margin-left:-64px; }
.projects_new .upinner .projhover { margin-top:-64px; }
/*.projects_new .projlink:hover { width:116px; height:116px; position:absolute; z-index:100; }*/
#projects #col_p_w2 { width:710px; }


.projhover { display:none; position:absolute; z-index:500; width:187px; height:187px; overflow:hidden; /*background:url(../images/project/mecnorthvan.jpg) no-repeat #000;*/ background-color:#FFF;  border:2px solid #FFF;}
.projthumb { position:absolute; z-index:400; overflow:hidden; border:2px solid #FFF; }
.projthumb:hover { cursor:pointer; border-color:#64d595; } 
.hoverclose { color:#000; font-weight:bold; float:right; text-decoration:none; width:15px; height:15px; text-align:center; font-size:10px; cursor:pointer; }
.hoverinside { background:url(../images/trans.png) bottom left; width:100%; height:64px; margin-top:123px; clear:both; }
.hovername { padding:5px; color:#000; display:block; height:35px; line-height:100%; font-size:10px; }
.hoverlink { padding-left:15px; display:block; color:#333; font-size:11px; }

.projgroup { clear:both; display:none; }
.projgrouptrigger { text-decoration:none; /*background:url(../images/arrow2.gif) top left no-repeat; padding:0 0 0 10px;*/ }
.projgrouptrigger:hover { cursor:pointer; color:#64d595; }
.projects_new #footer { position:relative; left:-4px; top:30px; }

#videoplayer { width:800px; padding:0 45px; margin:0 auto; display:block; position:absolute; z-index:100; top:208px; }
#videoplayer.hidden { display:none; }
#videoplayer.shown { display:block; }
#closebutton { display:block; height:16px; position:absolute; z-index:101; top:-16px; font-size:10px; color:#999999; }
#closebutton:hover { color:#666666; }
#containplayer { background:url(../images/VideoPlayerBG.jpg) no-repeat; }