/*Defaults and Resets==================*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}


html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

img {
  border: 0;
}

.clr {
  *zoom: 1;
}

.clr:before, .clr:after {
  display: table;
  line-height: 0;
  content: "";
}

.clr:after {
  clear: both;
}


body {
  font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

body.index {
	background:url(../images/background/background01.jpg) top center repeat;
}

img.fullbg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	min-height: 100%;
  	min-width: 1024px;
	z-index:-1;
}

.wrap {
	width:1000px;
	margin:0 auto;
}

* {
	margin:0;
	padding:0;
}

ul li {
	list-style:none;
}

/* Fonts */

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1, h2, h3, h4, h5, h6 {
	margin-bottom:15px;
	font-weight:normal;
}

h1 {
	font-size:28px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
}

h5 {
	font-size:13px;
}

h6 {
	font-size:12px;
}


p {
	margin-bottom:10px
}

a {
	text-decoration:none;
	color:#FFFFFF;
}

/* Landing Page */

.logo {
	position:fixed;
	top:5%;
	right:10000px;
	width:30%;
	max-width:30%;
	height: auto;
	width: auto\9; /* ie8 */
	
	
}

.dev {
	position:fixed;
	bottom:0;
	right:-30500px;
	width:30%;
	max-width:30%;
	height: auto;
	width: auto\9; /* ie8 */
}

.skip {
	position:fixed;
	right:20px;
	bottom:10px;
}

.opacity {
	opacity:0;
}

#popups img {
	position:fixed;
	width:25%;
	max-width:25%;
	height: auto;
	width: auto\9; /* ie8 */
}

img.children {
	top:10%;
	left:5%;
}

img.concert {
	top:25%;
	left:10%;
}

img.dining {
	top:35%;
	left:5%;
}

img.outdoor {
	top:45%;
	right:5%;
}

img.shopping {
	top:58%;
	right:25%;
}

img.banquet {
	top:58%;
	right:25%;
}

img.lobby {
	top:10%;
	left:5%;
}

img.concierge {
	top:45%;
	right:5%;
}

img.debut {
	top:35%;
	left:5%;
}

img.events {
	top:58%;
	right:25%;
}

img.wedding {
	top:10%;
	left:5%;
}

img.parking {
	top:45%;
	right:5%;
}

img.security {
	top:35%;
	left:5%;
}

img.gardens {
	top:45%;
	right:5%;
}

img.street {
	top:10%;
	left:5%;
}

img.design {
	top:58%;
	right:25%;
}


/* Video Page */

#videocontainer {
	margin:60px auto 0;
	width:720px;
}

#videobox {
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
}

video {
	min-width: 100%;
    min-height: 100%;
}

video.sd, .videotmb {
	margin: 5px;
    min-width: 260px;
    width: 260px;
	height:173px;
	min-height:173px;
}

.index video {
	min-width:720px;
	width:720px;
	min-height:480px;
	min-width:720px;
	border:#FFFFFF 8px solid;
	box-shadow: 0 2px 8px 0 #222; -moz-box-shadow: 0 2px 8px 0 #222; -webkit-box-shadow: 0 2px 8px 0 #222;
	background:#FFF;
}

/* Header */

header {
	background:rgb(170,60,0); /* fallback */
	background:rgba(170,60,0,0.5);
	padding:10px 30px;	
}

.logo-page {
	float:left;
}

.tagline {
	float:right;
	color:#ffc946;
	font-size:24px;
	text-align:right;
	padding-top:95px;
}

.tagline span {
	font-size:16px;
}

.header img {
	vertical-align:top;
}

.headerslider {
	position:relative;
}

/* Nav */

nav {
	float:left;
	width:270px;
}

nav li a {
	display:block;
	padding:10px 20px;
	font-size:14px;
	font-weight:bold;
	margin:5px;
	text-align:right;
	text-shadow:1px 1px 1px #888;
	text-transform: uppercase;
	transition:all .2s  ease-in-out;
	
}

nav li.nav1 a {
	background:#40b19b;
	box-shadow: -1px -1px 1px 1px #2f9a85 inset;
}

nav li.nav2 a {
	background:#0493bb;
	box-shadow: -1px -1px 1px 1px #0c84a6 inset;
}

nav li.nav3 a {
	background:#d40c33;
	box-shadow: -1px -1px 1px 1px #c10a2e inset;
}

nav li.nav4 a {
	background:#fe9829;
	box-shadow: -1px -1px 1px 1px #e68821 inset;
}

nav li.nav5 a {
	background:#ff6201;
	box-shadow: -1px -1px 1px 1px #d2580d inset;
}

nav li.nav6 a {
	background:#df1c60;
	box-shadow: -1px -1px 1px 1px #c41a55 inset;
}

nav li.nav7 a {
	background:#6c442f;
	box-shadow: -1px -1px 1px 1px #593523 inset;
}

nav li a:hover, nav li.active a {
	background:#333333;
	box-shadow:none;
	text-shadow:none;
}


/* Page */

#container {
	background:rgb(0,0,0); /* fallback */
	background:rgba(0,0,0,0.2);
}

.logo-page.destination {
	margin:50px 50px 50px 180px;
}


.content {
	width:650px;
	float:left;
	padding:40px;
	color:#fff;
	background:rgb(0,0,0); /* fallback */
	background:rgba(0,0,0,0.4);
}

/* Footer */

footer {
	padding:20px 30px;
	background:rgb(0,0,0); /* fallback */
	background:rgba(0,0,0,0.7);
	font-size:12px;
}

footer h1 {
	margin:0;
}

.sassony {
	float:left;
	700px;
}

.sassony h1 {
	font-size:24px;
}

.copyr {
	float:right;
	padding-top:20px;
	color:#CCCCCC;
}