/* 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: 'Open Sans', sans-serif; color: #000; line-height:18px; min-width: 940px;  min-height: 100%;  position: absolute; width: 100%; height: 100%; overflow: hidden;}
/* Global Structure ============================================================= */
.main {	margin: 400px auto 0 auto;	width: 940px; 	z-index: 2;	height: 400px;}
.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}
.undLineOff{text-decoration: none;}
h1{float: right; padding: 0 0 30px 0px;z-index: 3;position: relative;}
h2{color: #fff; font-size: 25px; padding-bottom: 25px; line-height: 1;width: 100%; text-transform: uppercase;}
p{padding-bottom: 30px;  font-size: 13px;color: #fff;font-style: italic;line-height: 20px;}
.center{ padding: 0 0;}
.leftAlign{text-align: left;}
.rightAlign{text-align: right;}
/* ============================= header ====================== */
header{position: relative;margin: 0 auto;width: 940px;height: 55px;}
.whitePlane{width: 2140px; height: 1600px; z-index: 0;position: relative; float: left;margin-left: -790px;}
.blackPlane{width: 2140px; height: 1600px;  z-index: 1;position: relative; float: right;margin-top: -1600px;margin-right: -1170px;}
.extra1{position: absolute;right: 10px;top: 580px;z-index: 3;}
.extra2{position: absolute;right: -347px;top: 160px;z-index: 0;}
.extra3{position: absolute;left: -707px;top: 600px;z-index: 1;}
#link{ text-indent:-9999px; background: url(../images/logo.png) center center no-repeat; width: 174px; height: 85px; display: inline-block;}
#logo{ text-indent:-9999px; background: url(../images/logoText.png) left center no-repeat; width: 355px; height: 208px; display: inline-block; position: relative;}
.logo{background: url(../images/logoText.png) 0 0 no-repeat; width: 355px; height: 120px; display: inline-block;}
#logoHolder{margin: 0 140px;position: relative;width: 674px;height: 172px;}
.logoHolder{position: absolute;width: 360px;top: -200px;z-index: 5;}
.menu{position: relative;  z-index: 0;padding: 16px 0;}
#menu { z-index: 3; position: relative;}
#menu > li { float:left; position:relative; padding-right: 28px; display: inline-block;}
#menu > li > a{color: #6e6e6e;  position: relative;   display: block;text-transform: uppercase;font-weight: 700;font-size: 16px;}
#menu > li > a:hover{text-decoration: none; color: #fff;}
#menu > li.active > a{color: #fff;}
.submenu_1{ position:absolute; top: 38px; left: -200px; background: url(../images/subPlane.png) 0 0 no-repeat; z-index: 3; width: 528px; height: 264px; text-align: center;}
.submenu_1 li{position:relative; padding: 0 200px 5px 200px;}
.submenu_1 a{font-size: 12px; color: #6e6e6e; display:block; text-transform:uppercase; letter-spacing:0px; text-align: left;font-weight: 600;width: 200px;}
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration: none; color:#b93192 }
.plHolder{width: 940px; height: 100%; position: absolute; z-index: 0; top: 0;}
/* ============================= content ====================== */
.space1{display:inline-block; width: 70px;}
.color1{color: #00a9d1;}
.color2{color: #000;}
.subTxt{font-size: 25px; color: #2c231e; text-transform: uppercase; position: relative; z-index: 2;padding: 18px 5px;float: left;}
.overPic{z-index: 1; width: 161px; height: 99px; border: 1px solid #be491b; position: absolute;top: 0;left: 18px;}
#content{ position:relative; z-index:1; height: 400px; z-index: 1;}
#content > ul{ width:100%; height: 400px;}
#content > ul > li{ width:100%;}
.txtBl{font-size: 12px; color: #625650; line-height: 20px;padding-bottom: 21px;}
.box{height: 400px;width: 100%;margin: 0 auto;}
.mapText{font-size: 15px; color: black; font-family: 'Open Sans', sans-serif; font-weight: 700;}
.lineH{line-height: 22px;}
.zoomSp{display:block; position:absolute; left:0; top:0; width: 261px; height: 101px; z-index:3; background: #000 url(../images/magnify.png) 50% 50% no-repeat;}
.page5list >li{position: relative; float: right; padding-left: 18px; padding-bottom: 18px;}
.more{ position: relative; float: right;}
.more > a{text-align: center;position: relative;}
.more > a:hover{text-decoration: none;}
.padTop1{padding-top: 35px;}
.zInd{z-index: 0;position: relative;}
.zInd1{z-index: 1;}
/* ============================= footer ====================== */
footer {position: absolute; bottom: 0;  width: 940px;z-index: 1;padding-bottom: 50px;}
.textFooter{ font-size: 13px; color: #be491b; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0px;  position: relative; font-style: normal;}
.text2{ font-size: 30px; color: #ededed; text-transform: uppercase; text-align: center; line-height: 1; text-shadow: #000 1px 2px;}
.moreTxt{font-size: 16px; color: #000; font-family: 'Open Sans', sans-serif;z-index: 2;font-weight: 700;position: relative;padding-top: 10px;display: block;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.alignRight{text-align: right;}
/* ============================= bgStretch ====================== */
#bgStretch {overflow:hidden; z-index:-1;}
.bgSelector {position: relative; padding-left: 408px; padding-top: 180px;}
.bgSelector span {background: #000; width: 35px; height: 35px; position: absolute; left: 0; top: 0;}
.bgSelector strong {background: #0269ac; width: 35px;  height: 35px; position: absolute; left: 0; top: 0;z-index: 1;}
.bgNav, .bgNav li {cursor:default;height: 1px; width: 51px; z-index: 0; display: block; position: relative; float: left;}
.bgNav {width: 100%;}
.bgNav a { color:#fff; font-size: 20px; font-family: 'Open Sans', sans-serif;	font-weight: 700; position: absolute; text-align: center; z-index: 10; top: 7px; left: 7px; width: 20px;}
.bgNav a:hover, .bgNav .active a {text-decoration: none;}
.gall_spinner{position:absolute;width: 36px;height: 36px;top: 8px;right: 8px;}
.gall_spinner span{position:absolute;	width: 36px;	height:36px;	background: url(../images/gall_spinner.gif) 0 0 no-repeat;}
/* ============================= forms ============================= */
#ContactForm{ position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height: 20px;}
#ContactForm .heig{height: 51px;}
#ContactForm .success{display:block; bottom:0; left: 70px; position: absolute; color: #aeadad; font-family: 'Open Sans', sans-serif; font-size: 13px;}
#ContactForm label{ position:relative; min-height: 52px; display: inline-block;}
#ContactForm .message{ height: 135px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size: 10px; color:#fff; line-height: 8px; display:none; width:100%}
#ContactForm a{ margin-left: 18px; float:right; padding-right: 2px; text-decoration:none;}
#ContactForm a:hover{text-decoration:none;}
#ContactForm .input { font-family: 'Open Sans', sans-serif; font-size: 13px; font-style: italic; margin: 0; width: 324px; height: 28px; background: none; padding: 5px 8px; color: #aeadad; outline: none; line-height: 28px;}
#ContactForm textarea {font-family: 'Open Sans', sans-serif; font-size: 13px; font-style: italic; overflow: auto; margin:0; width: 320px; height: 97px; background: none; padding: 11px 10px; color: #AEADAD; resize: none; outline: none;}
.btns{position: relative; padding-top: 10px;}
#ContactForm  .bg{ background: url(../images/partContact.png);  position:relative; display:inline-block; border: 1px solid #2c2c2b;}

/* =============================newsletter  forms add by AK ============================= */
.ContactForm{ position:relative}
.ContactForm .wrapper{ overflow:inherit; min-height: 20px;}
.ContactForm .heig{height: 51px;}
.ContactForm .success{display:block; bottom:0; left: 70px; position: absolute; color: #aeadad; font-family: 'Open Sans', sans-serif; font-size: 13px;}
.ContactForm label{ position:relative; min-height: 52px; display: inline-block;}
.ContactForm .message{ height: 135px;}
.ContactForm  span{ display:block}
.ContactForm .error, .ContactForm .empty{ font-size: 10px; color:#fff; line-height: 8px; display:none; width:100%}
.ContactForm a{ margin-left: 18px; float:right; padding-right: 2px; text-decoration:none;}
.ContactForm a:hover{text-decoration:none;}
.ContactForm .input { font-family: 'Open Sans', sans-serif; font-size: 13px; font-style: italic; margin: 0; width: 324px; height: 28px; background: none; padding: 5px 8px; color: #aeadad; outline: none; line-height: 28px;}
.ContactForm textarea {font-family: 'Open Sans', sans-serif; font-size: 13px; font-style: italic; overflow: auto; margin:0; width: 320px; height: 97px; background: none; padding: 11px 10px; color: #AEADAD; resize: none; outline: none;}
.btns{position: relative; padding-top: 10px;}
.ContactForm  .bg{ background: url(../images/partContact.png);  position:relative; display:inline-block; border: 1px solid #2c2c2b;}


/* ============================= newsletter form ============================= */
#SignUp span.label,span.spacer,span.multiple span {width:120px;float:left;} 
#SignUp span.multiple {float:left;} 
#SignUp span.button {padding-left:120px;} 
#SignUp div.clear {clear:both;padding-top:5px;}