html, body{width:100%; height: 100%;}
body{
	font-size:14px; 
	font-family: Helvetica, Arial, sans-serif; 
	color: #9E9E9E;
	overflow: hidden;
}

a{color:#9E9E9E;text-decoration: none;}
a:hover{color:#FFFFFF;text-decoration: none;}

h3{color:#FFF; font-size:16px; font-weight: bold; margin:0 0 5px 0;}
h4{color:#FFF; font-size:14px; font-weight: bold;}

hr{margin:17px 0;}

.icons{background:url(../images/icons.png) no-repeat; display: block;}
.icons.logo{background-position: -46px -64px; width:154px; height: 142px;}
.icons.menu_item{width:15px; height:15px; background-position: -46px -294px; position: absolute; right: -25px;top: 11px;}

.icons.btn{width:82px; height: 31px; background-position: -44px -589px; text-align: right; color:#FFF; margin:0; padding: 5px 7px 5px 0;}
.icons.btn:hover{ color:#FFF; text-decoration: none; background-position: -44px -624px;}
.icons.btn:active{ color:#FFF; text-decoration: none; background-position: -44px -661px;}

.bt_close{display: block; position: absolute; top: 10px; right:10px; width: 18px; height: 18px;background:url(../images/icons.png) no-repeat -221px -291px;}
/*.bt_close:hover{background-position: -222px -322px;}*/
.indicator_left{display: block; position: absolute; top: 301px; left:-19px; width: 19px; height: 19px;background:url(../images/icons.png) no-repeat -42px -422px;}


#wrapper{width:100%; height: 100%;}

/* Header */
#header{min-height:100%; width:190px;background:#000; position:absolute; z-index:3; padding: 44px 17px;}
#header .wrapper{position:relative;height: 100%;}
#header .menu{margin-top:120px; position: relative;}
#header .menu ul{list-style:none; margin:0px; padding:0px; }
#header .menu li{border-bottom: 1px solid #717171; position:relative;}
#header .menu a{display: block;text-align: center;padding:5px 0; text-align: right;}

#header .menu > ul > li:hover > a{color:#FFFFFF;text-decoration: none;}
#header .menu > ul > li > a.active{color:#FFFFFF;text-decoration: none;}

#header .menu ul ul{display:none; margin:4px 0 35px 0;}
#header .menu ul ul li{float:none; margin-bottom:7px;border-bottom:none}
#header .menu ul ul li a{padding:0px 0; margin:0px 0 0px 0; font-size:12px;}
#header .menu ul ul li a:hover{text-decoration: underline;}
#header .menu ul ul li a.active{text-decoration: underline; color: #FFF;}

#header .menu .icons.clicked{position: absolute; width:26px; height: 17px; background-position: -43px -355px; display: none; top: 10px; right: -33px;}


/* Content */
#content{width:100%;}
#content .wrapper{width:100%;}


/* Footer */
#footer{width:100%; height: 30px; background-color:#000; position: fixed; bottom: 0; z-index: 5}
#footer .wrapper{padding:5px 80px; line-height: 20px;}


/* Overlays */
.overlay{position: absolute; min-height: 300px; width:380px; left:-163px; top:45px; background:url(../images/black_bg.png); padding:25px 35px 30px 35px; font-size:12px; line-height:17px; display: none;z-index: 2;}
.overlay > .title > h3{text-align: left; }
.overlay > .title{border-bottom: 2px #49413e solid; margin-bottom: 12px;}
.overlay ul li{margin-left: 15px;}
.overlay h4{margin-bottom: 15px;}
.overlay .p_title{font-size:14px; color:#FFF; margin: 0 0 5px 0;}
.overlay .nav{width:20px; height: 20px; background-position: -200px -1211px; position: absolute; top: 23px;right: 35px;}
.overlay .nav:hover{background-position: -200px -1243px;}
.overlay > .content{overflow:auto; height:400px;}

#ol_project > .nav{right:25px;}

.overlay table{border-collapse:collapse; border-spacing:0px;}
.overlay td{line-height: 21px; vertical-align: top;}
.overlay td.p_title{padding-bottom: 23px;}
.overlay table input, .overlay table textarea{width:100%; }
.overlay table textarea{height: 116px;}
.overlay table td.form_label{padding-right:10px; text-align: right; vertical-align: top; padding-bottom: 10px;}
.overlay table td.form_field{ padding-bottom: 10px;}
.overlay table td .btn{float:right; margin-left: 10px;font-weight: normal;}

#ol_history{width:655px;}
#ol_equipment{width:470px;}
#ol_contact{width:485px;}


/* Personnel Overlay */
.overlay_personel{display:none; position: absolute; min-height: 300px; width:887px; left:235px; top:45px; background:#FFF; padding:35px 27px 27px 34px; font-size:14px; line-height:20px; }
.overlay_personel .left{
	width:204px; 
	padding-right:25px; 
	float:left; 
	color:#5a5657; 
	border-right: 2px #d6d6d6 solid; 
	height:100%;
	font-weight: 500;
	font-size: 13px;
	position: relative;
}
.overlay_personel .left img{width:180px; height:211px; margin-bottom: 15px;}
.overlay_personel .left .p_name{
	font-size:33px; 
	color:#000;
	line-height: 58px;
	font-weight: bold;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg); /* Standard syntax */
    width: 400px;
	top: 390px;
	right: -165px;
	text-align: right;
	position: absolute;
}
.overlay_personel .left .p_ptitle{color:#5a5657;}
.overlay_personel .left a{color:#5a5657; text-decoration: none;}
.overlay_personel .left a:hover{color:#5a5657; text-decoration: underline;}

.overlay_personel .right{
	float:left; width: 615px; 
	padding-left: 27px; 
	height: 100%; 
	overflow: auto; 
	color:#808080;
	font-weight: 300;
	font-size: 13px;
}
.overlay_personel .right ul li{margin-left: 1em;}
.overlay_personel .right .p_title{
	color:#A26C00;
}
.overlay_personel .right h2{
	font-size:16px;
	color:#A26C00;
}


/* Projects */
#ol_project{width:675px;padding-right: 25px;}

#project_list{list-style: none; margin: 0px; padding:0px; color:#A0A0A0; line-height: 20px;}
#project_list li{float: left; width: 185px; margin:0 9px 9px 0;}
#project_list li img{width: 185px; height: 135px; margin-bottom: 2px;border:2px #A0A0A0 solid;}
#project_list li > a > span{display:block; }
#project_list li .title{height:20px; overflow: hidden;font-size: 15px;}
#project_list li .place{height:30px; overflow: hidden; margin:0 0 20px 0;}
#project_list li > a{display: block;}
#project_list li > a:hover img{border-color:#FFF;}

#ol_project_detail{width:588px; height: 420px; }
#ol_project_detail > .content{height:100%;}
#ol_project_detail > .content .p_title{
	margin: 0px;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}
#ol_project_detail > .content .place{
	font-size:14px; 
	color:#FFF;
	line-height: 22px;
}
#ol_project_detail > .content .info{height: 165px; overflow: auto;}
#ol_project_detail .white_bar{
	width: 2px;
	height: 100%;
	background: #FFF;
	position: absolute;
	right: 0px;
	top: 0px;
}
#ol_project_detail .circle_arrow{
	background: url(../images/circle_arrow.png) no-repeat;
	background-position: 0px 0px;
	width: 18px;
	height: 17px;
	position: absolute;
	right: -8px;
	top: 180px;
}
#ol_project_detail .circle_arrow.right{
	background-position: 0px -17px;
}

#project_nav{border-top: 1px solid #FFF; position: relative;margin: 10px 0 0 0;padding: 10px 0 0 0;}
#project_nav .prev{float:left;}
#project_nav .next{float:right;}

#ol_project_detail #photos{list-style: none; padding: 0px; margin: 15px 0 0 0;}
#photos > li{float:left; margin: 0 10px 0 0;}
#photos > li > a{display: block; border:2px #A0A0A0 solid;}
#photos > li > a:hover{border-color:#FFF;}
#photos > li > a.active{border-color:#FFF;}
#photos > li > a > img{width:70px; height: 70px;}

#photo_slider{height: 90px;width: 500px;}
.prj_photo_nav{display:block; width:20px; height: 20px; position: absolute; background:url(../images/icons.png) no-repeat;z-index: 2;}
#nav_prev{background-position: -45px -1392px;top: 275px;left: 25px;}
#nav_next{background-position: -181px -1392px;top: 275px;right: 50px;}


/* Custom Scroll Bar */
.mCustomScrollBox>.mCSB_scrollTools{width:18px;}

.mCSB_scrollTools .mCSB_buttonUp, 
.mCSB_scrollTools .mCSB_buttonDown{background:url(../images/icons.png) no-repeat; opacity: 1;}
.mCSB_scrollTools .mCSB_buttonUp{background-position: -100px -1211px;}
.mCSB_scrollTools .mCSB_buttonUp:hover{background-position: -152px -1211px;}
.mCSB_scrollTools .mCSB_buttonDown{background-position: -100px -1346px;}
.mCSB_scrollTools .mCSB_buttonDown:hover{background-position: -152px -1346px;}

.mCSB_scrollTools .mCSB_draggerRail{width: 1px; background: #a5a5a6;}
.mCSB_scrollTools .mCSB_dragger{height:15px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 15px;background: #9e9e9f;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background: #6ee6be;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background: #6ee6be;}


/* Background Controllers */
#bg_nav{position: absolute; right:100px; top: 90px; z-index:2;}
#bg_nav > a{width:38px; height:38px; float:left; margin-right:10px;}

#bg_nav .prev{background-position: -46px -898px;}
#bg_nav .prev:hover{background-position: -46px -945px;}
#bg_nav .prev:active{background-position: -46px -994px;}

#bg_nav .stop{background-position: -91px -898px;}
#bg_nav .stop:hover{background-position: -91px -945px;}
#bg_nav .stop:active{background-position: -91px -994px;}
#bg_nav .stop.on{background-position: -135px -1043px;}
#bg_nav .stop.on:hover{background-position: -91px -1043px;}

#bg_nav .next{background-position: -135px -898px;}
#bg_nav .next:hover{background-position: -135px -945px;}
#bg_nav .next:active{background-position: -135px -994px;}

#bg_info{width: 170px; height: 70px; overflow: hidden; text-align: right;position: absolute; right: 100px; top:405px; z-index:2;}


#bg_box{width: 100%; height:100%; z-index:1; position: absolute; top:0px; left: 0px;}