/* 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:'Trebuchet MS', sans-serif; color:#000; background: #fff; line-height:20px; min-width:1010px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden; }
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 980px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:url(../images/loader.gif) 50% 50% no-repeat #fff; 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; font-size: 12px; }
a:hover{ text-decoration:underline}
h1{float:left;}
h2{font-family: 'Wire One', sans-serif;color:#202020; font-size:75px; line-height: 55px; width:100%; padding-bottom: 35px;font-weight: normal;text-shadow: 0px 0px 3px rgba(46, 46, 46, 0.2);}
h3{color: #fff; font-size:13px; line-height: 20px; width:100%; padding-bottom: 20px; font-weight: 400;}
h4{color:#000000; font-size:18px; width:100%; padding-bottom: 10px;font-weight: normal;text-shadow: 0px 0px 3px rgba(46, 46, 46, 0.2);}
h5{color:#626262; font-size:16px; width:100%; padding-bottom: 5px;font-weight: bold; font-family:'Trebuchet MS', sans-serif; text-transform:uppercase;}

p{padding-bottom: 18px; font-size: 13px; color: #626262; line-height: 22px;}
.undLineOff{text-decoration:none; }
.textLowerCase{text-transform:lowercase}
.textUpperCase{text-transform:uppercase}
.center{ padding:0; width:100%; position: relative; }
.alignLeft{text-align:left; }
.alignCenter{text-align:center; }
.alignRight{text-align:right; }
.colorW {color:#FFF; margin-left:25px;}
/* ============================= header ===================================== */
header{z-index:1; display: inline-block; position: absolute; width: 100%; height: 143px; z-index: 3;  text-align: center;}
#logo{
	display:inline-block;
	background: url(../images/logo.png) 0 0 no-repeat;
	width: 237px;
	height: 143px;
	text-indent: -9999px;
}
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; width: 980px; margin: 0 auto;}
.headerHolder{}
.menu{
	position:relative;
	z-index:1;
	display: block;
	margin-top: 192px;
}
.menuHolder{ float: left; display:inline-block; position: relative; width: 264px; height: 652px; z-index: 3; left: 0;}
#menu {z-index:3; position:relative; }
#menu > li{position:relative;   color: white;   height: 66px;display: inline-block;width: 100%;margin-bottom: 7px;}
#menu > li > a{display: block; text-transform:uppercase; position:relative;overflow: hidden;height: 66px;width: 186px;display: inline-block;}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}
.submenu_1{position:absolute; z-index:2; top: 0px; left: 250px; display: block; background:url(../images/extra2.png); width: 110px;}
.submenu_1 > li{position:relative; display: block;  width: 100%;float: left; padding-top: 6px;}
.submenu_1 > li > a{font-family: 'News Cycle', sans-serif; font-size: 18px; color:#fff; background:url(../images/extra3.png) 50% 100% no-repeat; display:inline-block; text-transform:uppercase; line-height: 20px; margin: 0px 20px;float: left;width: 69px;padding-bottom: 10px;}
.submenu_1 > li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#696969;}
.submenu_1 .bgNone{background: none;}
.submenu_2{position:relative; z-index:2; display: block; width: 110px;float: left;}
.submenu_2 > li{position:relative; display:inline-block;  width: 100%;height: 20px;float: left; padding: 2px 0;}
.submenu_2 > li > a{font-family:"Trebuchet MS"; font-size: 13px; color:#c7c7c7; display:inline-block;  line-height: 18px; margin: 0px 20px;width: 69px;}
.submenu_2 > li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#696969 }
#menu .padTop{padding-top: 20px;}
#menu .padBot{padding-bottom: 26px;}
.mText{font-family: 'Wire One', sans-serif; line-height: 66px; color: #fff; font-size: 72px; position: absolute; z-index: 2;white-space: nowrap;}
.mTextOver{font-family: 'Wire One', sans-serif; line-height: 66px; color: #fff; font-size: 72px; position: relative;z-index: 1;}
.numHold{position: relative; width: 46px; font-family: 'Dorsa', sans-serif; line-height: 66px; color: #82888d; font-size: 72px;display: inline-block;text-align: center;}
.overPl{width: 186px; height: 66px; position: absolute; top: 0; left: 0;background: #7fc3ba;z-index: 0;}
.extraPl{width: 700px; height: 66px; position: absolute; top: 0; right: 271px;background: #7fc3ba;z-index: 0;}
.more{font-family: 'News Cycle', sans-serif; color: #fff; font-size: 14px; background:url(../images/moreSprites.png); padding: 4px 12px 8px 12px;text-transform: uppercase;line-height: 18px;}
.more:hover{text-decoration: none;}
.moreV{font-family: 'News Cycle', sans-serif; color: #fff; font-size: 14px;  padding: 0px 4px 0px 4px; background-color:#333;}
.moreV:hover{text-decoration: none;}
.extra1{background: url(../images/extra4.png) 0 50% no-repeat; width: 9px; height: 25px; position: absolute; display: inline-block;margin-left: 7px;}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;}
#content > ul{width: 716px; height: 652px; z-index: 0;display: inline-block;}
#content > ul > li{width: 716px; display:block; position:absolute; height: 652px;right: 0;overflow: hidden;}
#content2{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;}
#content2 > ul{width: 716px; height: 750px; z-index: 0;display: inline-block;}
#content2 > ul > li{width: 716px; display:block; position:absolute; height: 750px;right: 0;overflow: hidden;}
.padNone{padding: 0;}
.marNone{margin: 0;}
.box{ width: 716px; background: url(../images/partBg1.png); overflow: hidden; position: relative; height: 652px; padding: 0px 0px;}
.box1{ width: 716px; background: url(../images/partBg1.png); overflow: hidden; position: relative; height: 458px; padding: 0px 0px;}
.box2{ width: 716px; background: url(../images/partBg1.png); overflow: hidden; position: relative; height: 750px; padding: 0px 0px;}
.boxBlack{ width: 716px; background: url(../images/partBg2.png); overflow: hidden; position: relative; height: 194px; padding: 0px 0px;}
.space1{display:inline-block; width: 74px; }
#bgStretch {overflow:hidden; z-index:-1; }
#bgStretch img{background-color: #000;}
.navBg{position: absolute;z-index: 5;}
.padRight1{padding-right: 20px;}
.marRight{margin-right: 16px;}
.marRight2{margin-right: 21px;}
.marRight3{margin-right: 16px;}
.marRight4{margin-right: 32px;}
.marRight5{margin-right: 46px;}
.marRight6{margin-right: 16px;}
.magTop1{margin-top: 14px;}
.magTop2{margin-top: -6px;}
.padBot1{padding-bottom: 45px;}
.padBot2{padding-bottom: 30px;}
.padBot3{padding-bottom: 25px;}
.padBot4{padding-bottom: 43px;}
.padBot5{padding-bottom: 38px;}
.padBot6{padding-bottom: 23px;}
.padBot7{padding-bottom: 30px;}
.padBot8{padding-bottom: 25px;}
.padBot9{padding-bottom: 24px;}
.padBot10{padding-bottom: 14px;}
.padBot11{padding-bottom: 16px;}
.padBot12{padding-bottom: 10px;}
.marTop1 {margin-top:-20px;}

.info {margin-left:10px;}
.color1{color: #a2a2a2;}
.h2difer{font-size: 120px; color: #fff; font-family: 'Wire One', sans-serif; line-height: 90px; display: inline-block; position: relative;float: left;margin-right: 10px;}
.textStyle1{color: #c7c7c7; font-weight: bold;}
.textStyle2{color: #626262; font-weight: bold;}
.textStyle3{
	color: #626262;
	font-size: 13px;
	position: relative;
	float: left;
	margin-left: 5px;
}
.textStyle4{
	color: #626262;
	font-weight: bold;
	font-size: 13px;
	float: right;
	position: relative;
	margin-right: 5px;
	width: 100px;
	white-space: nowrap;
}
.textStyle5{color: #fff; font-size: 25px;line-height: 15px;}
.textStyle6{color: #000000; font-weight: bold; font-size: 16px;}
._list1{width: 100%; position: relative;}
._list1 > li{position: relative; width: 100%; background:url(../images/marker.png) 0 50% no-repeat;display: inline-block;height: 15px;margin-bottom: 10px;}
._list1 > li > a{font-family: Arial; color: #616161; font-size: 10px; text-transform: uppercase; margin-left: 15px;line-height: 15px;}
._list4 {font-family: Arial; color: #616161; font-size: 10px; text-transform: uppercase; margin-left: 15px;line-height: 20px;}
._list2{width: 100%; position: relative;}
._list2 > li{position: relative; width: 100%; display: inline-block;height: 30px;  color: #616161; font-size: 10px;  line-height: 30px;}
._list2 .bgColor1{background: #d0d0d0;}
._list2 .bgColor2{background: #fff;}
._list2 .width1{width: 154px;}
._list3 {width: 100%; position: relative;}
._list3 > li{position: relative; width: 100%; background:url(../images/markerW.png) 5px 50% no-repeat;display: inline-block;height: 20px;margin-bottom: 10px; background-color:#7fc3ba; }
._list3 > li > a{ color: #ffffff; font-size: 13px; text-transform: uppercase; margin-left: 25px;line-height: 20px;}

.navHolder{ position: relative; left: 0; width: 100%; display: inline-block; margin-bottom: 5px;}
.navGall{
	position: relative;
	width: 380px;
	height: 21px;
	text-align: left;
	margin-top: 22px;
}
.navGall > ul{position: relative; white-space: nowrap;height: 21px; display: inline-block;}
.navGall > ul >li{position: relative;  display: inline-block;  width: 20px; height: 21px;cursor: pointer;padding: 0 10px 0 6px; background: url("../images/extra5.png") 100% 50% no-repeat;}
.navGall > ul >li >.numT{display: inline-block; width: 20px; height: 21px;color: #4f4f4f;z-index: 1;position: absolute;text-align: center;font-size: 10px;font-family: Arial;line-height: 21px;}
.navGall > ul >li >.overP{display: inline-block; width: 20px; height: 21px; background: url("../images/extra1.png") 50% 50% no-repeat;position: relative;left: 0;z-index: 0;top: 0;}
.navGall .bgNone{background: none;}
.gallScroll{width: 600px; height: 90px; position: relative; bottom: 0;}
.scrollbar{width: 600px; height: 12px; background:#7fc3ba; margin-top: 20px;}
.thumb{position: relative; width: 70px; height: 12px; cursor: pointer; background: #c7c7c7; }
.viewport{margin: 0; width: 600px; height: 90px; overflow: hidden;}
.overview{position: relative;}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(../images/pixel.png);}
.spinner_bg{position: fixed; width: 40px; height: 40px;   background: url("../images/bgloader.gif") 50% 50% no-repeat #7fc3ba; z-index:10000; left: 0;top: 0;}
#_slider{width: 380px; height: 250px; display: block;overflow: hidden;position: relative;}
#_slider >.descr{width: 100%; height: 250px; display: block;position: absolute;}
._link1{font-size: 15px; color: #848484;}
._link2{font-size: 13px; color: #626262;text-decoration: underline;}
._link2:hover{text-decoration: none;}
._fig1{position: relative; float: left;margin-bottom: 18px;}
._fig2{position: relative; float: left;}
._fig3{position: relative; width: 100%; display: inline-block;}
._fig3 img{position: relative; display: inline-block; margin-right: 20px;}
._fig3 figcaption{position: relative; width: 215px; display: inline-block;margin-top: -6px;}
.zoomSp{display:block; position:absolute; left:0; top:0; width: 182px; height: 116px; z-index:3; background: url(../images/magnify.png) 50% 50% no-repeat; }
/* ============================= footer ====================== */
footer{position: absolute; width: 100%; z-index: 2;  height: 40px; display: inline-block;   bottom: 0;background: #7fc3ba;}
.mainFooter { z-index:2; width: 980px; margin: 11px auto;}
.textPrivacy{font-family: 'News Cycle', sans-serif; font-size: 15px; color: #ffffff; position:relative; display:inline-block;  text-transform: uppercase;}
.privHold{ line-height: 20px; position: relative; display: block;}
.followHolder{position: relative;display: inline-block;margin-left: 12px;}
.followHolder > ul{display: inline-block;float: left;}
.followHolder > ul > li{display: inline-block; float: left;margin: 0 3px;}
.followHolder > ul > li > a{display: inline-block;}
/*===================================Map=====================================*/
.google_map{margin:0; width:430px; height:175px; background:#fff;}
/*--------- slider ---------*/
#slide {width:451px; height:386px; position:relative; overflow:hidden; z-index:2; padding: 10px 0 0 10px;}
.sliderHolder{width: 600px; height: 318px; position: relative;padding-bottom: 20px;}
.slider{position: absolute; width: 600px; height: 318px; overflow: hidden; z-index:2; }
.items{display:none;}
.progbar{background:#7fc3ba; width:100%; height: 3px; border: none; position:absolute; top:0px; left:0px; z-index:999;}
.viewport{position: relative; display: inline-block; height: 90px;  white-space: nowrap;width: 600px;}
.viewport  li{width: 135px; height: 90px; position: relative; display: inline-block; float: left; position: relative;margin-right: 20px;}
.viewport  li > a{position: relative;display: block;width: 100%;height: 100%;}
.viewport > ul > li >a .overV{
    position: absolute;
    width: 129px;
    height: 84px;
    border: 3px solid transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.viewport > ul > li > a:hover >.overV{
    border-color:#82888d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;    
}
.viewport .current .overV{
    border-color:#7fc3ba;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.viewport .lastItem{margin-right: 0px;}
/*-------- end slider -----------*/
/* ============================= forms ============================= */
#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success {
	padding-bottom: 0px; 
    text-transform:uppercase; 
	font-size:10px; 
    position:relative; 
    float:left; 
	color: #626262; 
	width: 100%; 
	line-height: 11px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 7px;
}
#ContactForm span {
	display:block
}
#ContactForm .error,#ContactForm .empty {
	font-size:9px; 
	color: #626262; 
	line-height: 12px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
    text-transform:uppercase; 
	float: left;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 285px; 
	padding: 5px 10px; 
	color: #626262; 
	outline:none; 
	font-size: 13px; 
	font-family: 'Trebuchet MS'; 
	background: #fff; 
	border: 1px solid #DEDFDF;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 285px; 
	height: 84px; 
	background: #fff; 
	padding: 9px 10px; 
	color: #626262; 
	resize:none; 
	outline:none; 
	font-size: 13px; 
	font-family: 'Trebuchet MS'; 
	border: 1px solid #DEDFDF;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 305px; 
	float: left; 
}
#ContactForm .magRight1{margin-right:16px;}
#ContactForm .marNone{margin:0;}
.formButtons{position:relative; float: right;  display: inline-block;margin-top: 20px;}
.formBtn{display:inline-block;  position:relative;  }
/* ============================= end forms ============================= */

.fR{position: relative; float: right;}
.bull {background-image:url(../images/bull.png); background-repeat:no-repeat; padding-left:30px; background-position:top left; width: 540px;} 
.marB {margin-bottom:-10px;}