/* Left & Right alignment */
.wrapper {width:100%; overflow:hidden; }
.padNull{padding: 0;}
.marNull{margin: 0;}
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; overflow:hidden; }
body{font-family:Arial,sans-serif; color:#000; line-height:20px; min-width: 950px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden;}
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 942px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:#000; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 50%;}
/* ============================= main layout ================================ */
a{ color:#fff; text-decoration:none; outline:none; font-size: 14px; }
a:hover{ text-decoration:underline}
h1{float:left;position: relative;}
h2{color:#fff; font-size:25px; line-height: 24px; width:100%;  text-transform: uppercase; font-weight: bold; padding-bottom: 40px;}
p{font-size: 15px; color: #989898; line-height: 24px;  padding-bottom: 24px;}
.center{padding:0; width:100%; position: relative; display: inline-block;}
/* ============================= header ============================ */
header{position: relative; width: 940px; height: 202px; z-index: 3;  margin: 0 auto;float: left;}
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo{display:inline-block; background: url(../images/logo.png) 50% 50% no-repeat; width: 252px; height: 164px; }
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; height: 164px; width: 100%; float: left;}
.menu{position:relative; z-index:1; display: inline-block; }
.menuHolder{ position: relative; width: 100%; z-index: 1; float: left; display: inline-block; height: 101px;}
#menu {z-index:3; position:relative; display: inline-block;float: left; background: url(../images/menuBg.png);}
#menu > li{position:relative; color: white;  text-align: left; display: inline-block;float: left; height: 101px;width: 168px;border-right: 1px solid rgba(255,255,255, 0.2);}
#menu > li > a{display: block;  position:relative; z-index: 1; overflow: hidden; text-transform: uppercase; height: 101px;}
#menu > li > a:hover{text-decoration:none;}
#menu ._last{padding: 0;border: none;}
#menu .w1{width: 95px;}
#menu ._icon{position: absolute; left: 32px; top: 35px;z-index: 2;}
.submenu_1{position:absolute; z-index:2; top: 105px; left: 0px;   display: block; width: 100%;}
.submenu_1 li{ position:relative; display:inline-block;  float: left; width: 100%; margin-bottom: 4px; text-transform: uppercase;}
.submenu_1 a{ line-height: 30px; color: #fff; font-size: 14px; display:inline-block; background: #fcbe00; width: 100%; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#fff; background: #676767; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.mText{line-height: 20px; color: #fff; font-size: 14px; position: relative; width: 100%; z-index: 2; text-align: center;margin-top: 40px;}
.mText_over{line-height: 20px; color: #fff; font-size: 14px; position: absolute; width: 100%; z-index: 2; text-align: center;}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(../images/pixel.png);}
._overPl{position: absolute; width: 100%; height: 100%; top: 0px; z-index: 0;left: 0;display: block; background: url(../images/menuBg_over.png);}
.leftBord{width: 1px; height: 101px; position: absolute; display: inline-block; left: 0;background: url(../images/extra2.png);z-index: 2;}
.rightBord{width: 1px; height: 101px; position: absolute; display: inline-block; right: 0; background: url(../images/extra2.png);z-index: 2;}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;  float: left;overflow: visible;height: 430px;}
#content > ul{width: 940px;  z-index: 0; display: inline-block;position: relative;overflow: visible;}
#content > ul > li{width: 940px; display:block; position:absolute; }
.box{width: 940px; position: relative; display: inline-block; background: #080808;}
.space1{display:inline-block; width: 95px;}
.space2{display:inline-block; width: 70px;}
.more{font-size: 12px; color: #fff; padding: 12px 18px; float:left; background: url(../images/moreSprite.png); text-transform: uppercase;}
.more:hover{text-decoration: none; color: #413b47;}
._link1{font-size: 13px; color: #fff;}
._link2{color: #ffc000; font-size: 15px; line-height: 24px;font-weight: bold;}
._link3{color:#e1ab06; font-size:15px; line-height: 24px; font-weight: bold;}
.mar1{margin: 29px 0 0 20px;}
.marBot1{margin-bottom: 19px;}
.marRight1{margin-right: 6px;}
.padRight1{padding-right: 20px;}
.padRight2{padding-right: 19px;}
.padRight3{padding-right: 18px;}
.padRight4{padding-right: 15px;}
.padBot1{padding-bottom: 37px;}
.padBot2{padding-bottom: 15px;}
.padBot3{padding-bottom: 25px;}
.padBot4{padding-bottom: 25px;}
#bgStretch {overflow:hidden; z-index:-1; display: block;}
#bgStretch img{background-color: #000;}
.spinner_bg{position: fixed; width: 0px; height: 0px; z-index:10000; left: 50%; top: 40%; display: inline-block;}
.navGall{position: absolute; display: inline-block; z-index: 2; height: 12px;}
.navGall > ul{position: relative; display: block; float: right;}
.navGall > ul > li{ position: relative; width: 5px; height: 5px; float: left; margin: 0 1px;}
.navGall > ul > li >a{ height: 5px; position: relative; width: 5px; display: inline-block;}
.scroll1{width: 340px; height: 260px;}
.scroll1 ._track{width: 25px; height: 256px; left: 315px; top:0; background: url(../images/track.png) 0 0 no-repeat;}
.scroll1 ._shuttle{background: url(../images/_shuttle.png) 0 0 no-repeat; height: 80px; width: 25px; cursor: pointer !important;}
.scroll1 ._shuttle:hover{background: url(../images/_shuttle.png) 100% 0 no-repeat;}
.scroll1 ._inner{display: inline-block; position: relative;}
.scroll2{width: 520px; height: 260px;}
.scroll2 ._track{width: 25px; height: 256px; left: 495px; top:0; background: url(../images/track.png) 0 0 no-repeat;}
.scroll2 ._shuttle{background: url(../images/_shuttle.png) 0 0 no-repeat; height: 80px; width: 25px; cursor: pointer !important;}
.scroll2 ._shuttle:hover{background: url(../images/_shuttle.png) 100% 0 no-repeat;}
.scroll2 ._inner{display: inline-block; position: relative;}
.textStyle1{font-weight: bold; color: #fff;}
.textStyle2{color: #c1c1c1;}
.marker1{position: absolute; display: inline-block; width: 6px; height: 6px; left: 0px; top: 9px; background: url(../images/marker1.png) 0 0 no-repeat;}
._fig1{width: 100%;display: inline-block;margin-bottom: 24px;}
._fig1 img{display: inline-block; position: relative; float: left; margin-right: 20px;}
._fig1 figcaption{width: 170px; position: relative; float: left;margin-top: 3px;}
._fig1 p{padding: 0;line-height: 20px;}
._fig2{width: 100%; display: inline-block;margin-bottom: 24px;}
._fig2 img{display: inline-block; position: relative; float: left; margin-right: 20px;}
._fig2 figcaption{width: 380px; position: relative; float: left; margin-top: 3px;}
._fig2 p{padding: 0; line-height: 20px;}
._fig3{width: 100%; display: inline-block;}
._fig3 figcaption{width: 300px; position: relative; float: left; margin-top: -4px;}
._fig3 p{padding: 0; line-height: 20px;}
._fig3 .picHold{width: 83px; height: 72px; display: inline-block; position: relative; float: left; margin-right: 0px;text-align: center;margin-right: 15px;}
._fig4{display: inline-block; position: relative; float: left;margin-right: 19px;}
.grad{width: 940px; height: 448px; display: inline-block; position: absolute; bottom: 0; background: url(../images/grad.png) 0 0 no-repeat;z-index: 0;}
/* ============================= footer ====================== */
footer{position: relative; width: 100%; z-index: 2;  height: 71px; display: inline-block;  bottom: 0; float: left;}
.mainFooter { z-index:2;}
.textPrivacy{font-family:Arial,sans-serif; font-size: 13px; color: #fff; position:relative; display:inline-block; text-transform: uppercase; }
.privHold{ position: relative; display: inline-block; float: left; margin-top: 48px;}
.followHolder{position: relative;display: inline-block;float: right;margin-top: 21px;}
.followHolder > ul{display: inline-block;}
.followHolder > ul > li{display: inline-block; float: left;margin-left: 6px;}
/* ============================= forms ============================= */
#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success {  
	font-size:10px; 
    position:relative; 
    float:left; 
	color: #fff; 
	width: 100%; 
	line-height: 11px;
	padding-bottom: 2px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 12px;
}
#ContactForm .error,#ContactForm .empty {
	font-size: 10px; 
	color: #fff; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
	float: left;
	text-align: left;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 237px; 
	padding: 9px 10px; 
	color: #989898; 
	outline:none; 
	font-size: 14px;  
	background: url(../images/bg3.png) 0 0 no-repeat; 
    font-family: Arial, sans-serif;
    box-shadow: none;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 500px; 
	height: 127px;  
	padding: 8px 10px; 
	color: #989898; 
	resize:none; 
	outline:none; 
	font-size: 14px;  
	background: url(../images/bg4.png) 0 0 no-repeat;
    font-family: Arial, sans-serif;
	box-shadow: none;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .marNone{margin: 0;} 
#ContactForm .w1{width: 257px;} 
.formButtons{position:relative; float: right;  display: inline-block;margin-top: 11px;}
.formBtn{display:inline-block;  position:relative;  margin-left: 2px;}
/* ============================= end forms ============================= */