/* Left & Right alignment */

.left { float:left;}

.right { float:right;}

.wrapper {width: 100%; overflow:hidden;}

/* Global properties ======================================================== */

.glob{width: 100%; height: 100%;  position: absolute; overflow: hidden;}

body{ font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; color: #000; background: #171717; line-height:18px; min-width: 950px;  min-height: 100%;  position: absolute; width: 100%; height: 100%; overflow: hidden;}

/* Global Structure ============================================================= */

.main {margin: 0px auto 0 auto;	width: 950px; z-index: 2; height: 100%;}

.page_spinner{ position:absolute; background: url(../images/loading.gif) 50% 50% no-repeat #000; z-index:99; width:100%; height:100%; top:0; left:0}

#glob{position:relative; overflow:hidden; z-index:1;}

/* ============================= main layout ====================== */

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

a:hover{ text-decoration:underline}


/* ============================= added for video ====================== */
#videoBG {
    position:fixed;
    z-index: -1;
}
@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    #videoBG {
        display: none;
    }
    body {
        background: url('poster.jpg');
        background-size: cover;
    }
}
/* ============================= added for video ^ ====================== */


h1{float: left; padding: 0 0 0 0px;}

h2{font-family: 'Open Sans', sans-serif; color: #fff; font-size: 17px; line-height: 22px; width: 100%; text-transform: uppercase;font-weight: 600;padding-bottom: 18px;}

h3{font-family: 'Open Sans', sans-serif; color: #fff; font-size: 24px; line-height: 22px; width: 100%; font-weight: 600; text-transform: uppercase; padding-bottom: 15px;}

p{

	font-family: Arial, sans-serif;

	padding-bottom: 9px;

	font-size: 10px;

	color: #838383;

	line-height: 18px;

	text-transform: uppercase;

}

.undLineOff{text-decoration: none;}

.textLowerCase{text-transform:lowercase}

.center{ padding: 0 0; width: 100%;}

.alignLeft{text-align: left;}

.alignCenter{text-align: center;}

.alignRight{text-align: right;}

/* ============================= header ====================== */

header{position: relative; width: 100%; height: 92px; display: inline-block; float: left;}

#logo{text-indent:-9999px; background: url(../images/logo.png) 0 0 no-repeat; width: 580px; height: 92px; display: inline-block;}

#logoHolder{margin: 0 140px; position: relative; width: 674px; height: 172px;}

.centerHolder{width: 950px; position: relative; z-index: 2; top: 0; margin: 0 auto; height: 92px; padding-bottom: 40px;}

.logoHolder{position: absolute; width: 702px; top: -850px; height: 226px; left: 0px;}

.menu{position: relative; z-index: 0; display: inline-block; float: left;}

#menu {z-index: 3; position: relative; width: 950px;}

#menu > li{float:left; position:relative; width: 190px;}

#menu > li > a{color: #fff; font-family: 'Open Sans', sans-serif; display: block; text-transform: uppercase; font-weight: 600; font-size: 24px; float: left; width: 189px; line-height: 22px; position: relative;}

#menu > li > a:hover{text-decoration: none;}

#menu > li.active > a{text-decoration: none;}

.mText1{color:#feae01; z-index: 2; width: 160px; position: relative; display: inline-block; float: left; padding: 25px 0px 0px 18px;}

.mText2{color:#fff; z-index: 2; display: inline-block; width: 160px; position: relative; float: left; padding: 0 0 0 18px;}

.submenu_1{position: relative; background: url(../images/subPlane.png) 0 0 no-repeat; z-index: 3; width: 190px; height: 150px; float: left;}

.submenu_1 li{position: relative; display: inline-block;float: left; width: 160px; left: 20px;}

.submenu_1 a{

	background: url(../images/subMarker.png) 0 50% no-repeat;

	font-size: 10px;

	color: #666666;

	font-family: Arial;

	display: inline-block;

	text-transform: uppercase;

	text-align: left;

	width: 100%;

	font-weight: 400;

	line-height: 20px;

	padding-left: 10px;

}

.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#feae01 }

.mOver{width: 190px; height: 0px; position: absolute; background: url(../images/menuOver.png); left: 0; bottom: 0; display: block;}

.imgHolder{width: 190px; height: 420px; position: relative; overflow: hidden;}

.extraHolder{background: url(../images/menuPlane.png) 0 0 repeat-x; width: 189px; height: 100px; position: relative; float: left; border-right: 1px solid black;}

/* ============================= content ====================== */

#content{position:relative; height: 446px; z-index: 1; padding-top: 100px;}

#content > ul{width:100%; height: 446px;}

#content > ul > li{width:100%; display: block; position: absolute; overflow: hidden;}

#Network > ul{width:100%; height: 446px;}

#Network > ul > li{width:100%; display: block; position: absolute; overflow: hidden;}

.scroll1{width: 260px; height: 286px; margin-bottom: 0px;}

.scroll2{width: 280px; height: 374px; margin-bottom: 0px;}

.scroll3{width: 260px; height: 294px; margin-bottom: 0px;}

.scroll4{width: 260px; height: 290px; margin-bottom: 0px;}

.track {position:absolute; top: 19px; left: 280px; width:19px; height:339px; background:url(../images/track.png) 0 0 no-repeat; }

.shuttle{position:relative; width: 13px; height:63px; background:url(../images/shuttle.png) 0 0 no-repeat; margin: 0 3px;}

._up-btn{display: none;}

._down-btn{display: none;}

.Btns1{position: absolute; width: 19px; height: 377px;top: 0;right: -15px;}

.Btns2{position: absolute; width: 19px; height: 377px;top: 0;right: -7px;}

.Btns3{position: absolute; width: 19px; height: 377px;top: 0;right: -15px;}

.Btns4{position: absolute; width: 19px; height: 377px;top: 0;right: -15px;}

.upBtn{background:url(../images/upBtn.png) 0 0 no-repeat; width: 19px; height: 19px; display: block; position: absolute; top: 0;}

.downBtn{background:url(../images/downBtn.png) 0 0 no-repeat; width: 19px; height: 19px; display: block; bottom: 0; position: absolute;}

.box{height: 446px; width: 100%; margin: 0 auto; background:url(../images/contentPlane.png) 0 0 no-repeat;}

.menuPlane{background:url(../images/partLine.png) repeat-x; width: 100%; height: 42px; position: absolute; top: 0; z-index: 1;}

.menuHolder{width: 940px; height: 42px; margin: 0 auto;}

.underline{text-decoration: underline;}

.space1{display:inline-block; width: 86px;}

.moreHolder{position: absolute; float: left; display: inline-block; bottom: 0;}

.moreHolder2{position: relative; float: left;display: inline-block; padding-top: 10px; width: 100%; padding-bottom: 16px;}

.more1 {float:left; font-size: 13px; font-family: 'Open Sans', sans-serif; color: #fff; text-decoration:none; text-transform: uppercase; font-weight: 600; background:url(../images/moreSprite.png); padding: 5px 14px;	}

.more1:hover{text-decoration:none;}

.more2 {float:left; font-size: 13px; font-family: 'Open Sans', sans-serif; color: #fff; text-decoration:none; text-transform: uppercase; font-weight: 600; background:url(../images/moreSprite.png); padding: 5px 14px;	}

.more2:hover{

	text-decoration: none;

	color: #000;

}
.more3 {float:center; font-size: 13px; font-family: 'Open Sans', sans-serif; color: #fff; text-decoration:none; text-transform: uppercase; font-weight: 600; background:url(../images/moreSprite.png); padding: 5px 14px;	}

.more3:hover{

	text-decoration: none;

	color: #000;

}

.formBtnSpr {float:right; font-size: 20px; color: #000; text-decoration:none; text-transform: uppercase; font-weight: 700; background:url(../images/moreSprite.png); padding: 10px 32px;}

.color1{color:#feae01;}

.color2{color:#fff;}

.padRight{padding-right: 24px;}

.padRight1{padding-right: 34px;}

.padBottom{padding-bottom: 17px; position: relative; float: left;}

.padBottom1{padding-bottom: 20px; position: relative; float: left;}

.padBottom2{padding-bottom: 15px;}

.padTop1{padding-top: 15px;}

.page1list{width: 100%; border-top: 1px solid #393939;}

.page1list > li{width: 100%; height: 94px; position: relative; float: left; border-bottom: 1px solid #393939;}

.page1list > li > .imgHolder{width: 90px; height: 94px; position: relative; float: left;text-align: center;}

.page1list > li > .txtHolder{width: 170px; height: 64px; position: relative; float: left;padding: 15px 0;}

.page1list > li  img{position: relative; margin: auto 0;padding-top: 20px;}

.list1{position: relative;  width: 100%; float: left;}

.list1 > li{float: left; display: inline-block; position: relative; padding-bottom: 2px; width: 100%;}

.list1 > li >a{

	font-family: Arial;

	color: #666666;

	font-size: 10px;

	padding-left: 15px;

	background: url(../images/listMarker.png) 0 50% no-repeat;

	text-transform: uppercase;

}

.list2{position: relative;  width: 100%; float: left;}

.list2 > li{

	float: left;

	display: inline-block;

	position: relative;

	padding-bottom: 2px;

	width: 100%;

	font-family: Arial;

	color: #838383;

	font-size: 10px;

	padding-left: 15px;

	background: url(../images/listMarker.png) 0 50% no-repeat;

	text-transform: uppercase;

}

.chart{width: 100%; font-family:Arial; font-size: 10px; color: #fff; text-transform: uppercase;  background: #272727;}

.chart thead tr{width: 100%; height: 65px; background: url(../images/extraPart.png); border-bottom: 1px solid #3d3d3d;text-align: center;}

.chart thead td{width: 144px; height: 65px;vertical-align: middle;line-height: 16px;}

.chart tbody{width: 100%;  }

.chart tbody tr{width: 100%;height: 46px;position: relative;}

.chart tbody td{width: 144px;  text-align: center;  border-right: 1px solid #3D3D3D; vertical-align: middle; position: relative;}

.chart tbody .borderClear{border:none}

.chart tbody .color1{

	color: #666666;

	text-align: left;

	padding-left: 12px;

}

.chart tbody .padTop1{padding-top: 0px;}

.tabList{width: 100%;}

.tabList > li{width: 100%;  float: left; position: relative; background: #272727;}

.star{width: 17px; height: 17px; background: url(../images/star.png) 50% 50% no-repeat;display: inline-block;}

.faceHolder{cursor: pointer; position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/faceIcon.png) 0 top no-repeat;}

.faceHolder:hover{background: url(../images/faceIcon.png) 0 center no-repeat;}

.faceHolder:active{background: url(../images/faceIcon.png) 0 bottom no-repeat;}

.faceHolder > a{width: 24px; height: 24px; display: inline-block; position: relative;}

#backContent {position:absolute;top:0;left:0;z-index: 1;overflow: hidden;width: 100%;height: 100%;}

#backContent > video{width: 1900px;height: 1080px;position: relative;margin-left: -960px;left: 50%;}

#backContent > img{width: 1920px;height: 1080px;display: block;left: 50%;position: relative;margin-left: -960px;}

/* ============================= splash ====================== */

.splashHolder{position: absolute; z-index: 2;width: 950px;}

/* =================================================== */

/* ============================= footer ====================== */

footer {position: relative; bottom: 0;  width: 100%; z-index: 1;  height: 40px; }

.topBtn{position: relative;display: inline-block;cursor: pointer;}

.mainFooter {width: 980px; z-index: 2; height: 40px; margin: 0 auto;}

.textPrivacy{font-size: 10px; color: #fff; position: relative; display: inline-block; font-family: Arial;}

.privHold{ font-size: 10px; color: #ededed; text-transform: uppercase; line-height: 1; bottom: 0; position: absolute; font-family: Arial;}

.fontWeight1{font-weight: 800;}

.fontWeight2{font-weight: 300;}

/*=======================Map=====================================*/

.google_map{

	margin: 0;

	width: 278px;

	height: 298px;

	background: #fff;

	border-radius: 0px;

    border: 6px solid #242424;

}

/* ============================= forms ============================= */

#ContactForm {

	padding: 0;

}

#ContactForm .bg{

	padding: 0;

}

#ContactForm .bgg{

	padding: 0;

	display: none;

}

#ContactForm .bggg{

	padding: 0;

	color: #FFF;

	font-size: 10px;

	

}

#ContactForm .wrapper {

	overflow:inherit;

	min-height:40px;

}

#ContactForm .success {

	padding-bottom:1px;

    text-transform: uppercase;

    font-size: 12px;

    position: relative;

    float: left;

	color: white;

	width: 260px;

}

#ContactForm label {

	position:relative;

	display:inline-block;

	padding-bottom: 11px;

}

#ContactForm .message {

}

#ContactForm span {

	display:block

}

#ContactForm .error,#ContactForm .empty {

	font-size: 9px;

	color: #fff;

	line-height: 9px;

	display:none;

	width:100%;

	top: 0px;

	position: relative;

    text-transform: uppercase;

}

#ContactForm a {

	position:relative;

	z-index: 1;

}

#ContactForm a:hover {text-decoration: none;}

#ContactForm .input {

	width: 226px;

	background: #111111;

	padding: 5px 8px;

	color: white;

	outline:none;

	margin: 0;

	font-size: 10px;

	font-family: Arial;

    text-transform: uppercase;

	border: 1px solid #2d2d2d;

}

#ContactForm .required {

	width: 226px;

	background: #111111;

	padding: 5px 8px;

	color: white;

	outline:none;

	margin: 0;

	font-size: 10px;

	font-family: Arial;

    text-transform: uppercase;

	border: 1px solid #2d2d2d;

}

#ContactForm textarea {

	overflow:auto;

	margin:0;

	width: 296px;

	height: 90px;

	background: #111111;

	padding: 5px 8px;

	color: white;

	resize:none;

	outline:none;

	font-size: 10px;

	font-family: Arial;

    text-transform: uppercase;

	border: 1px solid #2d2d2d;

}

#ContactForm .block {

	display:inline-block;

	position:relative;

}

.w2{

    width: 560px;

}

.formBtn{display: inline-block; padding: 5px 5px 5px 5px;position: relative;}



/* ============================= end orig forms ============================= */