@charset "utf-8";
/* CSS Document */
body, html {
	background: url(../images/template/body-bg.jpg) repeat-x #261C13;
	color: #4F4F4F;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 1.6em; 
	margin:0px 0px 0px 0px;
}

a:link, a:visited { 
	color: #00ADDF;
}

a:hover { text-decoration: none; }

h1 {
	font-size: 22px;
	color: #DD1139;
	font-weight: 400;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font-size: 14px;
	color: #DD1139;
	font-weight: 400;
	margin-bottom: 0px; 
}

h3 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 14px;
	color: #4A4A4A;
}
/* add borders when you need them by css class */
img{
	border:none;
}
/* Use this br class to clear your floated columns */
.clear_floats { clear:both; display:block; height:1px; margin:-1px 0 0 0;} 
/* Layout */
#page_container{
	position: relative;
	width:980px;
	margin:-8px auto;
	padding: 0px;
}
/* Header Area */
#header_container{
}

#contact{
	float:left;
	height:83px;
	width:539px;
}
#top_right_nav_bar{
	background:transparent url(../images/template/logo_navbar.png) no-repeat;
	float:right;
	width:338px;
	height:49px;
}
/* top nav bar (logo nav) */
#top_logo_nav{
	font-size:12px;
}

#top_logo_nav a{
	color:#fff;
	text-decoration:none;
}
#top_logo_nav a:hover, #top_logo_nav a:active, #top_logo_nav a:visited{
	color: #efefef;
}

#top_logo_nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 12px;
	padding: 0px;
}

#top_logo_nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#top_logo_nav ul li {
	list-style: none;
	margin: 0px 0px 0px -1px;
	padding: 0px;
}

#top_logo_nav li a, #top_logo_nav li a:link, #top_logo_nav li a:visited {
	display: block;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 14px 10px 10px 10px;
	border-right: 1px solid #333333;
}

#top_logo_nav li a:hover, #top_logo_nav li a:active {
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 14px 10px 10px 10px;
	background:#173B55;
}

#top_logo_nav li:hover{ 
	position: static;
} 
/* Float the logo badge in #logo_container 
above the navigatoin bar in #menu 
look for the HTML under the #menu div
*/
#logo_container {
	position: absolute;
	top:-7px;
	left:890px;
	z-index:10;
}
/* Main navigation Starts here */ 
#menu{
	background:transparent url(../images/template/main-menu-bg.png) no-repeat;
	margin-top:15px;/* add a little gap btw menu and top elements */ 
	height: 50px;
	width: 980px;
	font-size:12px;
}
/*	CSS for nav fly outs etc  */

	#navlist {
		margin: 0px;
		margin-left:200px;
		padding: 0px;
	}
	#navlist ul {
		float: left;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	#navlist li {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#navlist ul li {
		list-style: none;
		margin: 0px 0px 0px -1px;
		padding: 0px;
	}
	
	#navlist li a, #navlist li a:link, #navlist li a:visited {
		color:#FFF;
		text-decoration:none;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 14px 10px 10px 18px;
		border-right: 1px solid #333333;
	}
	#navlist li a:hover, #navlist li a:active {
		color: #FFFFFF;
		display: block;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		padding: 14px 10px 10px 18px;
		background-color:#173B55;
	}
	#navlist li li a, #navlist li li a:link, #navlist li li a:visited {
		opacity: .90;
		filter: alpha(opacity=90);
		background: #173B55;
		width: 170px;
		color: #fff;
		float: none;
		margin: 0px;
		padding: 7px 10px 7px 10px;
		border-bottom: 1px solid #333333;
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
	}
	#navlist li li a:hover, #navlist li li a:active {
		background: #DEECF5;
		color: #000;
		padding: 7px 10px 7px 10px;
	}
	#navlist li ul {
		z-index: 9999;
		position: absolute;
		left: -999em;
		height: auto;
		width: 190px;
		margin: 0px;
		padding: 0px;
	}
	#navlist li ul a {
		width: 160px;
	}
	#navlist li ul ul {
		margin: -35px 0 0 192px;
	}
	#navlist li:hover ul ul, #navlist li:hover ul ul ul, #navlist li.sfhover ul ul, #navlist li.sfhover ul ul ul {
		left: -999em;
	}
	#navlist li:hover ul, #navlist li li:hover ul, #navlist li li li:hover ul, #navlist li.sfhover ul, #navlist li li.sfhover ul, #navlist li li li.sfhover ul {
		left: auto;
	}
	#navlist li:hover, #navlist li.sfhover {
		position: static;
	}

/*Content Starts Here*/
#content_container{
	
}
/* Left Column*/

#left_column{
	background:transparent url(../images/template/left_column_top_bg.png) top repeat-x;
	float:left;
width: 200px;
}
/*Right Column*/
#right_column{
	background:#DEECF5 url(../images/template/right_column_shadow_bg.png) top repeat-x;
	margin-left:220px;
	padding:10px;
}
#right_column h1{
	color:#600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}
#right_column h2{
	color:#600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

#content_single_column{
	width:685px;
	float:left;
	padding: 25px 15px 0px 25px;
}

#hp_content_left{
	width:420px;
	float:left;
	padding: 25px 15px 0px 25px;
	background:transparent url(../images/template/hp_content_vert_divider.png) center right no-repeat;
}
#hp_content_right{
	width:265px;
	float:right;
padding: 10px 0px 0px 0px;
}
/* Left Column Content */
#booking_cal_container{
	background-color:#03080C;
	margin:0px auto 10px auto;
	width:200px;
padding: 15px 5px 15px 15px;
color: #ffffff;
}

/* Twitter feed */
#twtr-widget-1{top: -950px;}
.twtr-hd h3 {color:#FFF;}

/* Footer */
#footer_container{
	height:120px;
	margin:0px;
	background:#1C4767 url(../images/template/footer-bg.png) repeat-x;
}
#footer_content p, #footer_content ul {
	margin:0px;
	padding:5px;
}
#footer_content{
	margin: 25px 0px 0px 200px;
	color:#FFF;
}
/*Foating elements*/
#lift_ticket{
	position:relative;
	top:-240px;
	left:0px;
	width:198px; height:226px;
	z-index:8;
}
#sidebar_arrow{
	position:relative;
	top:-360px;
	left:820px;
	width:181px; height:98px;
	z-index:9;
}
/* jquery_sideshow */
#jquery_sideshow_container{
	width:715px; 
	height:274px;
	background:transparent url(../images/template/sideshow_bg.png) no-repeat;
	margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;
	overflow:hidden;
}
#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:676px;
	height:238px;
	margin:18px auto auto 20px;
}
  
/* Remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0;
	width:2750px;			
}
 
/* Width of the item, in this case I put 250x250x gif */
#slides li {
	width:678px;
	height:238px;
	float:left;
}
 
/* Styling for prev and next buttons */
#buttons {
	position: absolute;
	padding:0 0 5px 0;
	z-index:6;
	top:380px;
	left:855px;
}
 
#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-9999em;
	float:left;
	outline:0;
}
 
a#prev {
	background:url(../images/template/slide_button.png) 0 -31px no-repeat; 
}
 
a#prev:hover {
	background:url(../images/template/slide_button.png) 0 0 no-repeat;
}
 
a#next {
	background:url(../images/template/slide_button.png) -32px -31px no-repeat; 
}
 
a#next:hover {
	background: url(../images/template/slide_button.png) -32px 0 no-repeat;
}
/* <!-- Feature buttons  --> */
#homepage_buttons {
	position:absolute;
	top:150px;
	left:980px;
	width:37px;
	overflow:hidden;
}
#homepage_buttons ul li{
	margin:20px 0px auto -40px;
	list-style:none;
	text-indent:-999px;
	cursor:pointer;
}
#lodging_bnt{
	background:url(../images/template/btn-lodging-off.png) no-repeat;
	width:37px;
	height:145px;
}
#activities_bnt{
	background: url(../images/template/btn-activities-off.png) no-repeat;
	width:37px;
	height:145px;
}
#services_bnt{
	background:url(../images/template/btn-services-off.png) no-repeat;
	width:37px;
	height:145px;
}
/*Hover*/
#lodging_bnt:hover{
	background:url(../images/template/btn-lodging-on.png) no-repeat;
	width:37px;
	height:145px;
}
#activities_bnt:hover{
	background: url(../images/template/btn-activities-on.png) no-repeat;
	width:37px;
	height:145px;
}
#services_bnt:hover{
	background:url(../images/template/btn-services-on.png) no-repeat;
	width:37px;
	height:145px;
}
.feat_divs{
	width:550px;
	background-color:#FFF;
	padding:10px 10px 10px 10px;
	border:#f4a31e 10px solid;
}
.hidden{
	display:none;/**/
}
#lodging_div{
	position:absolute;
	top:172px;
	left:390px;
	z-index:7;
}
#activities_div{
	position:absolute;
	top:337px;
	left:390px;
	z-index:7;
}
#services_div{
	position:absolute;
	top:503px;
	left:390px;
	z-index:7;
}



/*	CSS for left nav   */
#left_nav_top {
		float: left;
		margin: 0px 0px 0px 10px;
		padding: 0px;
background:url(../images/template/left-menu-top.png) no-repeat;
	width:190px;
height: 11px;

	}

#left_nav_bottom {
		float: left;
		margin: 0px 0px 0px 10px;
		padding: 0px;
background:url(../images/template/left-menu-bottom.png) no-repeat;
	width:190px;
height: 11px;

	}

	#left_nav {
		float: left;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px;
background:url(../images/template/left-menu-bg-repeat-y.png) repeat-y;
	width:190px;

	}
	#left_nav ul {
		float: left;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	#left_nav ul li {
		list-style: none;
		margin: 0px 0px 0px -1px;
		padding: 0px;
	}
	
	#left_nav li a, #left_nav li a:link, #left_nav li a:visited {
		color:#FFF;
		text-decoration:none;
		display: block;
		margin: 1px 0px 0px 0px;
		padding: 5px 0px 5px 15px;
		width: 175px;
	}
	#left_nav li a:hover, #left_nav li a:active {
		background-color: #C74D32;		
	}


.border {
	background: #fff;
	padding: 7px;
	-webkit-box-shadow: 0px 0px 4px 0px #73748a; 
	box-shadow: 0px 0px 4px 0px #73748a; 
}