@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
@import "layout.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
position:absolute;
font:13px/19px 'Trebuchet MS', sans-serif;
color:#fff;
text-transform: None;
min-width: 1060px;
min-height:1050px; 
width:100%;
height:100%;
overflow:hidden;
z-index:1;
background: #000;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #000;
}
.spinner_bg{
background:url( "../images/ajax-loader2.gif") 50% 0 repeat-x #000;
z-index: 10;
height: 10px;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #000; 
}
#topShadow{
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
background: url(../images/shadow_top.png) center top repeat-x;
}
#dark{
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: url(../images/black.png);
}
.logo {
	position:relative;
	display:inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 530px;
	height: 140px;
	/*background: url(../images/logo_small.png) left top no-repeat;*/
}
.logo-wrapper{
	float: left;
	position: relative;
	overflow: visible;
	width: 0;
	height: 0;
}
.logo-image{
	position: relative;
	top: -150px;
	left: -145px;
}
.logo_big {
	background: url("../images/logo.png") no-repeat scroll center top transparent;
    display: inline-block;
    height: 700px;
    position: relative;
    margin-top: -166px;
    margin:-200px 0 0 -81px;
    width: 1112px;
}
header, footer{
width:100%;
z-index:100;
position: absolute;
}
/*header*/
header{
top:0px;
height:100px;
position: relative;
}
/*end header*/
/*footer*/
footer {
bottom:0px;
height:404px;
}
footer p {
position: relative;
color: #636363;
white-space: pre;
padding-top: 30px;
}
footer p a{
color: #636363;
}
#botBlock{
width: 100%;
height: 82px;
background: #000;
}
.soc_icons{
float: right;
position: absolute;
right: -1px;
top: 27px;
}
.soc_icons>li{
display: inline-block;
position: relative;
margin-left: 4px;
width:27px;
height:27px;
}
.soc_icons>li>a{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.soc_icons>li>a>img{
position: relative;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: block;
height: 100px;
width: 940px;
display: inline-block;
}
#menu{
display: block;
width: 100%;
height: 100%;
background: #000;
}
#menu>li {
position: relative;
display: inline-block;
width: 188px;
height: 100%;
background: url(../images/menu_divider.png) right center no-repeat;
float: left;
}
#menu>li.no_bg {
background: none;
}
#menu>li>a {
position: relative;
display: block;
font: 15px/18px 'Trebuchet MS', sans-serif;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 50px 0 55px;
z-index: 1;
}
#menu>li>strong{
display: inline-block;
position:absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 0;
background: #79d4e1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5ZDRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTRhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #79d4e1 0%, #0e4a7a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d4e1), color-stop(100%,#0e4a7a));
background: -webkit-linear-gradient(top,  #79d4e1 0%,#0e4a7a 100%);
background: -o-linear-gradient(top,  #79d4e1 0%,#0e4a7a 100%);
background: -ms-linear-gradient(top,  #79d4e1 0%,#0e4a7a 100%);
background: linear-gradient(to bottom,  #79d4e1 0%,#0e4a7a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d4e1', endColorstr='#0e4a7a',GradientType=0 );

box-shadow: inset 0 0 4px 4px #2686ab;
height: 0;
}
.submenu_1 {
position:absolute;
z-index:9100;
width: 100%;
left: 0px;
top: 100%;
background: #000;
display: none;
padding: 25px 0;
}
.submenu_1 li {
position:relative;
display: block;
}
.submenu_1 a {
position:relative;
display: block;
font: 12px/14px 'Trebuchet MS', sans-serif;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 1px 0;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#000;
background: #30b4d2;
}
.submenu_2 {
position:absolute;
z-index:9100;
width: 100%;
left: 100%;
top: 0px;
display: none;
}
/*end menu*/
/* gallery */
.gallery{
position: relative;
height: 198px;
}
.pagin{
display: inline-block;
position: relative;
width: 100%;
height: 100%;
}
.pagin>ul{
height: 100%;
}
.pagin>ul>li{
display: inline-block;
position: relative;
width: 328px;
height: 198px;
float: left;
white-space: nowrap;
}
.pagin>ul>li>a{
display: inline-block;
position: relative;
width: 100%;
height: 100%;
}
.pagin>ul>li>a>span{
position: absolute;
display: block;
width: 100%;
height: 100%;
background: url(../images/pagin_out_bg.png);
z-index: 10;
}
.pagin>ul>li>a>img{
position: relative;
}
.pagin>ul>li.active>a>span{
opacity: 0;
}
.arrowL, .arrowR{
position:fixed;
display:inline-block;
width: 39px;
height:100%;
top: 0;
z-index: 100;
opacity: 0;
}
.arrowL{
left: 0;   
}
.arrowR{
right: 0;
}
.arrowL>a, .arrowR>a {
width: 39px;
height: 100%;
position:relative;
display:inline-block;
}
.arrowL>a{
background: url('../images/arrowL.png') right center no-repeat;
}
.arrowR>a{
background: url('../images/arrowR.png') left center no-repeat;
}
/* end gallery */
/*pages*/
#content {
position:relative;
width:940px;
margin: 0 auto;
z-index: 50;
}
#content>ul {
width:100%;
height:487px;
}
#content>ul>li {
position:absolute;
width:100%;
background: none;
overflow: hidden;
}
#page_home .wrapper,
#content>ul>li#page_home {
	overflow: visible;
}
.readMore {
text-decoration: underline;
color: #30b4d2;
}
.readMore:hover {
text-decoration: none;  
}
/*scroll*/
.scroll {
width: 100%;
height: 311px;
position: relative;
overflow: hidden;
}
._shuttle {
width: 33px;
height: 113px;
background: url(../images/scroll_btn.jpg) center bottom no-repeat;
}
._track{
width: 33px;
height: 292px;
background: url(../images/scroll_bg.png) repeat-y;
margin-top: 0;
}
._trackBG{
margin-top: 0;
}
/*end scroll*/
.closeBtn{
position: absolute;
display: inline-block;
right: 5px;
top: 30px;
overflow: hidden;
height: 40px;
}
.closeBtn>span{
display: inline-block;
font: 30px/36px 'Trebuchet MS', sans-serif;
color: #fff;
text-transform: uppercase;
padding-left: 23px;
font-weight: normal;
}
.closeBtn>strong{
position: absolute;
width: 19px;
height: 23px;
display: inline-block;
background: url(../images/close_icon.png) center no-repeat;
top: 6px;
left: 0;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.closeBtn:hover>strong{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.imStyle1{
border: 1px solid #dedede;
display: inline-block;
margin: 0 0 18px 1px;
}
.imStyle1>img{
border: 9px solid #f5f5f5;
}
.list4{
margin-left: 3px;
}
.list1>li,.list4>li{
width: 380px;
background: url(../images/hline.png) 3px bottom no-repeat;
margin-bottom: 31px;
}
.list4>li{
background: url(../images/hline2.png) 3px bottom no-repeat;
}
.list4>li{
width: 340px;
margin-bottom: 29px;
}
.list1>li.last,.list4>li.last{
background: none;
margin-bottom: 0;
}
.list4>li.last>div>p{
padding-bottom: 30px;
}
.list1>li>figure,.list4>li>figure{
border: 1px solid #d8d8d8;
display: inline-block;
float: left;
margin: 6px 17px 0 2px;
}
.list1>li>figure>img,.list4>li>figure>img{
border: 9px solid #f5f5f5;
}
.list1>li>div,.list4>li>div{
overflow: hidden;
}
.list1>li>div>p,.list4>li>div>p{
padding-bottom: 30px;
}
.list4>li>div>p{
padding-bottom: 49px;
}
.list2>li{
display: inline-block;
width: 195px;
margin-right: 26px;
}
.list2>li.last{
background: none;
margin-bottom: 0;
}
.list2>li.last>p{
padding-bottom: 10px;
}
.list2>li>figure{
border: 1px solid #d8d8d8;
display: inline-block;
float: left;
margin-bottom: 19px;
}
.list2>li>figure>a{
display: inline-block;
position: relative;
border: 9px solid #f5f5f5;
}
.list2>li>p{
padding-bottom: 30px;
}
.list3{
margin-left: 1px;
}
.list3>li{
background: url(../images/bullet.jpg) left 7px no-repeat;
margin-bottom: 11px;
}
.list3>li>a{
color: #fff;
margin-left: 14px;
}
.list3>li>a:hover{
text-decoration: underline;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
/*PADDINGS*/
.pad2 {
padding: 35px 0 30px;
}
.pad3 {
padding-bottom:30px;
}
.mar1{
margin-right: 37px;
}
.color2{
color: #30b4d2;
}
.w1{
display: inline-block;
width: 102px;
}
/*///////////////////////////*/
h1 {
position: relative;
display: block;
height: 100%;
width: 100%;
/*background: url(../images/hline.png) center bottom repeat-x; */
padding-bottom: 36px;
}
h2 {
font: 30px/36px 'Trebuchet MS', sans-serif;
color: #fff;
padding-bottom: 36px;
letter-spacing: -1px;
}
h3 {
font: 15px/18px 'Trebuchet MS', sans-serif;
color: #30b4d2;
font-weight: bold; 
padding-bottom: 7px;
}
p {
padding-bottom: 24px;
}
/*additional classes*/
.block {
display:block;
}
.inblock {
display:inline-block;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.all {
text-align:left;
}
.alr {
text-align:right;
}
.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.box{
overflow:hidden;
}
a.und,.und a {
text-decoration:none;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
.nocolor,.nocolor a {
color:inherit;
}
.upc {
text-transform:uppercase;
}
.nopad {
padding:0;
}
.nomar {
margin:0;
}
.clear {
clear:both;
line-height:0;
}
.rel {
position:relative;
}
.automargin {
margin:0 auto;
}
/*google map*/
.mapHolder{
border: 1px solid #dedede;
display: inline-block;
margin: 0 0 18px 1px;
}
.google_map{
border-radius: 0px;
width: 351px;
height: 189px;
border: 5px solid #f5f5f5;
box-shadow: none;
background-color: #000;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
position:  relative;
overflow: hidden;
}
/*end google map*/
/* Forms*/
#form1 {
position: relative;
margin: -2px 0px 0px 4px;
height: 286px;
}
#form1 input,
#form1 textarea {
position: relative;
background: none;
border: 1px solid #dedede;
color:#fff;
padding: 7px 10px 8px;
text-transform: uppercase;
width: 339px;
outline:none;
box-shadow:none;
line-height: 16px;
}
#form1 textarea {
width: 514px;
height: 94px;
overflow:auto;
resize: none;
}
#form1 label {
display:inline-block;
min-height: 45px;
position: relative;
width: 360px;
}
#form1 .success{
position: relative;
padding-bottom: 3px;
color: #30b4d2;
}
#form1 .error, #form1 .empty {
text-align: left;
display:none;
font-size:10px;
color: #30b4d2;
margin-left: 3px;
top: -3px;
position: relative;
}
fieldset{
height: 210px;
}
.btns{
padding: 29px 0 0;
position: relative;
float: right;
}
.btns a{
display:inline-block;
margin-left: 21px;
}
/* Form defaults */
input, select, textarea {
font-family: 'Trebuchet MS', sans-serif;
vertical-align:middle;
font-weight:normal;
font-size: 13px;
}
/*end forms*/