/*HTML Tags and Font********************************/ 
body{
	background: #CCCCCC url('/images/bg.jpg') repeat-x;
	font-family: arial, sans-serif;
}

p{
	color:#858585;
	font-size:12px;	
	line-height:17px;
	margin-bottom:20px;
	position:relative;
}

h2{
	font-size:20px;
	color:#9EAC3E;	
	margin-bottom:10px;
}

h3{
	color:#000;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight:100;
}

/*h4{
	color:#9EAC3E;
	margin-bottom:10px;
}*/

hr{
	height:1px;
	border:none;
	background-color:#CBCBCB;
	clear:both;
	margin-bottom:25px;
}

a{
	color:#858585;
}

a:hover{
	color:#a3b040;
}

label{
	font-size:17px;
	margin:6px 0 0 7px;
	position:absolute;
}

.avenir{
	color:#9EAC3E;		
	font-weight:900;
}

.clear {
	clear: both;
}

#content-banner1, #content-banner2, #content-banner3, #content-banner4 {
	clear: both;
	height: 171px;
	position: relative;
}

#content-banner1 {
	background-image: url('/images/content-banner1.jpg');
}


#content-banner2 {
	background-image: url('/images/content-banner2.jpg');
}

#content-banner3 {
	background-image: url('/images/content-banner3.jpg');
}

#content-banner4 {
	background-image: url('/images/content-banner4.jpg');
}

.page-title {
	color: #fff;
	font-size: 70px;
	margin-top:118px;
	margin-right:50px;
	float:right;
}

.news{
	margin-bottom:15px;	
}


.hotel {
	background-color: #fff;
	padding: 20px;
	padding-bottom:30px;
	margin-bottom:30px;
	border:1px solid #cacaca;
	position:relative;
}

.hotel h2{
font-size:18px;	
}

.hotel img {
	background-color: #fff;
	padding: 8px;
	border: 1px solid #ddd;
	margin: 3px 0 25px 0;
}

.hotel a.fancybox{
	background:none;	
	border:none;
	padding:0px;
	margin:0px;
}

.hotel a.fancybox:hover{
	background:none;	
	border:none;
	padding:0px;
	margin:0px;
}

.hotel a#book-now, .news a#read-more {
	font-size: 15px;
	background-color: #a3b040;
	padding: 5px 10px 5px 10px;
	border: 1px solid #7d882a;
	color: #fff;
}

.hotel a#book-now:hover, .news a#read-more:hover {
	background-color: #7d882a;
}

.col-50 .hotel ul{
	margin-bottom:0px;
}

.hotel ul{
	float:left;
	width:175px;
	margin-left:10px;
}

.top-icon{
	float:left;
}	

a#book-now{
	position:absolute;
	bottom:20px;
}


.divider {
	height: 1px;
	background-color: #ccc;
	margin: 20px 0 20px 0;
}


#address {
	background-color: #fff;
	padding: 20px;
	font-size: 15px;
	color: #666;
	line-height: 1.7;
	margin: 15px 0px;
	border:1px solid #CACACA;
}

/*Page Structure************************************/

#container{
	width:950px;
	padding:8px;
	margin:0px auto;
	background:url('/images/canvas-w-shadow.jpg');
}

#content{
	padding:40px 25px 10px 25px;
	background:url('/images/shadow-body.jpg') repeat-x;	
}

#sub-footer{
	padding:0px 25px;	
	clear:both;	
}

#sub-footer-round{
	height:33px;
	width:966px;
	background:url('/images/footer-rounded.jpg') center bottom;		
	margin:27px 0px -41px -8px;
	clear:both;
}
#footer{
	width:950px;
	padding:8px;
	margin:33px auto 0px auto;
	clear:both;
	text-align:center;
}

/*Columns*******************************************/

.col-20{
	padding:15px;
	float:left;
	width:420px;
}

.col-30{
	padding:15px;
	float:left;
	width:420px;
}

.col-50{
	padding:0px 15px;
	float:left;
	width:420px;
}

.col-50-left{
	width:400px;
	float:left;
	margin-bottom:5px;
}
.col-50-right{
	width:186px;
	float:right;
	margin-bottom:5px;
}

.col-50 ul{
	list-style:outside disc;
	margin-bottom:15px;
}

.col-50 li{
	color:#858585;
	font-size:11px;
	line-height:14px;
	margin: 0 25px 8px 25px;
}

/*Header********************************************/

#logo{
	height:102px;
	width:177px;
	background:url('/images/logo.jpg');
	float:left;
	margin:10px 40px 17px 40px;
}
#logo:hover{
	background:url('/images/logo-hover.jpg');	
}
#banner{
	background:url('/images/banner-example.jpg');
	height:250px;
	width:950px;
	clear:both;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}


/*Navigation****************************************/
#navigation{
	float:right;	
	margin-top:35px;
	height:44px;
}
#navigation li{
	float:left;
}
#navigation li a {
	background:transparent url('/images/navigation.jpg') no-repeat scroll 0 0;
	position:relative;
	display:block;
	height:47px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
}
#navigation li#home a {
	background-position:0 0;
	width:86px;
}
#navigation li#home a:hover, ul#home-current li#home a {
	background-position:0 -47px;
}

#navigation li#featured-hotels a {
	background-position:-86px 0;
	width:144px;
}
#navigation li#featured-hotels a:hover, ul#featured-hotels-current li#featured-hotels a {
	background-position:-86px -47px;
}

#navigation li#top-locations a {
	background-position:-230px 0;
	width:131px;
}
#navigation li#top-locations a:hover, ul#top-locations-current li#top-locations a {
	background-position:-230px -47px;
}

#navigation li#news a {
	background-position:-361px 0;
	width:75px;
}
#navigation li#news a:hover, ul#news-current li#news a {
	background-position:-361px -47px;
}

#navigation li#contact-us a {
	background-position:-436px 0;
	width:110px;
}
#navigation li#contact-us a:hover, ul#contact-us-current li#contact-us a {
	background-position:-436px -47px;
}


/*Drop-Downs-----------------------------------------------------------------*/
#navigation li ul{
	background:#E3E3E3;
	border:1px solid #CACACA;
	border-top:0px;

}
#navigation li ul li a{
	background:none;
	text-indent:0px;
	font-size: 12px;
	height: 12px;
	text-decoration: none;
	padding: 6px 6px 6px 15px;
	font-weight: bold;
}
#navigation li ul li a:hover{
	background:#8C9731;
color: #fff;
}
#navigation li ul li{
	float: none;
}

#navigation li ul{
	position:absolute;
	z-index:9999;
        display: none;
	
}


/**/
/*Icons*********************************************/
.icon{
	display:block;
	height:18px;
	width:18px;
	float:left;
	background-repeat:no-repeat;
	clear:both;
}

#list-icon-1{
	background-image: url('/images/search-icon-number-1.jpg');
	margin:-2px 10px 0px 0px;
}

#list-icon-2{
	background-image: url('/images/search-icon-number-2.jpg');
	margin:-2px 10px 0px 0px;
}
#footer-facebook{
	background-image: url('/images/social-icon-1-facebook.jpg');
	margin:0px 5px 0px 0px;
}
#footer-twitter{
	background-image: url('/images/social-icon-2-twitter.jpg');
	margin:0px 5px 0px 0px;
}

/*Home Page*****************************************/

#map{
	height:211px;	
	width:420px;
	margin-bottom:20px;
}

#front-search-form{
	background:#F8F8F8;
	border:1px solid #CBCBCB;
	padding:15px;	
}

#front-search-form input,#front-search-form select{
	height:24px;
	width:188px;
	font-size:16px;
	padding:4px 0px 0px 3px;
	color:#858585;
}

#ui-datepicker-div{
	z-index:400;	
}

#front-search-form .centered{
	padding:4px 0px 0px 3px;
}

#front-search-form select{
	padding:4px 0px 0px 3px;
	height:30px;
	width:193px;
}

#front-search-form input.text{
	border:1px solid #CCCCCC;
}

#front-search-form input.datepicker{
	background:#FFF url('/images/icon_calendar.gif') no-repeat 166px 6px;
}

#front-search-form input.checkbox{
	float:left;
	height:10px;
	margin:8px 5px 26px 2px;
	width:10px;	
}

#newsletter-submit, #front-search-form #search-hotels{
	background-color:#A3B040;
	border:1px solid #7D882A;
	color:#FFFFFF;
	font-size:16px;
	height:31px;
	margin-bottom:10px;
	padding:0;
	text-align:center;
}

#newsletter-submit:hover, #front-search-form #search-hotels:hover{
	background-color:#7D882A;
}

#newsletter-submit{
	width:95px;	
}
 #front-search-form #search-hotels{
	width:140px;	
}

.form-col-left{
	width:186px;
	float:left;
	margin-bottom:5px;
}
.form-col-right{
	width:186px;
	float:right;
	margin-bottom:5px;
}
#newsletter label{
	font-size:17px;
	margin:7px;
	left:0px;
}
#newsletter-email{
	border:1px solid #CCCCCC;
	height:25px;
	width:320px;
	float:left;
	padding:4px 0px 0px 3px;
	font-size:17px;
}



/*Footer**************************/

#sub-footer .col-50{
	padding-top:0px;
}

#sub-footer p{
	margin-bottom:0px;
}

#social-networks a{
	display:block;
	margin:3px 15px 3px 0px;	
	float:left;
}

#sub-footer .col-50-left,#sub-footer .col-50-right,#sub-footer .col-50{
	margin-bottom:0px;
	padding-bottom:0px;	
}
#sub-footer .col-50-right{
	width:225px;	
}
#footer p{
	margin-bottom:0px;	
}
#footer p.footer-links{
	color:#FFFFFF;
}
#footer p.footer-links a{
	color:#FFFFFF;
}

#footer-logo{
	width:382px;
	height:40px;
	display:block;
	float:right;
	background:url('/images/logo-footer.jpg');
}
#footer-logo:hover{
	background:url('/images/logo-footer-hover.jpg');
}