/* HTML5 ✰ Boilerplate */


@font-face {
    font-family: 'AvalonBook';
    src: url('fonts/avalon-book/Avalon-Book-webfont.eot');
    src: url('fonts/avalon-book/Avalon-Book-webfont.eot?iefix') format('embedded-opentype'),
         url('fonts/avalon-book/Avalon-Book-webfont.woff') format('woff'),
         url('fonts/avalon-book/Avalon-Book-webfont.ttf') format('truetype'),
         url('fonts/avalon-book/Avalon-Book-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvalonDemi';
    src: url('fonts/avalon-demi/Avalon-Demi-webfont.eot');
    src: url('fonts/avalon-demi/Avalon-Demi-webfont.eot?iefix') format('embedded-opentype'),
         url('fonts/avalon-demi/Avalon-Demi-webfont.woff') format('woff'),
         url('fonts/avalon-demi/Avalon-Demi-webfont.ttf') format('truetype'),
         url('fonts/avalon-demi/Avalon-Demi-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.nav {
	max-height: 600px;
	width: 178px;
	margin: 0px auto 0 0;
	text-align: left;
	color: white; 
	text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

.nav a{ font-family: bbccBold, georgia; line-height: 110%;  }

.nav ul {
	margin-left: 0;
	margin-bottom: 3px;
}

.nav ul li {
	list-style-type: none;
}

.nav ul li a:hover {
	color: yellow !important;	
}

.nav .slide {
	list-style: none;
	max-height: 600px;
	width: 180px;
}


.nav .slide li h3 {
	color: white;
	text-transform: uppercase;
	line-height: .9;
	margin-top: 5px;
}

.nav .slide li h3 span {
	color: white;
}

.nav .slide li a {
	display: block;
	color: white;
	margin: 0;
	width: 180px;
	text-decoration: none;
}

.nav .slide li ul li a {
	display: block;
	color: white;
	margin: 0;
	margin-bottom: 3px;
	width: 180px;
	text-decoration: none;
}

.nav .slide li,
.nav .slide li ul li.rooms {
	display: block;
	width: 180px;
}

.nav .slide li.resort li,
.nav .slide li.accomodations li,
.nav .slide li.accomodations li ul li,
.nav .slide li.celebrations li,
.nav .slide li.celebrations li ul li,
.nav .slide li.cuisine li,
.nav .slide li.relax li,
.nav .slide li.activities li,
.nav .slide li.activities li ul li {
	letter-spacing: 1px;
	margin-bottom: 0px;
}

.nav .slide:hover li.resort:hover h3,
.nav .slide:hover li.resort:hover li,
.nav .slide:hover li.accomodations:hover h3,
.nav .slide:hover li.accomodations:hover li,
.nav .slide:hover li.celebrations:hover h3,
.nav .slide:hover li.celebrations:hover li,
.nav .slide:hover li.cuisine:hover h3,
.nav .slide:hover li.cuisine:hover li,
.nav .slide:hover li.relax:hover h3,
.nav .slide:hover li.relax:hover li,
.nav .slide:hover li.activities:hover h3,
.nav .slide:hover li.activities:hover li,
.nav .slide:hover li.reserve:hover h3,
.nav .slide:hover li.reserve:hover li  {
	color: white;
}

.nav .slide:hover li.accomodations:hover li.rooms:hover a,
.nav .slide:hover li.celebrations:hover li.weddings:hover a,
.nav .slide:hover li.celebrations:hover li.events:hover a,
.nav .slide:hover li.activities:hover li.area-activities:hover a {
	color: white;
}

.nav .slide li.celebrations li.weddings li a,
.nav .slide li.celebrations li.events li a,
.nav .slide li.activities li.area-activities li a {
	padding-left: 15px;
}

.nav .slide:hover li a:hover {
	color: white;
	
}

/* Resort  */
.nav .slide li.resort h3 {
	letter-spacing: 1px;
}

.nav .slide li {
	text-transform: uppercase;
	display: block;
}

/* Accomodations */
.nav .slide li.accomodations h3{
	letter-spacing: 1px;
}

.nav .slide:hover li.accomodations:hover h3,
.nav .slide:hover li.accomodations:hover li {
	color: #CFB07A;
}

.nav .slide li.accomodations ul li.rooms li {
	padding-left: 15px;
}

.nav .slide li.accomodations ul li.rooms li:first-child {
	margin-top: 3px;
}

/* Celebrations & Events */
.nav .slide li.celebrations h3 {
	letter-spacing: 1px;
}

.nav .slide li.celebrations h3 span.char6 {
	margin-left: -1px;
	margin-right: 1px;
}

.nav .slide li.celebrations h3 span.char8 {
	margin-left: -2px;
}

.nav .slide li.celebrations h3 span.char9 {
	margin-left: -1px;
}

li.weddings ul li,
li.events ul li, {
	padding-left: 15px;
}

.nav .slide li.celebrations ul li.weddings li:first-child,
.nav .slide li.celebrations ul li.events li:first-child {
	margin-top: 3px;
}

/* Cuisine */
.nav .slide li.cuisine h3 {
	letter-spacing: 1px;
}

.nav .slide li.cuisine h3 span.char4 {
	margin-right: 2px;
}
.nav .slide li.cuisine h3 span.char5 {
	margin-right: 2px;
}

/* Relax */
.nav .slide li.relax h3  {
	letter-spacing: 1px;
}

/* Discover */
.nav .slide li.activities h3 {
	letter-spacing: 1px;
}

.nav .slide li.activities ul li.area-activities li:first-child {
	margin-top: 3px;
}

/* Reserve */
.nav .slide li.reserve h3 {
    letter-spacing: 2px;
}

.nav .slide li.reserve a.top-level {
	letter-spacing: 2px;
}

.hover {
    color: #CFB07A;
}

ul#nav-annex-1 {
	border-top:1px solid #fff; 
	padding-top: 4px;
	line-height: 1;
	xtext-align:center;
}

ul#nav-annex-1 li a {
	display: block; 
	text-transform: uppercase; 
	color: #fff; 
	font-size:19px;
	letter-spacing: 0.02em;
	cursor: pointer;
}

ul#nav-annex-1 li#packages a {font-size: 18px; letter-spacing: 0;}
ul#nav-annex-1 li#virtual-tours a {font-size: 27px;}


ul#nav-annex-2 {
	line-height: 1; 
	border-bottom:1px solid #fff; 
	padding-bottom: 6px; 
	margin-bottom: 0;
	cursor: pointer; 	
}

ul#nav-annex-2 li {display: inline;}
ul#nav-annex-2 li a {
	display: inline; 
	border-right: 1px solid #fff; 
	text-transform: uppercase; 
	padding-right:4px; 
	font-size:13px; 
	color: #fff;
}

ul#nav-annex-2 li:last-child a {border-right: none;}
ul#top-social {
	text-shadow: none;
	overflow: auto; 
	margin:0;}

ul#top-social li a {
	display: inline; 
	float: left; 
	background: url(../img/btn/btn_social.png); 
	width:35px; 
	height: 41px; 
	text-indent: -9999em; 
	margin: 3px;
	cursor: pointer;
}

ul#top-social li a:hover {background-position:0px -41px;}

ul#top-social li a.photos {background-position:-43px 0;}
ul#top-social li a.twitter {background-position:-86px 0;}
ul#top-social li a.facebook {background-position:-129px 0; }


ul#top-social li a.photos:hover {background-position:-43px -41px;}
ul#top-social li a.twitter:hover {background-position:-86px -41px;}
ul#top-social li a.facebook:hover {background-position:-129px -41px; }