/* ========== GLOBAL STYLES ========== */

body {
	background: #46471f;
	margin: 0;
	padding: 0;
	text-align: left;
	font: normal 13px Arial;
	line-height: 18px;
	color: #333;
	}

div {
	margin: 0;
	padding: 0;
	}
	
img {
	border: none;
	margin: 0;
	padding: 0;
	outline: none; /* KILLS FF OUTLINES */
	}
	
img a:link, img a:visited { outline: none; border:none; margin:0; padding:0; } /* KILLS FF OUTLINES */

img.borders { 
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;
	}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* ========== TEXT ========== */

p.intro-txt {
	font: normal 13pt Myriad Pro, Arial;
	line-height: 16pt;
	margin: 0;
	}

p {
	margin: 0;
	padding: 10px 0;
	}

p.last { padding-bottom:0; }

h1 {
	color: #12333a;
	font: normal 14pt Arial;
	margin: 0 0 20px 0;
	padding:0;
	}	
	
h2 {
	color: #000;
	font: bold 11pt Arial;
	font-style:italic;
	}

h3 {
	color:#333;
	font: bold 24px Arial;
	line-height: 26px;
	}
	
h4 {
	color:#333;
	font: normal 21px Arial;
	line-height: 23px;
	}
	
h5 {
	font: normal 18px Arial;
	color:#333;
	line-height:20px;
	}

h6 { 
	font: normal 16px Arial;
	color:#333;
	line-height:18px;
	}

#content ul, #content ol {
	margin:0;
	padding:0;
	list-style-position:outside;
	overflow:hidden;
	}

#content ul li {
	padding:0;
	margin:0 0 0 30px;
	font: normal 9pt Arial;
	color: #333;
	list-style-type: disc;
	line-height: 18px;
	}

.hr {
	border-top:1px dotted #fff;
	height:1px;
	width:100%;
	display:block;
	clear:both;
	margin:20px auto;
	}

/* =========== LINKS =========== */

a:link, a:visited {
	color: #267489;
	text-decoration: none;
	outline: none;
	}

a:hover {
	color: #267489;
	text-decoration: underline;
	}

/* =========== Overall Styles =========== */

#wrapper {
	margin: 35px auto 20px auto;
	padding: 0;
	width: 840px;
	}
	
#subbar { background: url("/img/bg_subbar.jpg") repeat-x top left; }

#navcontainer { background: #e4e0c3 url('/img/bg_secnav.jpg') repeat-x top left; }
	
#content {
	padding:20px 40px 200px 40px;
	}
	
#content-bg { background: #d0cca9 url('/img/bg_content.jpg') repeat-x top left; }

/* ========== SOCIAL BAR STYLES =========== */

#socialbar {
	width:840px;
	margin:0;
	padding:0;
	font:normal 8pt Arial;
	color:#fff;
	line-height:11pt;
	background:url('/img/bg_footer.jpg') repeat-y top left;
	}

#socialbar table {
	padding:20px 10px;
	margin:0;
	}

#socialbar table td {
	border-right:2px solid #4a828a;
	}

#socialbar span.title {
	font:bold 8pt Arial;
	color:#FFF;
	margin:0;
	padding:0;
	text-transform: uppercase;
	}

#socialbar span.phone {
	font: bold 13pt Myriad Pro, Arial;
	color:#fff;
	margin:0;
	padding:0;
	letter-spacing: 1px;
	}

#socialbar p {
	margin:0;
	padding:0;
	}

#socialbar a:link, #socialbar a:visited {
	text-decoration:none;
	}

#socialbar a:hover { 
	text-decoration:none;
	border-bottom:1px dotted #b5d02c;
	}
	
#socialbar ul {
	margin:5px 10px 0 0;
	padding:0;
	list-style-type:none;
	}

#socialbar ul li {
	margin:0;
	padding:0;
	}

#socialbar ul li a:link, #socialbar ul li a:visited {
	color:#FFF;
	text-decoration:none;
	font:normal 8pt Arial;
	}
	
#socialbar ul li a:hover {
	border-bottom:1px dotted #FFF;
	}

#logos {}

#logos a {margin: 0; padding: 0;}

#logos #social {float: right; margin-right: 20px; padding: 25px 0 0 50px; background: url('/img/connect_with.gif') top right no-repeat;}

/* ========== FOOTER STYLES =========== */

#footer {
	margin: 0;
	padding: 5px 0 0 0;
	color: #80815f;
	font: normal 11px Arial;
	line-height:13px;
	text-align:right;
	}

#footer a:link, #footer a:visited {
	color: #80815f;
	font: normal 11px Arial;
	text-decoration: none;
	}

#footer a:hover {
	color:#80815f;
	text-decoration: underline;
	}

/* SiteBy Code */
#siteby {
	width:116px;
	height:23px;
	background:url('http://linkback.monkee-boy.com/sby-mboy-linkback.png') no-repeat top left;
	display:block;
	margin:0 0 0 20px;
	padding:0;
	}

#siteby span { display:none; }
#siteby a:link, #siteby a:visited { display:block; border-bottom:none; width:116px; height: 23px; }

/* ======= TOP NAV CONTAINER ======= */

#navlist {
	margin: 0;
	padding: 0;
	float:right;
	}
	
#navlist li {
	margin: 5px 0 0 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float: left;
	color: #333;
	font: normal 8pt Arial;
	}

#navlist li a { 
	margin: 0;
	padding: 0;
	}

#navlist li a:link, #navlist li a:visited {
	font: normal 14px Arial;
	color: #333;
	display: block;   /* VERY IMPORTANT FOR CORRECT DROP DOWN POSITIONING IN IE7, REMOVE FOR HORIZONTAL POSITIONING */
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#navlist li a:hover { 
	color: #333;
	border-bottom:none;
	text-decoration:none;
	}

.nav1 { 
	width: 215px;
	height: 28px; 
	display: block; 
	position: relative; 
	background:url('/img/nav_home.gif') 0 0 no-repeat; 
	}
.nav1 * { display:none; }
.nav1 span.hover { 
	position:absolute; 
	top:0; 
	left:0;
	display:block;
	height: 28px;
	width:215px;
	cursor: pointer;
	background:url('/img/nav_home.gif') 0 -28px no-repeat; 
	}

.nav2 { 
	width: 215px;
	height: 28px;
	display:block;
	position:relative;
	background:url('/img/nav_how_were_green.gif') 0 0 no-repeat; 
	}
.nav2 * { display:none; }	
.nav2 span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 28px;
	width:215px;
	cursor: pointer;	
	background:url('/img/nav_how_were_green.gif') 0 -28px no-repeat; 
	}

.nav3 { 
	height: 28px;
	width: 215px;
	display:block;
	position:relative;
	background:url('/img/nav_take_a_tour.gif') 0 0 no-repeat; 
	}
.nav3 * { display:none; }	
.nav3 span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 28px;
	width:215px;
	cursor: pointer;	
	background:url('/img/nav_take_a_tour.gif') 0 -28px no-repeat; 
	}

.nav4 { 
	width: 215px;
	height: 28px;
	display:block;
	position:relative;
	background:url('/img/nav_special_hotel_features.gif') 0 0 no-repeat; 
	}
.nav4 * { display:none; }
.nav4 span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 28px;
	width:215px;
	cursor: pointer;	
	background:url('/img/nav_special_hotel_features.gif') 0 -28px no-repeat; 
	}

.nav5 { 
	width:215px;
	height: 28px;
	display:block;
	position:relative;
	background:url('/img/nav_our_community.gif') 0 0 no-repeat; 
	}
.nav5 * { display:none; }
.nav5 span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 28px;
	width:215px;
	cursor: pointer;	
	background:url('/img/nav_our_community.gif') 0 -28px no-repeat;
	}
	
.nav6 { 
	width:215px;
	height: 28px;
	display:block;
	position:relative;
	background:url('/img/nav_press_room.gif') 0 0 no-repeat; 
	}
.nav6 * { display:none; }
.nav6 span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 28px;
	width:215px;
	cursor: pointer;	
	background:url('/img/nav_press_room.gif') 0 -28px no-repeat;
	}
	
.nav7 { 
	width:215px;
	height: 49px;
	display:block;
	position:relative;
	background:url('/img/nav_contact.gif') 0 0 no-repeat; 
	}
.nav7 * { display:none; }
.nav7 span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 49px;
	width:215px;
	cursor: pointer;	
	background:url('/img/nav_contact.gif') 0 -49px no-repeat;
	}
	
.nav8 { 
	width:215px;
	height: 28px;
	display:block;
	position:relative;
	background:url('/img/nav_bookings.gif') 0 0 no-repeat; 
	}
.nav8 * { display:none; }
.nav8 span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 28px;
	width:215px;
	cursor: pointer;	
	background:url('/img/nav_bookings.gif') 0 -28px no-repeat;
	}

/* ======= DROP DOWN NAVIGATION ======= */

#navlist li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: -28px 0 0 215px;
	padding: 0;
	background: #fff;
	border: 2px solid #FFF;
	border-left:none;
	/*opacity: .90; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;*/
	list-style-type: none;
	z-index:2000;
}

#navlist li ul li { padding: 0; margin: 0; float:none; }

#navlist li ul a:link, #navlist li ul a:visited  { 
	font: normal 11px Tahoma;
	color: #FFF !important; 
	text-decoration: none; 
	display: block !important;
	line-height: 22px;
	padding: 0px 20px 2px 10px;	
	text-align: left;
	background:#b1c47a;
	border: 1px solid #fff;
	}
	
#navlist li ul a:hover 	{ 
	background: #8aaa17;
	color: #FFF !important;
	text-decoration: none;
	}

#navlist li:hover ul {
	left: auto;
}

#navlist li:hover ul, #navlist li.sfhover ul {
	left: auto;
}

/* FIXES IE7 STICKY */
#navlist li:hover, #navlist li.hover {
    position: static;
}

/* ======= SECONDARY NAV CONTAINER ======= */

ul#secnavlist {
	margin: 0px;
	padding: 0px;
	width: 168px;
	}

#secnavlist li {
	list-style-type:none;
	border-top: 1px solid #FFF;
	line-height: 43px;
	background: #dfdbd5;
	display: block;
	float: left;
	width: 168px;
	}
	
/* nav style of double for two liner */
#secnavlist li.double {
	height: 56px;
	}

#secnavlist a:link, #secnavlist a:visited { 
	font: normal 8pt Arial !important; 
	display: block; 
	float: left; 
	margin: 0px; 
	outline: none; 
	}
	
#secnavlist a:hover {
	text-decoration:underline;
	}
	
/* ======= LOOPED SLIDER STYLES FOR PROMO BANNERS ======= */

#promotion_banner { 
	margin:0; 
	padding:0; 
	float:right;
	height: 251px;
	}
	
.container { 
	width:625px; 
	height:251px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer; 
	margin:0;
	padding:0;
	}

*html .container { margin-bottom: -34px; }

.slides { 
	position:absolute; 
	top:0; 
	left:0; 
	}
	
.slides div { 
	position:absolute; 
	top:0; 
	width:625px; 
	height:251px; 
	display:none; 
	}
	
#banner-txt { 
	background:url('/img/hm-banner-txt.png') top left no-repeat; 
	height:22px; 
	width:100px; 
	position:relative; 
	top:-48px; 
	left:580px; 
	margin:0; 
	padding:0; 
	}

*html #banner-txt { top: -18px; }

ul.pagination { 
	list-style:none; 
	height:12px; 
	width:100px; 
	position:relative; 
	top:-42px; 
	right: -20px;
	float: right;
	margin:0; 
	padding:0; 
	}

*html ul.pagination { top: -10px; }

ul.pagination li  { 
	float:left; 
	margin:0; 
	padding:0; 
	}

ul.pagination li a { 
	padding:1px 6px; 
	margin:0; 
	background: url('/img/dot-off.png') top left no-repeat; 
	text-decoration:none;
	}

ul.pagination li a:hover { text-decoration:none; border-bottom:none; background:url('/img/dot-active.png') top left no-repeat; }

ul.pagination li.active a { background: url('/img/dot-active.png') top left no-repeat; }		

ul.pagination li a span { visibility: hidden; }