@import url('text-and-nav-styles.css');
@import url('utility.css');
@import url('social-media-styles.css');
@import url('sifr.css');
@import url('promo-box-styles.css');
@import url('jquery.tweet.css');

/**********************************MAIN********************************/

html {
	height:100%;
}

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#8B7C6D;
	font-size:12px;
	margin:0;
  background: url(images/aerial_resort_fronton.jpg) top center no-repeat;
}

/***to make the website content be on top of the fullpage background***/	
#content-zindex {
	z-index:2;
	position:absolute;
	width:100%;
	height: 100%;
}
	
#content-container {
	position: relative;
	min-height: 100%;
	width:1024px;
	margin:auto;
}

/*****************************FLASH BG****************************/

#background {
	z-index: 1;
	position:absolute;
	width:1750px;
	margin-left:-875px;
	left:50%; 
}

#flashbg {
	border:none;
}


/*********************HEADER DIVS**********************/

#header-div {
	position:relative;
	left:0;
	top:0;
	background-image:url(images/header-bg.png);
	height:174px;
	width:1000px;
	margin:0 auto 0 auto;
}

#logo-div {
	width:190px;
	padding:0 0 0 8px;
}

#book-div {
	position:absolute;
	top:30px;
	right:20px;
	text-align:right;
}

#book-now {
	font-size:24px;
}

#book-number {
	font-size:14px;
	color:#0B4499;
}

#minor-nav-div {
	position:absolute;
	top:124px;
	right:20px;
	font-size:11px;
	color:#AEA399;
}

/***************************NAVIGATION DIVS**************************/

#nav-bar-div {
	position:relative;
	left:0;
	top:0;
	width:1000px;
	margin:0 auto 0 auto;
	height:29px;
	padding:11px 0 0 0;
	background-color:#006EB3;
	z-index:99;
}

#main-nav-div {
	width:960px;
	margin:0 auto 0 auto;
	color:#FFFFFF;
	font-size:13px;
}

/**********************BODY DIVS***********************/

#body-div {
/*
	position:relative;
	left:0;
	top:250px;
*/
  background:url(images/body-shadow-middle.png) top left repeat-y;

}

#image-spacer {
	/*height:480px;*/
  height: 10px;
	width:1000px;
	margin:0 auto 0 auto;
	background-image:url(images/body-bg.png);
	background-repeat:repeat-x;
}

#body-shadow-top {
	position:relative;
	background-image:url(images/body-shadow-top.png);
	background-repeat:no-repeat;
	height:250px;
}

#body-shadow-middle {
	position:relative;
	background-image:url(images/body-shadow-middle.png);
	background-repeat:repeat-y;
	margin:0;
	padding:1px 9px 1px 9px;
}

#body-shadow-bottom {
	position:relative;
	background-image:url(images/body-shadow-bottom.png);
	background-repeat:no-repeat;
	height:260px;
}

#main-content-div {
	margin-top:-380px;
}

#copy-div {
	padding:10px 24px 0 24px;
	text-align:justify;
	line-height:18px;
  display: block;
  margin-top: 120px;
  
  background: #fff;
}

#social-media-box {
	position:relative;
	top:0;
	left:0;
	color:#666666;
	margin:40px 0 0 0;
}

/********************************FOOTER DIVS******************************/

#footer-div {
	position:relative;
	width:1000px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;

  background: #fff;
}

#footer-nav-container {
	background-color:#006EB3;
	height:46px;
	margin:0 0 30px 0;
	position:relative;
}

#lateral {
	position:absolute;
	left:20px;
	top:15px;
	font-size:11px;
}

#footer-nav-div {
	position:absolute;
	right:20px;
	top:14px;
	color:#FFFFFF;
}

#awards-certs-div {
	text-align:center;
	position:absolute;
	width:800px;
	border-top:1px solid #C5BFBB;
	margin:0 0 0 100px;
	padding:15px 0 0 0;
}

#awards-certs-div img {
	padding:0 7px 10px 0;
}

/***********************************TEMPORARY********************************/

#earth-hour {
	width:728px;
	margin:0 auto 30px auto;
}

/*****needed so that the earth hour div styles are correctly applied, comme swfObject 2.0**********/
#earth-container {
	border:none;
}


.element {
  padding: 4px 2px;
}

.roomTitle {
	color:#fff;
	font-size:18px;
  padding: 4px 2px;
}

.roomTitleRow {
  background: #137aba;
  color: #fff;
}


#main-content {
	/*background-image:url(images/body-shadow-middle.png);*/
  padding: 10px 24px;
}

#breadcrumbs {
  margin: 5px auto;
  margin-bottom: 40px;
  text-align: center;
  width: 700px;
}
#breadcrumbs .crumb {
  float: left;
  height: 29px;
  font-size: 14px;
  line-height: 27px;
}

#breadcrumbs .active {
  color: #308bc4; 
  font-weight: bold;
}

#breadcrumbs .inactive {
  color: #8d8d8d; 
}

#breadcrumbs .left-padding {
  padding-left: 9px;
}

#breadcrumbs .next {
  background: url(images/bread-arrow.png) center right no-repeat;
  padding-right: 50px;
}

#breadcrumbs a {
  color: #308BC4;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}