/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
.padNull{padding: 0;}
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; overflow:hidden;  background: url(../images/partBg.jpg) 50% 50% no-repeat;}
body{font-family:'Trebuchet MS',serif; color:#fff; line-height:20px; min-width: 1000px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden; }
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 990px; 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;
	font-size: small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
h1{float:left;position: relative;}
h2{
	color: #CCCCCC;
	font-size: 30px;
	line-height: 32px;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 30px;
	padding-top: 46px;
	letter-spacing: -1px;
}
p{
	padding-bottom: 16px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	text-transform: none;
}
.center{ padding:0; width:100%; position: relative; display: inline-block;}
/* ============================= header ============================ */
header{position: relative; width: 990px; height: 165px; z-index: 3;  margin: 0 auto;float: left;}
#logo{display:inline-block; background: url(../images/logo.png) 0 0 no-repeat; width: 250px; height: 85px; text-indent: -9999px;}
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; height: 85px; margin-top: 55px;}
.menu{position:relative; z-index:1; display: inline-block; }
.menuHolder{ display:inline-block; position: absolute; width: 990px; z-index: 1; left: 0;}
#menu {z-index:3; position:relative; display: inline-block;float: left;}
#menu > li{position:relative; color: white;  text-align: left; display: inline-block;float: left; width: 197px; margin-right: 1px;}
#menu > li > a{display: block; text-transform:uppercase; position:relative;  height: 495px;  width: 197px;  z-index: 1;overflow: hidden;}
#menu > li > a:hover{
	text-decoration: none;
	font-family: "Trebuchet MS", serif;
}
#menu > li.active > a{text-decoration:none;}
#menu ._last{margin: 0;}
.submenu_1{position:absolute; z-index:2; top: 137px; left: 0px;   display: block;  background: #222222; width: 100%;}
.submenu_1 li{ position:relative; display:inline-block;  height: 30px; float: left; width: 100%;}
.submenu_1 a{font-size: 16px; color: #4e4e4e;  display:inline-block; text-transform:uppercase; line-height: 30px; font-weight: bold;height: 30px;padding: 0 56px 0 20px;}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#fff; background: #373737;}
.submenu_1 .padTop{margin-top: 28px;}
.submenu_1 .padBot{margin-bottom: 28px;}
.textHolder{position: absolute; display: inline-block;left: 15px;top: 38px;}
.mText{
	line-height: 32px;
	color: #fff;
	font-size: 30px;
	position: relative;
	width: 100%;
	z-index: 2;
	text-align: left;
	font-weight: bold;
	letter-spacing: -1px;
}
.mSlogan{line-height: 16px; color: #fff; font-size: 16px; position: relative;  width: 100%;z-index: 1; text-align: left; font-weight: bold;letter-spacing: -1px;}
.mText_over{
	line-height: 32px;
	color: #fff;
	font-size: 30px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
	text-align: left;
	font-weight: bold;
	letter-spacing: -1px;
}
.mSlogan_over{line-height: 16px; color: #fff; font-size: 16px; position: absolute; top: 32px;  width: 100%; z-index: 1; text-align: left; font-weight: bold;letter-spacing: -1px;}
._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/bg5.png) 0 0 no-repeat;}
.mBg1{background: url(../images/menuBg1.png) 0 0 no-repeat;}
.mBg2{background: url(../images/menuBg2.png) 0 0 no-repeat;}
.mBg3{background: url(../images/menuBg3.png) 0 0 no-repeat;}
.mBg4{background: url(../images/menuBg4.png) 0 0 no-repeat;}
.mBg5{background: url(../images/menuBg5.png) 0 0 no-repeat;}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;  float: left;overflow: visible;}
#content > ul{width: 990px;  z-index: 0; display: inline-block;position: relative;overflow: visible;margin-top: 152px;height: 474px;}
#content > ul > li{width: 990px; display:block; position:absolute; }
.box{width: 990px; position: relative; display: inline-block; background: url(../images/bg3.png);}
.space1{display:inline-block; width: 70px;}
.more{color: #fff; font-size: 10px; line-height: 22px;text-decoration: none;text-transform: uppercase;display: inline-block;}
.more:hover{text-decoration: none;}
.padRight1{padding-right: 35px;}
.padBot1{padding-bottom: 46px;}
.padBot2{padding-bottom: 30px;}
.padBot3{padding-bottom: 24px;}
.padBot4{padding-bottom: 19px;}
.padBot5{padding-bottom: 20px;}
.marTop1{margin-top: 32px;}
.marTop2{margin-top: 19px;}
.marTop3{margin-top: 14px;}
.marRight1{margin-right: 24px;}
.marRight2{margin-right: 25px;}
.marRight3{margin-right: 24px;}
._link1{
	font-size: 14px;
	color: #FFFFFF;
}
._link2{
	font-size: 14px;
	color: #fff;
}
._link3{font-size: 10px; color: #fff; text-decoration: underline;}
._fig1{position: relative; display: inline-block; width: 290px; height: 140px; float:left;}
._fig2{width: 100%; display: inline-block; position: relative;}
._fig2 img{width: 116px; height: 116px; display: inline-block; position: relative; float: left; margin-right: 17px;}
._fig2 figcaption{width: 145px; display: inline-block; position: relative; float: left;margin-top: 23px;}
._fig2 p{padding: 0;}
._fig3{width: 190px; height: 210px; display: inline-block; position: relative; float: left;background: #1f1f1f;}
._fig3 img{display: inline-block; position: relative; float: left; margin: 7px;}
._fig3 figcaption{width: 176px; display: inline-block; position: relative; float: left; margin: 5px 7px 0 7px;}
._fig3 p{padding: 0;}
._fig4{width: 190px; height: 150px; display: inline-block; position: relative; float: left;}
._fig4 img{display: inline-block; position: relative; float: left; }
._fig4 figcaption{width: 176px; display: inline-block; position: relative; float: left;}
._fig4 p{padding: 0;margin-top: 15px;}
._list1{
	width: 100%;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
._list1 > li{position: relative; width: 100%; background: url(../images/marker.png) 0% 50% no-repeat;height: 26px;}
._list1 > li > a{
	color: #FFFFFF;
	font-size: 100%;
	text-transform: uppercase;
	line-height: 26px;
	margin-left: 20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: underline;
}
._list1 > li > a:hover{
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
._list2{width: 100%; position: relative;}
._list2 >li{position: relative; width: 100%;height: 80px;border-bottom: 1px solid #232323;margin-bottom: 31px;}
._list2 p{padding: 0;margin-top: 5px;}
._list2 ._num{width: 51px; height: 66px; font-size: 36px; color: #292929; text-align: center; line-height: 50px; background: url(../images/extra1.png) 0 0 no-repeat;display: inline-block;float: left;margin-right: 14px;font-weight: bold;}
._list2 ._last{margin: 0;border: none;}
._list3{
	width: 100%;
	position: relative;
	padding-bottom: 28px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
._list3 > li{position: relative; width: 280px;height: 52px; margin-bottom: 8px;}
._list3 > li >a{width: 280px; height: 52px; background: #1f1f1f; color: #4c4c4c; font-size: 22px; font-weight: bold; line-height: 52px;display: inline-block; text-indent: 20px; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._list3 > li >a:hover{background: #a1c85c; color: #fff; text-decoration: none; text-indent: 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._list3 ._last{margin: 0;}
.color1{
	color: #fff;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.zoomSp{display:block; position:absolute; left:0; top:0; width: 290px; height: 140px; z-index:3; background: url(../images/magnify.png) 50% 50% no-repeat; }
.divideSet1{padding-right: 20px; margin-right: 20px; border-right: 1px solid #232323;}
.extra1{width: 197px; height: 10px; position: relative; background: url(../images/bg2.png);}
.extra2{width: 990px; height: 10px; position: relative; background: url(../images/bg4.png);}
.scroll1{width: 100%; height: 255px; margin-bottom: 28px;}
.Btns1{position: relative; width: 65px; height: 31px; display: inline-block;}
.upBtn{width: 31px; height: 31px; display: block; position: absolute; top: 0;}
.downBtn{width: 31px; height: 31px; display: block;  position: absolute;right: 0;bottom: 0;}
/* ============================= footer ====================== */
footer{position: relative; width: 100%; z-index: 2;  height: 50px; display: inline-block;  bottom: 0; float: left;}
.mainFooter { z-index:2; margin-top: 26px;}
.textPrivacy{font-family:'Trebuchet MS',serif;  font-size: 10px;   color: #4b4b4b; position:relative; display:inline-block;  text-transform: uppercase; font-weight: normal;letter-spacing: 0px;}
.privHold{ line-height: 20px; position: relative; display: inline-block; margin: 0 auto; width: 100%;}
.followHolder{position: relative;display: inline-block;float: right;margin-top: 55px;}
.followHolder > ul{display: inline-block;}
.followHolder > ul > li{display: inline-block; float: left;margin-left: 4px;}
/*===================================Map=====================================*/
.google_map{margin:0; width:342px; height:288px; border: 7px solid #1f1f1f; background: #fff; display: inline-block;}
.google_map > span{position: absolute; top: 50%; left: 50%;}
/* ============================= forms ============================= */
#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success { 
    text-transform:uppercase; 
	font-size:10px; 
    position:relative; 
    float:left; 
	color: #fff; 
	width: 100%; 
	line-height: 11px;
	padding-bottom: 2px;
}
#ContactForm label {
	position:relative; 
	color: #fff;
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 3px;
}
#ContactForm .error,#ContactForm .empty {
	font-size: 10px; 
	color: #fff; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
    text-transform:uppercase; 
	float: left;
	text-align: right;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 280px; 
	padding: 8px 10px; 
	color: #fff; 
	outline:none; 
	font-size: 16px;  
	background: #1f1f1f; 
    font-family: 'Trebuchet MS', serif;
	box-shadow: none;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 280px; 
	height: 155px;  
	padding: 5px 10px;
	color: #fff; 
	resize:none; 
	outline:none; 
	font-size: 16px;  
	background: #1f1f1f;
	font-family: Arial;
    font-family: 'Trebuchet MS', serif;
	box-shadow: none;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm ._label{
	color: #ffffff;
	font-size: 13px;
	display: inline-block;
	width: 80px;
	float: left;
	text-transform: uppercase;
	margin-top: 5px;
}

#ContactForm .marNone{margin: 0;} 
.formButtons{position:relative; float: right;  display: inline-block;margin-top: 12px;}
.formBtn{display:inline-block;  position:relative;  margin-left: 12px;}
/* ============================= end forms ============================= */