/* 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: #06407f;  }
body{font-family:Arial,sans-serif; color:#fff; line-height:20px; min-width: 940px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden;}
/* Global Structure ========================================================= */
 
.main {margin:0px auto 0 auto; 	width: 930px; z-index:2; height:100%;   }
.page_spinner{ position:fixed; background:#06407f; 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{font-family:Arial, Helvetica, sans-serif, serif; color:#e5faff; font-size:30px; line-height: 22px; width:100%; text-transform: uppercase; font-weight: normal; padding-bottom: 22px;text-shadow: 0px 2px 2px #80c2d1; margin-top:25px;}
h3{font-family:Arial, Helvetica, sans-serif, serif; color:#18161c; font-size:18px; line-height: 22px; width:100%; text-transform: uppercase; font-weight: normal; padding-bottom: 12px;text-shadow: 0px 1px 1px #80c2d1;}
p{font-size: 11px; color: #e5faff; line-height: 18px;  padding-bottom: 22px;}
h4{font-size: 14px; color: #e5faff; line-height: 18px;  padding-bottom: 22px;}
.center{ padding:0; width:100%; position: relative; display: inline-block;}
/* ============================= header ============================ */
header{position: relative; width: 930px; height: 118px; z-index: 3;  margin: 0 auto;float: left;text-align: center;}
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo{display:inline-block; background: url(../images/logo.png) 0 0 no-repeat; width: 193px; height: 147px; margin-top:-10px; }
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; height: 56px; top: 0px; left:-58px;}
.menu{position:relative; z-index:1; display: inline-block; }
.menuHolder{ display:inline-block; position: absolute; width: 930px; z-index: 1; left: 0; top: 150px;}
#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: 220px; height: 0px;left: -1700px;}
#menu > li > a{display: block; text-transform:uppercase; position:relative;  height: 125px;  width: 220px;  z-index: 1;overflow: hidden;margin-top: 64px; }
#menu > li > a:hover{text-decoration:none;} 
 
#menu > li.active > a{text-decoration:none;}
#menu ._last{margin: 0;}
#menu > li img{position: absolute; top: 0;}
.submenu_1{position:absolute; z-index:2; top: 174px; left: -36px;   display: block; width: 140px;}
.submenu_1 li{ position:relative; display:inline-block;  float: left; width: 100%; margin-bottom: 4px;}
.submenu_1 a{font-family:Arial, Helvetica, sans-serif, serif; line-height: 25px; color: #fff; font-size: 25px; display:inline-block; text-transform:uppercase;  background: #74bbcb; float: right; padding: 5px 14px; -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:#000; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.mText{font-family:Arial, Helvetica, sans-serif, serif; line-height: 50px; color: #fff; font-size: 30px; position: relative; width: 100%; z-index: 2; text-align: center;margin-top: 39px;top: 0; opacity:1;  }
.mText_over{font-family:Arial, Helvetica, sans-serif, serif; line-height: 50px; color: #fff; font-size: 30px; position: absolute; width: 100%; z-index: 2; text-align: center;top:  0px;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);}
._area{ color:#FFF;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/pixel.png);}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 615px; margin: 0 auto; display: block;  float: right;overflow: visible;height: 615px;height: 490px;}
#content > ul{width: 615px;  z-index: 0; display: inline-block;position: relative;overflow: visible;}
#content > ul > li{width: 615px; display:block; position:absolute; }
.box{width: 615px; position: relative; display: inline-block; }
.space1{display:inline-block; width: 50px;}
.space2{display:inline-block; width: 45px;}
.more{font-family:Arial, Helvetica, sans-serif, serif; color: #bfe0e8; font-size: 18px; line-height: 20px; text-decoration: none; text-transform: uppercase; display: inline-block;   -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.more:hover{text-decoration: none; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link1{font-family:Arial, Helvetica, sans-serif, serif; font-size: 14px; color: #e5faff;}
._link2{color:#e5faff; font-size:13px; line-height: 21px; text-decoration: underline;}
._link2:hover{color:#fff;text-decoration: none;}
._link3{color:#e5faff; font-size:13px; line-height: 21px; text-decoration: none;}
._link4{font-family:Arial, Helvetica, sans-serif, serif; color:#FFF; font-size:13px; font-weight:bold; line-height: 21px; text-decoration: none;}
._link5{color:#fff; text-decoration: underline;font-size: 13px;font-weight: bold;}
._link5:hover{color:#fff; text-decoration: none;}
.padBot1{padding-bottom: 53px;}
.padBot2{padding-bottom: 30px;}
.marRight1{margin-right: 20px;}
.marRight2{margin-right: 10px;}
.divSet1{padding-right: 0px; margin-right: 0px; border-right: 0px solid #6eaebd; }
.divSet2{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #6eaebd; width:550px;}
.divSet3{padding-right: 0px; margin-right: 0px; border-right: 0px solid #6eaebd; }
.grad{width: 100%; height: 800px; position: absolute; display: inline-block; top:0;  }
.extra_bg1{width: 1231px; height: 678px; position: absolute; display: inline-block; top: -70px; background: url(../images/extra1.png) 0 0 no-repeat;left: -1700px; }
.extra_bg2{width: 865px; height: 686px; position: absolute; display: inline-block; bottom: -50px; background: url(../images/extra2.png) 0 0 no-repeat;right: -17000px;}
._left_side{width: 220px; height: 444px; display: inline-block; position: relative;z-index: 1; }
.page_name{width: 220px; height: 252px; position: absolute; display: inline-block; background: url(../images/bg3.png) 0 0 no-repeat;top: 0px;z-index: 2;left: -1700px;}
.txt_name{font-family:Arial, Helvetica, sans-serif, serif; color: #d7ebef; font-size: 30px; line-height: 30px; position: absolute; display: inline-block; top: 108px;text-transform: uppercase;width: 100%;text-align: center;}
.page_back{width: 220px; height: 252px; position: absolute; display: inline-block; background: url(../images/bg4.png) 0 0 no-repeat;bottom: 0px;z-index: 1;left: -1700px;}
.txt_back{font-family: Arial, Helvetica, sans-serif, serif; color: #a1d0da; font-size: 30px; line-height: 30px; position: absolute; display: inline-block; top: 108px;text-transform: uppercase;width: 100%;text-align: center;}
.txt_back:hover{text-decoration: none;}
.scroll1{width: 615px; height: 130px;}
.scroll2{width: 615px; height: 180px;}
.scroll3{width: 615px; height: 370px;}
.scroll4{width: 815px; height: 1540px;}
.scroll5{width: 615px; height: 444px;}
._inner{display: inline-block; position: relative;}
.scroll-btns{width: 42px; position: absolute; top: 0px;right: 0px;}
.downScroll{position: relative;}
.upScroll{position: relative; float: right;}
._fig1{width: 552px; height: 70px; display: inline-block; position: relative;margin-bottom: 13px;}
._fig1 .img{width: 62px; height: 70px; position: relative; float: left;margin-right: 20px;}
._fig1 figcaption{width: 370px;display: inline-block;float: left; font-family: Arial, Helvetica, sans-serif, serif; font-size: 18px; line-height: 21px; color: #fff; text-transform: uppercase;margin-top: 14px;}
.gall_list{position: relative; display: inline-block; width: 440px; height: 640px;}
.gall_list > li{width: 220px; height: 252px; display: inline-block; position: absolute;}
.gall_list ._pos1{top:10px; left: 0px;}
.gall_list ._pos2{top:10px; left: 218px;}
.gall_list ._pos3{top: 199px; left: 109px;}
.gall_list ._pos4{top: 199px; left: 327px;}
.gall_list ._pos5{top: 388px; left: 218px;}

.textStyle1{color:#FFF; padding: 5px;  background-color:#06407f; margin-left:80px; margin-top:20px; width:200px;
filter:alpha(opacity=100);
    -moz-opacity:1.0; z-index:20;
    -khtml-opacity: 1.0;
    opacity: 1.0; min-height:150px; border:5px solid #fff;
}

.descr{width: 220px; height: 125px; display: inline-block; position: absolute; top: 64px; left: 0;  }
.bg5{width: 220px; height: 252px; display: inline-block; position: absolute; top: -64px; left: 0; background: url(../images/bg5.png) 0 0 no-repeat;z-index: 0;}
/* ============================= footer ====================== */
footer{position: absolute; width: 100%; z-index: 2;  height: 50px; display: inline-block;  bottom: 0;  float: left; background: url(../images/bg2.png); text-align: center;}
 
.mainFooter { z-index:2; width: 930px; display: inline-block; margin-top: 16px;}
.textPrivacy{font-family: Arial, Helvetica, sans-serif, serif; font-size: 14px; color: #e5faff; position:relative; display:inline-block; text-transform: uppercase; text-shadow: 2px 1px 2px #67A8B7;}
.privHold{ line-height: 20px; position: relative; display: inline-block; float: left;}
.followHolder{position: relative;display: inline-block;float: right;}
.followHolder > ul{display: inline-block;}
.followHolder > ul > li{display: inline-block; float: left;margin-left: 30px;}
.followHolder > ul > li >a{font-family: Arial, Helvetica, sans-serif, serif; font-size: 14px; color: #e5faff;text-transform: uppercase;text-shadow: 2px 1px 2px #67A8B7;}
/*===================================Map=====================================*/
.google_map{margin:0; width:380px; height:150px; background: #fff; display: inline-block;}
.google_map > span{position: absolute; top: 45%; 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 {  
	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: 10px;
}
#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: 184px; 
	padding: 7px 18px; 
	color: #e5faff; 
	outline:none; 
	font-size: 18px;  
	background: #9dd1dd; 
    font-family: Arial, Helvetica, sans-serif, serif;
	box-shadow: none; 
	text-shadow: 0px 2px 2px #80c2d1;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 285px; 
	height: 145px;  
	padding: 10px 18px; 
	color: #e5faff; 
	resize:none; 
	outline:none; 
	font-size: 18px;  
	background: #9dd1dd;
    font-family: Arial, Helvetica, sans-serif, serif;
	box-shadow: none;     
	text-shadow: 0px 2px 2px #80c2d1;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .marNone{margin: 0;} 
.formButtons{position:relative; float: right;  display: inline-block;margin-top: 2px;margin-right: 63px;}
.formBtn{display:inline-block;  position:relative;  margin-left: 14px;}
/* ============================= end forms ============================= */