/* ============================ common ============================== */

body { 
	color: #787878; background: #fff url(../img/bg-body.png) repeat-x 0 0;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a { color: #81948f; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	width: 1001px;
	margin: 0 auto;
}

#header{
	position: relative;
	width: 100%;
	padding: 59px 0 0 0;
	z-index: 100;
}

#sub-header{
	position: relative;
	padding: 0 12px 4px 13px;
	border-left: 1px solid #dadad6; border-right: 1px solid #dadad6;
	z-index: 90;
}

#main{ 
	padding: 0 12px 4px 13px;
	border-left: 1px solid #dadad6; border-right: 1px solid #dadad6;
}
	#wrapper{
		margin: 0 0 40px 0;
		background: url(../img/bg-wrapper.png) repeat-y 756px 0;
	}
	#content{
		float: left;
		width: 745px;
	}
	#side-bar{
		float: right; display: inline;
		width: 197px;
		padding: 10px;
		background:url(../img/bg-side-nav.png) no-repeat 0 0;
	}

#footer{ 
	padding: 0 0 12px 0;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header h1{
	width: 428px;
	margin: 0 auto 24px auto;
}

#contact-info{
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 35px;
	padding-top: 10px;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-shadow: 0px 0px 2px #000; text-align: center;
	color: #fff;
}
#contact-info li{
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #cfdad7;
}
#contact-info li:first-child{
	border: 0;
}
#contact-info li a{
	color: #fff;
	text-decoration: none;
}
#contact-info li a:hover,
#contact-info li a:focus,
#contact-info li a:active{
	color: #cfdad7; text-decoration: underline;
}

#nav{
	padding: 2px 2px 7px 2px;
	border: 1px solid #dadad6; border-bottom: 0;
	background: url(../img/bg-nav.png) no-repeat 2px 2px;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase;
}
#nav li{
	float: left; display: inline; position: relative;
	height: 36px;
	
}
#nav li a{
	display: block;
	margin: 6px 0 0 1px; padding: 6px 11px 9px 11px;
	color: #53635f; background: url(../img/bg-nav-a.png) no-repeat 100% 0;
	text-decoration: none; font-weight: bold; text-shadow: 0 1px 0 #eff3f2;
}
#nav li.last-child a{ background: none; }
#nav li a:hover,
#nav li a:focus,
#nav li a:active{
	margin-left: 0;
	color: #fff; background: #808b88;
	border-right: 1px solid #9ca8aa;
	text-shadow: 0 0 0 transparent;
}
#nav li.current-menu-item a,
#nav li.current-menu-parent>a{
	margin-left: 0;
	color: #9ca8aa; background: #fff;
	border-right: 1px solid #9ca8aa;
}

#nav li ul{
	display: none; position: absolute;
	top: 36px; left: 0;
	min-width: 100%;
	padding: 3px 0 5px 0;
	background: #808b88;
	border-top: 2px solid #707a77;
}
#nav li:hover ul,
#nav li:focus ul,
#nav li:active ul{
	display: block;
}
#nav li ul li{
	float: none; display: block;
	height: auto;
	margin: 0 5px;
	border-top: 1px solid #666f6d;
}
#nav li ul li:first-child{
	border: 0;
}
#nav li ul li a,
#nav li.current-menu-item ul li a,
#nav li ul li.current-menu-item a{
	display: block;
	padding: 7px 0; margin: 0;
	color: #fff; background: none;
	text-align: center; text-decoration: none; font-weight: bold; text-shadow: 0 0 0 transparent;
	border: 0;
}
#nav li ul li a:hover,
#nav li ul li a:focus,
#nav li ul li a:active,
#nav li.current-menu-item ul li a:focus,
#nav li.current-menu-item ul li a:hover,
#nav li.current-menu-item ul li a:active{
	color: #666f6d; background: #cfdad7;
	border: 0;
}
 
/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#sub-header ul{
	width: 974px; height: 255px;
	overflow: hidden;
}
#sub-header ul.homepage{
	float: right;
	width: 383px; height: 253px;
}
#sub-header ul#slideshow2 {
	float: left;
	width: 588px;
}
#sub-header .static{
    width:588px;
	float: left;
}

/* ======================== sub-header end ========================== */

/* ============================= main =============================== */

#booking-form{
	margin: 0 0 10px 0; padding: 6px 5px 2px 5px;
	color: #858585; background: #f6f6f6;
	border: #d7d7d7 1px solid;
}
#booking-form ul{
	float: left;
}
#booking-form li{
	float: left; display: inline;
	margin: 0 9px 0 0;
}
#booking-form li li{
	float: none; display: block;
	margin: 0;
}
#booking-form label{
	position: relative; float: left;
	padding: 4px 0 4px 0;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase;
}
#booking-form label.check-in{
	width: 70px;
	text-align: center;
}
#booking-form label small{
	position: absolute;
	top: 1.8em; left: 0;
	font-size: 9px; font-weight: normal;
	white-space: nowrap;
}
#booking-form .DateIn .jqTransformInputWrapper{ width: 95px !important; }
#booking-form .Length .jqTransformInputWrapper{ width: 40px !important; }
#booking-form .DateIn .jqTransformInputWrapper input{ width: 85px !important; }
#booking-form .Length .jqTransformInputWrapper input{ width: 30px !important; }
#booking-form select{ width: 25px; }
#booking-form .submit{
	position: relative; float: left;
	top: -1px;
}
#booking-form .best-rate{
	float: right; position: relative;
	width: 145px; height: 31px;
	overflow: hidden;
}
#booking-form .best-rate span{
	position: absolute;
	width: 100%; height:100%;
	background: url(../img/brg.png) no-repeat 0 0;
}
#booking-form .best-rate:hover span,
#booking-form .best-rate:focus span,
#booking-form .best-rate:active span{
	background-position: 0 100%;
}

#latest-offers{
	float: left;
	width: 788px;
	margin: 0 0 19px 0;
}
#latest-offers .offer{
	float: left; display: inline; position: relative;
	width: 192px; min-height: 28.2em;
	margin: 0 3px 0 0;
	color: #858585; background: #ebebeb;
	border: #d7d7d7 1px solid;
}
#latest-offers .offer .photo{
	display: block;
	width: 176px;
	margin: 11px auto;
	border: 1px solid #ebebeb;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
}
#latest-offers .offer .photo:hover,
#latest-offers .offer .photo:focus,
#latest-offers .offer .photo:active{
	border: 1px solid #546857;
}
#latest-offers .offer h3{
	margin: 0 3px 10px 3px; padding: 0 0 10px 0;
	border-bottom: #cecece 1px solid;
}
#latest-offers .offer h3 a{
	display: block;
	color: #546857;
	font-size: 1.8em; font-weight: normal; text-decoration: none; text-align: center;
}
#latest-offers .offer h3 a:hover,
#latest-offers .offer h3 a:focus,
#latest-offers .offer h3 a:active{
	text-decoration: underline;
}
#latest-offers .offer h3 strong{
	display: block;
	min-height: 30px;
	color: #353535;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center;
}
#latest-offers .offer p{
	min-height: 95px;
	margin: 0 2px 3px 2px;
	font-size: 1.2em; text-align: center;
	color: #3f3f3f;
}
#latest-offers .offer .btn-more{
	position: absolute;
	bottom: -15px; left: 6px;
	width: 180px; height: 31px;
	overflow: hidden;
}
#latest-offers .offer .btn-more span{
	position: absolute;
	width: 100%; height:100%;
	background: url(../img/btn-read-more.png) no-repeat 0 0;
}
#latest-offers .offer .btn-more:hover span,
#latest-offers .offer .btn-more:focus span,
#latest-offers .offer .btn-more:active span{


	background-position: 0 100%;
}

#newsletter{
	float: right; position: relative;
	width: 186px; min-height: 28.4em;
	margin: 0 0 19px 0;
	color: #858585; background: #d7d7d7 url(../img/bg-newsletter.png) repeat-x 0 0;
}
#newsletter form h2{
	position: relative;
	width: 100%; height: 90px;
	margin: 10px 0;
	background: url(../img/h2-newsletter.png) no-repeat 50% 0;
	text-indent: -2007px; overflow: hidden;
}
#newsletter .jqTransformInputWrapper{ width: 154px !important; margin-left: 13px; }
#newsletter .jqTransformInputWrapper input{ width: 144px !important; }
#newsletter .submit{
	position: absolute;
	bottom: -15px; left: 30px;
}

#follow-us{
	border-bottom: 5px solid #fff;
}
#follow-us h2{
	position: relative;
	width: 100%; height: 41px;
	margin: 0;
	background: url(../img/h2-follow-us.png) no-repeat 50% 0;
	text-indent: -2007px; overflow: hidden;
}
#fb{
	display: block; float: left;
	width: 34px; height: 36px;
	margin: 0 21px 20px 48px;
	background: url(../img/fb.png) no-repeat 0 0;
	text-indent: -2007px; overflow: hidden;
}
#tw{
	display: block; float: left;
	width: 34px; height: 36px;
	background: url(../img/tw.png) no-repeat 0 0;
	text-indent: -2007px; overflow: hidden;
} 



#content h2{
	margin: 0 0 20px 0; padding: 0 0 7px 0;
	font-size: 2.4em; font-weight: bold; text-transform: uppercase;
	color: #546857;
	border-bottom: 1px solid #cacaca;
}
#content h3{
	margin: 0 0 0 0; padding: 10px 0 7px 0;
	font-size: 1.4em; font-weight: bold; text-transform: uppercase;
	color: #546857;
}

#offers .offer{
	margin: 0 0 20px 0; padding: 0 0 20px 0;
	border-bottom: 1px solid #cacaca;
}
#offers .offer .photo{
	float: left; display: inline;
	padding: 5px;
	background: #e6e6e6;
	border: 1px solid #d7d7d7;
}
#offers .offer .photo:hover,
#offers .offer .photo:focus,
#offers .offer .photo:active{
	background: #cfdad7;
	border: 1px solid #546857;
}
#offers .details{
	float: right;
	width: 449px;
}
#offers .offer h3{
	margin: 0 0 20px 0; padding: 0 0 10px 0;
	border-bottom: 2px solid #d7d7d7;
}
#offers .offer h3 a{
	display: block;
	color: #546857;
	font-size: 1.8em; font-weight: normal; text-decoration: none;
}
#offers .offer h3 a:hover,
#offers .offer h3 a:focus,
#offers .offer h3 a:active{
	text-decoration: underline;
}
#offers .offer h3 strong{
	display: block;
	color: #353535;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase;
}
#offers .offer p{
	margin: 0 2px 10px 2px;
	font-size: 1.2em;
	color: #787878;
}



#bedrooms .offer{
	margin: 0 0 20px 0;
}
#bedrooms .offer h3{
	margin: 0 0 15px 0; padding: 0 0 7px 0;
	font-size: 1.8em; font-weight: bold; text-transform: uppercase;
	color: #bdbdbd;
	border-bottom: 1px solid #cacaca;
}
#bedrooms .offer .photo{
	float: left; display: inline;
	padding: 5px;
	background: #e6e6e6;
	border: 1px solid #d7d7d7;
}
#bedrooms .details{
	float: right;
	width: 510px;
}
#bedrooms .offer p{
	margin: 0 2px 10px 2px;
	font-size: 1.4em;
line-height: 1.4em;
	color: #787878;
}


#additional-info{

}
#additional-info h3{
	margin: 0 0 15px 0; padding: 0 0 7px 0;
	font-size: 1.8em; font-weight: bold;
	color: #bdbdbd;
	border-bottom: 1px solid #cacaca;
}
#content #additional-info ul{
	font-size: 1.2em; font-weight: bold;
}
#content #additional-info li{
	margin: 0 0 6px 16px; padding: 0 0 0 0;

	list-style: square;
}
#content #additional-info p{
margin: 0 0 10px 0;
	font-size: 1.4em; line-height: 1.4;
}
#content #additional-info p em{
font-style: italic;
}
#content #additional-info p strong{
font-weight: bold;
}


.post p{
	margin: 0 0 10px 0;
	font-size: 1.4em; line-height: 1.4;
}
.post ul{
	margin: 0 0 10px 0;
	font-size: 1.4em; line-height: 1.4;
}
.post ul li{
	padding: 3px 0 3px 0;
	list-style: square;
	margin: 0 0 0 16px;
}
.post ul ul,
.post ol ul{
	margin: 0 0 0 2em;
	font-size: 1em;
}
.post ol{
	margin: 0 0 10px 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: decimal
}
.post ol ol{
	margin: 0 0 0 2em;
	font-size: 1em;
}

.post img{
border: 1px solid #a9a9a9;
padding: 4px;
background: #e6e6e6;
}

.post img.alignleft{
border: 1px solid #a9a9a9;
padding: 4px;
float: left;
margin: 0 10px 10px 0;
}

.post img.alignright{
border: 1px solid #a9a9a9;
padding: 4px;
float: right;
margin: 0 0 10px 10px;
}

#galleries li{
	float: left; display: inline;
	width: 219px;
	margin: 0 29px 29px 0;
}
#galleries li h3{
	margin: 0 0 9px 0; padding: 0 0 5px 0;
	font-size: 1.4em; font-weight: bold; text-transform: uppercase;
	color: #bdbdbd;
	border-bottom: 1px solid #cacaca;
}
#galleries li a{
	display: block; position: relative;
	width: 219px; height: 137px;
}
#galleries li a span{
	position: absolute;
	width: 100%; height:100%;
	background: url(../img/bg-galleries.png) no-repeat 0 0;
}
#galleries li a:hover span,
#galleries li a:focus span,
#galleries li a:active span{
	background-position: 0 100%;
}


#main-photo{
	width: 728px;
	margin: 0 0 7px 0; padding: 5px;
	background: #e6e6e6;
	border: 1px solid #d7d7d7;
}

#gallery li{
	float: left; display: inline;
	margin: 0 7px 7px 0;
}
#gallery li.last{
	margin: 0;
}
#gallery li a{
	display: block;
	padding: 5px;
	background: #e6e6e6;
	border: 1px solid #d7d7d7;
}
#gallery li a:hover,
#gallery li a:focus,
#gallery li a:active{
	background: #cfdad7;
	border: 1px solid #546857;
}

/*tables*/
#content table, #content th, #content td {
    border-style:solid;
    border-color:#B5C3BF;
}
#content table {
    width:100%;
    margin:0 0 1em;
    border-width:0 0 1px 1px;
    color:#62726E;
    font-size:1.2em;
}
#content caption {
    font-weight:700;
}
#content caption p {
    font-weight:400;
    font-size:0.91em;
}
#content td, #content th {
    padding:5px;
    border-width:1px 1px 0 0;
}
#content th {
    font-size:1.1em;
    font-weight:700;
    text-transform:uppercase;
    background:#CFDAD7;
    text-shadow:1px 1px 1px #eee;
}
#content .tr-odd td {
    background:#F6F6F6;
}
#content .tr-over td {
    background:#DCDCDC;
    color:#000;
}


#content .details ul li, #content .details ol li {
    font-size:1.2em;
}
#content .details ul li {
    list-style: square;
    padding:3px 0 3px 0;
margin: 0 0 0 16px;
}

/* =========================== main end ============================= */

/* ============================ side-bar ============================ */

#side-nav h2{
	margin: 0 0 20px 0; padding: 8px;
	font-size: 1.8em; font-weight: normal; text-transform: uppercase; text-align: center;
	color: #64706c; background: #dedede;
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	text-shadow: #fff 0 1px 0;

}
#side-nav ul{
	margin: 0 0 20px 0;
}
#side-nav a{
	display: block;
	padding: 6px 8px;
	font-size: 1.4em; font-weight: bold; text-decoration: none; text-transform: uppercase;
	color: #546857;
}
#side-nav a:hover,
#side-nav a:focus,
#side-nav a:active{
	color: #fff; background: #588aa1;
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

#side-bar #newsletter{
	float: none; position: relative;
	width: 195px; min-height: 28.4em;
	margin: 0 0 19px 0;
	color: #858585; background: #d7d7d7 url(../img/bg-newsletter.png) repeat-x 0 0;
}
#side-bar #newsletter .jqTransformInputWrapper{ width: 164px !important; margin-left: 13px; }
#side-bar #newsletter .jqTransformInputWrapper input{ width: 154px !important; }
#side-bar #newsletter .submit{
	left: 35px;
}
#side-bar #fb{
	display: block; float: left;
	width: 34px; height: 36px;
	margin: 0 21px 20px 53px;
	background: url(../img/fb.png) no-repeat 0 0;
	text-indent: -2007px; overflow: hidden;
}
#side-bar #tw{
	display: block; float: left;
	width: 34px; height: 36px;
	background: url(../img/tw.png) no-repeat 0 0;
	text-indent: -2007px; overflow: hidden;
}

#packages{
	position: relative;
	width: 195px;
	margin: 0 0 29px 0;
	color: #858585; background: #ebebeb;
	border: #d7d7d7 1px solid;
}
#packages h2{
	margin: 5px 5px 15px 5px; padding: 8px;
	font-size: 1.8em; font-weight: normal; text-transform: uppercase; text-align: center;
	color: #fff; background: #dedede;
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	text-shadow: #a3a3a3 0 -1px 0;

}

#packages .photo{
	display: block;
	width: 176px;
	margin: 11px auto;
	border: 1px solid #ebebeb;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
}
#packages .photo:hover,
#packages .photo:focus,
#packages .photo:active{
	border: 1px solid #546857;
}
#packages h3{
	margin: 0 5px 10px 5px;
}
#packages h3 a{
	display: block;
	color: #546857;
	font-size: 1.8em; font-weight: normal; text-decoration: none; text-align: center;
}
#packages h3 a:hover,
#packages h3 a:focus,
#packages h3 a:active{
	text-decoration: underline;
}
#packages h3 strong{
	display: block;
	color: #353535;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center;
}
#packages p{
	margin: 0 5px 29px 5px;
	font-size: 1.2em; text-align: center;
	color: #3f3f3f;
}
#packages .btn-more{
	position: absolute;
	bottom: -15px; left: 7px;
	width: 180px; height: 31px;
	overflow: hidden;
}
#packages .btn-more span{
	position: absolute;
	width: 100%; height:100%;
	background: url(../img/btn-read-more.png) no-repeat 0 0;
}
#packages .btn-more:hover span,
#packages .btn-more:focus span,
#packages .btn-more:active span{
	background-position: 0 100%;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#awards{
	margin: 0 0 12px 0; padding: 0 12px 12px 13px;
	border: 1px solid #dadad6; border-top: 0;
}
#awards li{
	float: left;
}

#awards #TA_logoWidget814{
padding-right: 3px;
}

#copyright{
	float: left; display: inline;
	padding: 0 0 0 12px;
	font-size: 12px;
}

#bottom-nav{
	float: right;
	padding: 0 13px 0 0;
	font-size: 12px; text-align: right;
}
#bottom-nav li{
	display: inline;
	padding: 0 0 0 10px;
}
#bottom-nav a{
	color: #787878; text-decoration: none;
}
#bottom-nav a:hover,
#bottom-nav a:focus,
#bottom-nav a:active{
	text-decoration: underline;
}

#btn-at-a-glance{
	display: block; position: fixed;
	left: -8px; top: 154px;
	width: 44px; height: 256px;
	background: url(../img/btn-at-a-glance.png) no-repeat 0 0;
	text-indent: -2007px; overflow: hidden;
}
#btn-at-a-glance:hover{ left: 0; }

/* =========================== footer end =========================== */

#content div.box{
font-size: 1.5em;
text-transform: uppercase;
text-align: center;
padding: 1px 1px 10px 1px;
float: left;
border: 1px solid #ccc;
width: 363px;
display: block;
margin: 0 5px 10px 0;
background: #fff;
}

#content div.box img{
padding:0px 0px 15px 0px;
margin: 0 0 0 0;
width: 363px;
height: 234px;
border: none;
background: #fff;
display:block;
}

#content div.box a{
text-decoration: none;
}
#content div.box a:hover{
text-decoration: underline;
}


#awards img{
border-top: 4px solid #cdcdcd;
border-bottom: 3px solid #f6f6f6;
}