@import"reset.css";
@import"pro_pages_style.css";
@import"grid.css";
@import"superfish.css";
@import"tms.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"jquery.snippet.min.css";
@import"../skin/blue.monday/jplayer.blue.monday.css";
@import"smoothness/jquery-ui-1.8.17.custom.css";@import"ui.totop.css";
@import url(http://fonts.googleapis.com/css?family=Ovo);
@import"jqtransform.css";
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 properties ======================================================== */
html {width:100%}

body {font-family:Georgia, serif; font-size:13px; line-height:24px; color:#848484; min-width:960px; background:#000;}
.main {width:960px;padding:0;margin:0 auto;}

.global_bg{background: url('../images/global_bg.png') 0 0 repeat-x #ececec;}
.global_bg2{background: url('../images/content_bg.png') center 50px no-repeat; position: relative; z-index:10;margin-top:-150px;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left, .fleft{float:left}
.f_right, .fright{float:right}
.align_right, .alignright {text-align:right}
.align_center , .aligncenter {text-align:center}

.it{font-style:italic}
.let {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_b_zero{ margin-bottom:0 !important;}
.m_l_zero{ margin-left:0 !important;}
.p_b_zero{ padding-bottom:0 !important;}
.p_l_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper, .extra-wrap{ overflow:hidden;}
.container{width:100%}
.extra_last, .lst{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#3c3c3c;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#000; text-decoration:underline;}

.button{display:inline-block;background:#000;color:#fff;text-transform:uppercase;margin: 23px 0 0;padding: 10px 28px 9px 18px;position: relative;}
.button:after{width:5px;height:9px;display:block;position: absolute;right:15px;top:17px;background: url('../images/button_marker.png') no-repeat;content:"";}
.button:hover{ background:#e2b413;color:#fff;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {margin: 0px 10px 1px;position: relative;}
header h1{position:relative;
	top:25px;width:953px;height:222px;display:block;}
header h1 a {
	
	position:relative;
	top:25px;
	display: block;
	width: 953px;
	height: 222px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center 0;
}

header .social{
	overflow: hidden;
	width: 191px;
	top: 55px;
	position: absolute;
	right: -6px;
}
header .social a{ display:block; float:left;width:42px;height:42px; overflow:hidden;}
header .social a:hover img{ margin-top:-42px;}
header .social a:first-child{margin: 3px 9px 0 0;}
header .social a:first-child+a{margin: 8px 8px 0 0;}
header .social a:first-child+a+a{margin: 14px 6px 0 0;}
header .social a:first-child+a+a+a{margin: 24px 0px 0 0;}
header .social a.last_icon{margin-right:0;}

/*********************************content*************************************/
#content {padding:50px 0px 10px 0px; position:relative;z-index:1;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:24px}
.p2{ margin-bottom:52px;}
.p3{ margin-bottom:45px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 5px no-repeat; padding-left:20px;margin-bottom:1px;}
.list1 a{color:#fff;}
.list1 a:hover{color:#e2b413;}

.list2{}
.list2 li{ background:url(../images/marker2.png) 0 4px no-repeat; padding-left:30px; margin-bottom:9px;}
.list2 a{color:#848484;}

/*================================>> H <<========================================*/
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#042068;font-family: 'Ovo', serif;text-transform:uppercase;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;} 
h4{font-size:27px;}  
h5{font-size:25px;}
h6{font-size:20px;}

h2,h3,h4{ font-weight:normal;}
h3.h3, h2.h2{font-size: 30px; line-height: 36px; color:#042068;text-align:center;position: relative;}
h3.h3 span, h2 span{display:inline-block;position: relative;}
h2 div, h3 div{top:45%;position: absolute;border-top:1px solid #062F9D;}
h2 .stripe_before{left:0;}
h2 .stripe_after, h3 .stripe_after{left: auto;right: 0;}
h2 span span{display:block;margin-top:-6px;}

h2.ind{ margin-bottom:34px;}
h2.ind1{ margin-bottom:27px;}
h2.ind2{ margin-bottom:34px;}

h3.h3{text-align:left;}
h3.ind1{ margin-bottom:27px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.room .title, .sf-menu>li>a, .get .title, .tabs>ul>li>a, .events figure, .p_404 .title{font-family: 'Ovo', serif;}
/*================================>> hovers <<========================================*/
.sf-menu a, .sf-menu>li>a strong, .button1, .tabs a, .button{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.welcome_txt{font-size: 40px; line-height: 48px; text-transform:uppercase; color: #000;}
.welcome_txt span{display:block;margin-top:-8px;}

.sf-menu a, .button1, .tabs a, .button{text-decoration:none !important;}

.black{color:#000066;}

.m_bot1{margin-bottom:49px;}
.m_bot2{margin-bottom:22px;}
.m_bot3{margin-bottom:52px;}

.rooms_box{margin-bottom:52px;}
.room{background:#000;text-align:center;padding: 27px 0 25px;}
.room .title{text-transform:uppercase;color:#fff;font-size: 25px; line-height: 32px; }
.room .price{margin: -5px 0 16px;padding-bottom:11px;background: url('../images/stripe1.jpg') center bottom no-repeat;}
.room{}

.button1{display:inline-block;background:#fff;color:#000;text-transform:uppercase;margin: 23px 0 0;padding: 10px 23px 9px;position: relative;}
.button1:after{width:5px;height:9px;display:block;position: absolute;right:10px;top:17px;background: url('../images/button1_marker.png') no-repeat;content:"";}
.button1:hover{background:#e2b413;color:#fff;}
.button1:hover:after{background-position:0 -9px;}

.get{text-align:center;padding: 13px 0 0;font-size:14px;font-family:Trebuchet MS1, Trebuchet MS, sans-serif;color:#000;}
.get .title{font-size: 30px; line-height: 36px; color: #000;background: url('../images/stripe2.jpg') 50% bottom no-repeat;text-transform:uppercase;padding-bottom:10px;margin-bottom:15px;}
/*********************************page_2*************************************/

/*================================>> TABS <<========================================*/
#tabs{overflow:hidden;margin-bottom:52px;height:420px;}
#tabs>ul{overflow:hidden;}
#tabs>ul>li{float: left;width:136px;background:#e2e2e2;border-right:2px solid #fff;}
#tabs>ul>li>a{display:block;font-size: 15px; line-height: 19px; color: #000;text-align:center;padding: 9px 0 8px;text-transform:uppercase;}
#tabs>ul>li>a:hover, #tabs>ul>li>a.current{color:#fff;background:#000;}
#tabs .tab-content{background:#000;color:#737373;padding: 27px 10px 20px 19px;height:337px;}
#tabs .tab-content strong{color:#fff;}
#tabs p{margin-bottom:11px;}
.tab{}
.tab>div{margin: 0 0 0;}
.tab>figure{margin: 7px 20px 0 0;}

.best{}
.best>div{}
.act>li>figure, .exc>figure, .best>figure{margin: 7px 20px 0 0;}
/*********************************page_3*************************************/
.exc{margin-bottom:52px;}

.act>li{margin-bottom:28px;}
.act>li>div{}

.services{margin-bottom:45px;}
.services>li{margin-bottom:19px;}
.services>li>figure{width:54px;margin: 0 0 0 0;}

#newsletter{padding:7px 0 0 ;}
#newsletter input{background:#fff;font-family:Georgia, serif;font-size:13px;padding: 10px 13px 11px;width:271px;border:1px solid #e4e4e4;color:#848484;}
/*********************************page_4*************************************/
.gift{margin-bottom:18px;}
.gift>div{}
.gift>figure{margin: 0 0 0 0;width:102px;}

.b_ind{margin-top:16px;}

.events>li, .rules li{margin-bottom:19px;}

.events>li>div{}
.events>li>figure{margin: 2px 20px 0 0;padding:10px 0 0;width:71px;height:61px;border-radius:100%;background:#e2b413;color:#fff;text-align:center;}
.events>li>figure span{display:block;}
.num{font-size: 30px; line-height: 36px; color: #fff;}
.month{font-size: 16px; line-height: 20px; color: #fff;margin-top:-8px	;}

.links{margin-bottom:51px;}

.vision>li{margin-bottom:28px;}
.vision>li>div{}
.vision>li>figure{margin: 7px 20px 0 0;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:7px 0 0 0;}
#contact-form .success {width:246px;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #e7e7e7; color:#848484; padding:10px 13px 11px;outline:none; position:relative; font-family:Georgia, serif;background:#fff;width:272px;}
#contact-form textarea {overflow:auto; height:146px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:54px; overflow:hidden;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:8px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden;position:relative; clear:both; padding-top:23px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin-top:7px;display:inline-block;margin-bottom:26px;}
#map_canvas {
    width:380px;
	height:331px;
}
.adress{margin-bottom:24px;}
.adress span{ display:inline-block; width:80px;}
.adress dt{}
.adress a{}
.adress a:hover{ text-decoration:underline;}


/****************************footer************************/
footer {padding:26px 10px 26px;text-decoration:underline;font-size:14px;font-family:Trebuchet MS1, Trebuchet MS, sans-serif;}
footer, footer a{color:#878990;text-transform:uppercase;text-decoration:none;}
footer a:hover{color:#fff;}
