@import"../css/reset.css"; @import"../css/skeleton.css"; @import"../css/superfish.css"; @import"../css/forms.css";

html,body{height:100%;}
body{background: url(../images/background.jpg) top center no-repeat; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4f4f4f; position:relative; min-width:320px; min-height:100%;;}
.bg1{width:100%; background:url(../images/bg1.png) center top repeat-y; min-height:100%;}
/*********************************header*************************************/
header{padding:10px 0px 27px 0px;}
	#page1 header{padding:7px 0 0;}
	header .indent-bottom{padding-bottom:10px;}
	header .indent-top{padding-top:0px;}
h1{float:left; padding-top:27px;}
	h1 a{display:block; width:217px; height:175px; text-indent:-999em; background:url(../images/logo.png) 0 0 no-repeat;}
		h1 a:hover{text-decoration:none;}
.secondary-menu{float:left; overflow:hidden; padding-top:9px;}
	.secondary-menu li{float:left; font:10px/12px Arial, Helvetica, sans-serif; color:#989898; text-transform:uppercase; background:url(../images/pic1.gif) right 3px no-repeat; padding:0 8px 0 10px;}
		.secondary-menu li:first-child{padding-left:0;}
		.secondary-menu li.last-item{padding-right:0; background:none;}
		.secondary-menu a{color:#989898;}
			.secondary-menu a:hover{text-decoration:none; color:#cf0207;}
/********************************* Content **********************************/
#content{width:100%; padding:0px 0 35px 0px;}
	#page1 #content{padding:25px 0 35px;}
/* ---------- Tags ---------*/
h3{font:400 28px/34px Arial, Helvetica, sans-serif; color:#232428; text-shadow:1px 1px 1px rgba(0,0,0,0.21);}
h5{font:400 16px/19px Arial, Helvetica, sans-serif; color:#4d4d4d; text-transform:uppercase;}
	h5 a{color:#4d4d4d;}
		h5 a:hover{text-decoration:none; color:#cf0207;}
h6{font-weight:bold; color:#4f4f4f;}
p, .p3-1{margin-bottom:18px}
	.p0{margin-bottom:0;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
	.p9{margin-bottom:45px;}	.p9-1{margin-bottom:28px;}
a{color:#c70f13; outline:none; cursor:pointer; text-decoration:none;}
	a:hover{text-decoration:underline;}
blockquote{width:100%;}
	.quote-caption{text-align:right;}
time.date1{display:block; background:url(../images/time-marker.gif) 0 4px no-repeat; padding-left:38px; font:400 16px/20px Arial, Helvetica, sans-serif; color:#4f4f4f;}
/*----- Global Structure -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{/*width:100%;*/overflow:hidden;position:relative; float:right;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.img-indent{float:left; margin-right:20px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
/*---------- Columns --------*/
.col-1-1{float:left; width:109px; margin-right:22px;}
.col-2{float:left; width:140px; margin-right:20px;}
.col-3{float:left; width:220px; margin-right:20px;}
.col-3x{float:left; width:220px; margin-right:20px;}
.col-4{float:left; width:300px; margin-right:20px;}
div.block1{float:left; margin-right:30px; font-weight:bold; padding-top:31px; color:#0a0a0a;}
div.block2{float:left; width:203px; margin-right:70px;}
div.block3{float:left; width:180px; margin-right:62px; padding-left:80px; background:url(../images/block3-bg.png) 0 8px no-repeat; line-height:22px;}
	div.block3 a{font-weight:bold; color:#0a0a0a;}
		div.block3 a:hover{text-decoration:none; color:#cf0207;}
div.block4{float:left; width:185px; padding-left:66px; background:url(../images/block4-bg.png) 0 18px no-repeat;}
/*---------- Fonts --------*/
.font-1{line-height:21px;}
.font-2{line-height:13px;}
.font-3{line-height:18px;}
/*---------- Links ----------*/
.link{display:inline-block; font:400 18px/22px Arial, Helvetica, sans-serif; color:#4d4d4d; text-transform:uppercase;}
	.link:hover{text-decoration:none; color:#c70f13;}
.link-1 {color:#4f4f4f;}
	.link-1:hover{text-decoration:none; color:#cf0207;}
/*----------- Boxes ----------*/
.box1{padding:8px; background:#E9E9E9;}
/*---------- Lists -----------*/

	.list-1 a{color:#4f4f4f;}
		.list-1 a:hover{text-decoration:none; color:#cf0207;}
/*---------- Borders ---------*/
.border-bottom{border-bottom:1px solid #dadada;}
/*---------- Indents ---------*/
.indent-top1-1{padding-top:7px;}
.indent-top14-1{padding-top:72px;}
.indent-top15{padding-top:75px;}
.indent-right6{padding-right:30px;}
.indent-right12{padding-right:60px;}
.indent-right32{padding-right:160px;}
.indent-right48{padding-right:240px;}
.indent-bottom7-1{padding-bottom:38px;}
.indent-bottom15-1{padding-bottom:78px;}
/*----------- Map ------------*/
#map iframe{width:253px; height:228px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dd.color-1{color:#cf0207;}
#map dl span {float:left; width:74px;}
/*------------tabs-----------*/
ul.tabs {margin: 0; padding: 0; list-style: none; width: 100%; border-bottom:1px solid #dadada; overflow:hidden; margin-bottom:6px;}
ul.tabs li {float: left; overflow: hidden; position: relative; margin-right:2px; width:147px; font: normal 18px/22px Arial, Helvetica, sans-serif; text-align:center; }
ul.tabs li a {display:block; padding-left:5px; color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.11); background:url(../images/tab-left.png) left top no-repeat;}
	ul.tabs li a .right{display:block; padding-right:5px; background:url(../images/tab-right.png) right top no-repeat;}
		ul.tabs li a .tail{display:block; padding:13px 0; background:url(../images/tab-tail.gif) center top repeat-x #363636;}
html ul.tabs li.active a, html ul.tabs li.active a:hover, ul.tabs li a:hover {background-position:left -52px; text-decoration:none;}
	html ul.tabs li.active a .right, html ul.tabs li.active a:hover .right, ul.tabs li a:hover .right{background-position: right -52px;}
	html ul.tabs li.active a .tail, html ul.tabs li.active a:hover .tail, ul.tabs li a:hover .tail{background-position: center -52px;}
	html ul.tabs li.active a, html ul.tabs li.active a:hover{cursor:default;}
	ul.tabs li a:hover{cursor:pointer;}
.tab_container{width:100%;  padding-bottom:6px;}
.tab-bg{background:url(../images/tab-content-tail.gif) center top repeat;}
.tab_content{padding:41px 23px 40px 35px; display: inline-block; text-transform:uppercase; font:400 13px/21px Arial, Helvetica, sans-serif; color:#4f4f4f; background:url(../images/tab-content-tail.gif) center top repeat;}
	.tab_content .text{float:left; }
	.tab_content h3{font-size:30px; line-height:36px; text-shadow:none; margin-bottom:9px;}
		.tab_content h3 span{display:block; font-size:24px; line-height:29px;}
	.tab_content a{display:block; float:right; padding:30px 0px 29px; width:159px; background:url(../images/tab-button-tail.gif) center top repeat-x #ececec; border:1px solid #fff; font:400 20px/25px Arial, Helvetica, sans-serif; color:#232428; text-transform:none; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:1px 1px 0px rgba(0,0,0,0.07); -moz-box-shadow:1px 1px 0px rgba(0,0,0,0.07); -webkit-box-shadow:1px 1px 0px rgba(0,0,0,0.07); margin-left:20px;}
		.tab_content a:hover{text-decoration:none; background-position:center -91px; background-color:#fff;}
/********************************* Aside **********************************/
aside{width:100%; padding:70px 0 50px;}
/************************************** Footer *************************************/
footer{width:100%; padding:33px 0 36px; font-size:12px; line-height:15px; text-transform:uppercase;}
	.footer-text{float:left; padding-top:9px;}
		.footer-text a{color:#bfbfbf;}
	.follow-icons{float:right;}
		.follow-icons span{display:block; float:left; padding-top:9px; font-size:12px; line-height:15px; margin-right:13px;}
/********* social icons *********/
.social-icons{margin:0; list-style:none; float:right;}
	.social-icons li{float:left; margin-right:5px;}
		.social-icons li a{display:block; height:31px; width:30px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; cursor:pointer;}
		.social-icons .icon-1 a{background-position:0 top; width:32px;}
		.social-icons .icon-2 a{background-position:-36px top;}
		.social-icons .icon-3 a{background-position:-71px top;}
		.social-icons .icon-4 a{background-position:-108px top;}
/************Back to top*****************/
#toTop {display:none; background:url(../images/totop.jpg) no-repeat center bottom; position:fixed; right:50%; margin-right:-660px !important; bottom:104px; overflow:hidden; width:60px; height:60px; border:none; z-index:999;}
#toTopHover {background:url(../images/totop.jpg) no-repeat center top; width:60px; height:60px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
/*=================================================================================*/
@media only screen and (max-width: 995px) {
	img{width:100%; height:auto;}
	.hide1{display:none;}
	.img-indent-none1{float:none; margin-right:0; margin-bottom:10px;}
	p, .p3, .p3-1{margin-bottom:9px}
		.p0{margin-bottom:0;}
		.p1, .p1-1{margin-bottom:3px;}
		.p2, .p2-1{margin-bottom:5px;}
		.p4, .p4-1{margin-bottom:10px;}
		.p5, .p5-1{margin-bottom:13px;}
		.p6, .p6-1{margin-bottom:15px;}
		.p7, .p7-1{margin-bottom:18px;}
		.p8, .p8-1{margin-bottom:20px;}
		.p9, .p9-1{margin-bottom:22px;}
	.col-1-1{width:45%;}
	.col-2{width:100px;}
	.col-3{width:170px;}
	.col-3x{width:170px;}
	.col-4{width:236px;}
	div.block2{width:185px; margin-right:30px;}
	div.block3{width:180px; margin-right:20px; padding-left:83px;}
	div.block4{width:180px; padding-left:58px;}
	/*-----------------------------------------*/
	.bg1{width:95%; min-width: 768px; margin:0 auto; box-shadow:0px 0px 3px rgba(0,0,0,0.16);}
	.tab_content{padding:20px;}
	.tab_content .text{max-width:540px;}
	.tab_content h3{margin-bottom:5px;}
		.tab_content h3 span{display:block; font-size:18px; line-height:22px;}
	.tab_content a{width:140px; font-size:18px; line-height:22px;}
	#map iframe{width:220px; height:190px;}
	#content{padding:40px 0 40px;}
		#page1 #content{padding:25px 0 40px;}
	.indent-right6, .indent-right12, .indent-right32, .indent-right48{padding-right:0px;}
	.indent-top1-1{padding-top:0px;}
	.indent-top14-1, .indent-top15{padding-top:40px;}
	.indent-bottom7-1{padding-bottom:25px;}
	.indent-bottom15-1{padding-bottom:40px;}
	#toTop{display:none !important;}
}
@media only screen and (min-width: 768px) and (max-width: 995px) {.clear1{clear:both; padding-top:10px;}}
@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .extra-marg-bot{margin-bottom:35px;}
	.hide2{display:none;}
	.clear2{clear:both; padding-top:10px;}
	.last-col{margin-bottom:0 !important;}
	.even-last-item{margin-right:0 !important;}
	.img-indent-none2{float:none; margin-right:0; margin-bottom:10px;}
	.col-2{width:200px;}
	.col-3{width:200px;}
	.col-3x{width:100%; float:none;}
	.col-4{width:200px;}
	div.block1{float:none; padding:15px 0; margin-right:0;}
		div.block1.last-item{padding-bottom:0;}
	div.block2{width:100%; margin-right:0px; margin-bottom:25px;}
		div.block2 .list-1{padding-left:85px;}
	div.block3{width:100%; padding-left:0; margin-right:0px; margin-bottom:25px; background-position:0 42px;}
		div.block3 a{display:inline-block; padding-left:85px;}
	div.block4{width:100%; padding-left:0; background-position:15px 5px;}
		div.block4 .list-1{padding-left:85px;}
	/*-----------------------------------------*/
	.bg1{min-width: 480px;}
	h1{float:none; margin-bottom:30px;}
	ul.tabs li {width:32.5%; font-size:16px; line-height:20px}
	.tab_content{text-transform:none;}
	.tab_content .text{float:none; margin-bottom:17px;}
	.tab_content h3{font-size:28px; line-height:34px; text-transform:uppercase;}
	.tab_content a{float:none; margin-left:0; padding:12px 0; background-position: center -25px; font-size:16px; line-height:20px;}
	#map iframe{width:404px;}
}
@media only screen and (max-width: 479px) {
	.hide3{display:none;}
	.img-indent-none3{float:none; margin-right:0; margin-bottom:10px;}
	.col-2{width:140px;}
	.col-3{float:none; width:300px; margin-right:0; margin-bottom:30px;}
	.col-4{float:none; width:100%; margin-right:0; margin-bottom:35px;}
	/*-----------------------------------------*/
	.bg1{min-width:320px;}
	.secondary-menu{float:none; margin-bottom:15px;}
	#map iframe{width:284px;}
	footer{text-align:right;}
	.follow-icons span{display:none;}
}
@media only screen and (max-width:1024px) {.bg1{max-width:1010px; margin:0 auto;box-shadow:0px 0px 3px rgba(0,0,0,0.16);}} 

ul.ContactUs {margin-top: 25px; font:13px Arial, sans-serif; color:#4f4f4f; padding-bottom:10px; padding-top:25px; width: 100%;  margin-bottom: 50px;}
ul.ContactUs li {display: inline;}
ul.ContactUs .infodivider {padding: 0px 10px 0px 15px; color: #ccc;}

.wrapper .scenicaddress {float: right; text-transform: uppercase; font:bold 14px Arial, sans-serif; margin-top: 25px; display: block; width: 100%; text-align: right; margin: 20px 0px 10px 0px;}

.ContactUs li.email {background-image:url(../images/email-icon.png);background-repeat:no-repeat; background-position: 0px -3px;  width: 18px; height: 18px; }
.ContactUs li.phone {background-image:url(../images/phone-icon.png);background-repeat:no-repeat; background-position: 0px -3px;  width: 18px; height: 18px;}
.ContactUs li.fax {background-image:url(../images/fax-icon.png);background-repeat:no-repeat; background-position: 0px -3px;  width: 18px; height: 18px;}
.ContactUs li strong{margin-left: 30px; color: #C70F13; text-transform: uppercase; font:bold 14px Arial, sans-serif;}
.footer div.copyright {text-align: right; }
/*.footer div.login {padding: 0px 0px 0px 230px; background-image:url(../images/lock-icon.png);background-repeat:no-repeat; background-position: 0px 0px;  width: 18px; height: 18px; display:inline-block; }*/
/*.footer div.login a {margin-left: 30px; color: #C70F13; text-transform: uppercase; font: bold 14px/20px Arial,sans-serif;}*/
.wrapper.ContactusWrap {display: inline-block; padding: 0px 0px 60px 0px;}
.Contact_tab_content {margin: 30px 30px 0px 30px;}
.Contact_tab_content .text h3 {padding-bottom: 30px;}
.Contact_tab_content .box1 {width: 254px;}
.Contact_tab_content .leftContact {padding: 0px 20px 0px 20px; display:inline-block;}
.Contact_tab_content .rightContact { border-left: 2px solid #ccc; padding-left: 50px;  display:inline-block;}
.Contact_tab_content .rightContact .buttons-wrapper {width: 460px;}
.wrapper.ourHotels.border-bottom {padding-bottom: 40px; margin-bottom: 0px;}
.AboutusWrap .list-1 li { padding: 15px 0px 15px 0px; margin-top: 20px; border-bottom: 1px solid #ccc; height:140px;}
.AboutusWrap .list-1 { padding: 30px 60px 30px 55px; }
.AboutusWrap .list-1 a strong {font-size: 16px; margin-left:180px;}

.AboutusWrap .list-1 .profilePic { max-height: 150px; max-width: 150px; position: absolute; margin: -20px 0px 0px 0px; border: 3px solid #fff;}

.footer .Hotellogos {background: url(../images/hotel-logos.gif) top center no-repeat; height: 40px; width: 227px; display: inline-block; position: absolute; margin: -20px 0px 0px -10px; /*border-right: 1px solid #ccc; */padding: 0px  0px 0px 20px;}
.OurScenicHotels {display: inline-block; margin: 40px 0px 0px 0px; height: 100%;}
#content.OurScenicHotels {padding: 0px 0px 0px 0px}