/*globals & resets*/
html,body {background:transparent; padding:0; margin:0; overflow:hidden;}
body{ background:#000;}
ul,li,h1,h2,p {margin:0;padding:0;}
a {text-decoration:none;outline:none;}
div {position: relative;}
img {border: none;}

/*utilities*/
.clear {clear:both;}
.overlay {background-color: #000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
h1 {font-size: 1em; margin: 15px 0 0 22px; text-transform: uppercase;}
h2 {font-size: 1em; margin: 15px 0 0 22px; }
p a{border-bottom:1px solid #FFF; color:#fff; font-style:italic;}
p a:hover{border: none; color:#e67000;}

/*menu highlight*/
.home #nav li.home a {color: #e67000;}
.resort #nav li.resort a {color: #e67000;}
.location #nav li.location a {color: #e67000;}
.cabins #nav li.cabins a {color: #e67000;}
.spa #nav li.spa a {color: #e67000;}
.contact #nav li.contact a {color: #e67000;}

/*background image*/
#background {width: 100%; position: absolute; left: 0px; top: 0px; z-index: -1000;}
.stretch {width:100%;}


/*typography*/
#content {font-family: helvetica, verdana, sans-serif; font-size: .8em; letter-spacing: 1px; line-height:1.4em;}
#nav {text-transform: uppercase;}
.small{
	font-size:.8em;} 


/*main content*/
#content {width: 1070px; height: 540px; margin: 35px auto 0 auto; color:#fff;}

#content p{padding: 15px 15px 0 15px; margin: 0 0 0 0;}
#content p.click{padding-top:0; margin-left:6px;}
#content p.small{
	margin-bottom:0;} 

#content p.video-thumb{margin-left:6px;}

.col-thin {width: 300px; height: 100%; float:left; margin-right: 10px;}
.col-thin ul {padding: 15px; margin: 0 0 10px 7px;}
.col-thin ul li {margin-bottom: 10px;}

ul.nostyle{
	list-style:none;}

.col-thin ul.list-top-gap{
	padding-top:48px; padding-bottom:10px;}
	
h2.gallery-title{
	margin-left:10px;
	font-weight:normal;
	padding-top:23px;}	
	
h1.contact-title{
	margin-left:15px;}	

.col-wide {width: 425px; float: left; padding:10px; }

.col-wide-right {width: 425px; float: right; display:inline; padding:10px; }

.inner-col {width: 100%;}

.inner-col-bottom {width: 300px; position: absolute; bottom:0; left: 0;}
.inner-col-bottom ul {padding: 0 0 0 30px; list-style: none;}
.inner-col-bottom ul li {float: left; margin-right: 10px;}

.inner-col-lower{ padding:1px 0 0 0; margin-top:10px; height:200px; width: 100%;}

.videobox{height:170px;}

#content p.video-thumb a{
	border:none;
	}
		

#floorplan {margin-left: 5px;} /*lightbox links*/
#floorplan li {margin: 0px 15px 0 0; width:100px; float:left; display:inline;} /*lightbox links*/


/*navigation*/

.nav-bar{width: 100%; height: 40px; position: fixed;  z-index: 3000; bottom: 0; left: 0; font-size:1.2em}

#nav {list-style: none; overflow:auto; margin:0 auto; width: 1070px;}
#nav li {float: left; margin: 14px 35px 20px 10px ;}
#nav li a {color: #fff; }
#nav li a:hover {color: #e67000;}


	
/* YME link */

#nav li.yme{
	margin: 14px 35px 20px 110px ;}
	
#nav li.yme a{
	color:#444;
	font-style:italic;
	font-weight:normal;
	font-size:.6em;}	

#nav li.yme a:hover{
	color:#ccc;}


/*gallery*/
.gallery-wrap{ height:100%;	position:relative; padding-top:0; padding-bottom:0;}
.gallery-back{	height:100%;	position: absolute; z-index:2000;  padding-top:0; padding-bottom:0;}
.gallery-images{ position:absolute; z-index:4000;}
#gallery {margin: 5px 0 0 5px ; width:414px; background:#333;}
.navigation ul {list-style: none; margin:5px 0 0 0;}
.navigation ul li {float: left; margin:10px 0  0 5px;}

.thumb img{
	width:100px;}


/* contact form */

#sendEmail{
	margin:0 0 0 15px;}

label{
	margin:15px 0 2px 0;
	display:block;}

.error{
	display:block;
	padding:2px 0 0 0;
	color: #FC6;}
	
.sent{
	color:#e67000;}	

button{
	padding:2px;
	cursor:pointer;
	background:#fff;
	border:none;
	color:#000;
	margin:10px 0 0 0;
	display:block;}
	
button:hover{
	background:#ccc;
	border:none;
	color:#000;}	

input, textarea{
	font-family: helvetica, verdana, sans-serif; font-size: 1em; letter-spacing: 1px; line-height:1.4em;
	padding:2px;
	border:0px;
	width:265px;
	background-color:#fff;}
	
textarea{
	height:230px;}
	
/*input:focus, textarea:focus, input:hover, textarea:hover{
	background-color:#ccc;}	*/