/* ************* */
/* HTML Elements */
/* ************* */

body  {
  color: #FFFFFF;
  font:                 normal 12px/20px georgia,serif;
  padding:              0px;
  margin:               0px;
}

a.defaultLink {
  font:                 9px verdana,geneva,sans-serif;
  text-decoration:      none;
}

a.selected {
  font-weight:          bold;
}
a:link,
a:visited,
a:active {
  text-decoration:      none;
}  
a:hover {
  text-decoration:      underline;
}

a.selected:hover  {
  text-decoration:      none;
}

/* fixes dotted border bug in FF when mouse-activated; border left alone for tabbing */
a:hover,
a:active {
  outline:              none; 
}

/* global declaration to avoid descender padding for images in IE6 */
img {
  display:              block;
}


/* ************* */
/* Main Area   */
/* ************* */

.container {
  width:                780px;
  padding:              0px;
  margin:               0px auto;
}

/* added a class akin to ID above to avoid redundant IDs */
.mainArea {
  width:                780px;
  padding:              0px;
  margin:               0px auto;
}

.right {
  float:                right;
  padding-right: 15px;
}

.left {
	float: left;
	padding: 0px 10px 0px 5px;
}

/* ************* */
/* Top Banner   */
/* ************* */

.bannerContainer {
  height:               147px;
  border:               none;
  padding:              0px;
  margin:               0px;
}

.topBanner {
  font:                 9px verdana,geneva,sans-serif;
  height:               122px;
  padding:              0px;
  margin:               0px;
}

a.topBanner {
  font:                 9px verdana,geneva,sans-serif;
  text-decoration:      none;
  display:              block;
}
 
.logoCorp {
  padding:              0px;
  margin:               30px 0px 0px 8px;
  float:                left;
  display:              block;
  vertical-align:       baseline;
}


/* ************* */
/* Top Nav     */
/* ************* */

#topNavBar {
  height:               25px;
  width:                780px;
  padding:              0px;
  vertical-align:       baseline;
  margin:               0px;

}

a.topNavBar {
  font:                 10px/10px arial,helvetica,sans-serif;
  text-decoration:      none;
  padding:              0px;
}

a.topNavBar:hover {
  text-decoration:      none;
}

a.topNavBarLg,
a.topNavBarLgSelected {
  font:                 12px/25px arial,helvetica,sans-serif;
  font-weight: bolder;
  text-decoration:      none;
  padding:              7px 10px 7px 10px;
  vertical-align:       baseline;
  letter-spacing:       .1em;
}

a.topNavBarLg:hover,
a.topNavBarLgSelected:hover {
  text-decoration:      none;
}

/* ************* */
/* Footer        */
/* ************* */

#footerContainerInner {
  font:                 10px/15px verdana,geneva,sans-serif;
  text-align:           left;
  width:                770px;
  height:               73px;
  padding:              10px 0px 0px 10px;
  margin:               0px auto;
}

a.footer {
  font:                 9px/14px verdana,geneva,sans-serif;
  text-decoration:      none;
  padding:              0px 3px 0px 5px;
}

/* suppress left padding for first element */
#footerContainerInner .first {
  padding:              0px 3px 0px 0px;
}

a.footer:hover {
  text-decoration:      underline;
}

  
/* ************* */
/* Middle Banner */
/* ************* */

#homeImage {
  width:                780px;
  height:               363px; 
  padding:              0px;
  margin:               0px;
}



/* ************* */
/* Utility Styles*/
/* ************* */

/* Clear style for clearing floats */
.clear {
  font-size:            0px;     /* for IE -- avoid any space from phantom text  */
  height:               1px;
  background:           transparent; /* for IE -- avoid space from inherited filters */
  margin-bottom:        -1px;
  clear:                both;
}

/* ************* */
/* Left Nav      */
/* ************* */

#leftNav {
  text-align:           left;
  width:                150px;
  margin:               0px;
  padding:              20px 0px 60px 0px;
  float:                left;          
}

#leftInfo {
	width: 210px;
	float: left;
	padding: 13px 0px 60px 0px;
	margin: 0;
}


/* ************* */
/* Middle Area   */
/* ************* */

#middleArea {
  float:                left;
  padding:              20px 10px 60px 10px;
  margin:               0px;
}

.standardThreeCol {
	width: 395px;
}

/* override if there is no right pics */ 
.twoColsLeftNav {
	width: 600px;

}

.twoColsLeftInfo {
	width: 540px;
}

#middleArea .container { 
	padding: 5px 0px; 
	display:inline-block;
	width:100%;
}

#middleArea .container .col1 { display:inline; float:left; width: 325px;}
.lounge #middleArea .container .col1 {width:320px;}
.accomodations #middleArea .container .col1 {width:380px;}
#middleArea .container .col2 { float:right; }
#middleArea .container .col2 img { padding: 0px 0px 10px 0px; }
#middleArea ul.twocols, ul.twocolsfooter{ margin:3px 0px;}
#middleArea ul.twocols{float:left; width:50%;}
#middleArea ul.twocolsfooter{float:left; width:100%; margin: -3px 0px 15px 0px;}
#middleArea li {height:35px; margin: 1px; background-color:#8F8679; vertical-align:middle; text-align:center; line-height:35px;}

/* ************* */
/* Right Area    */
/* ************* */
#rightArea {
	width: 205px;
	float: left;
	padding: 20px 0px 60px 0px;

}

#rightArea img { 
	padding: 0px 0px 10px 0px;
}

h1, h2, h3, h4 { color: #C7B79F; }

h1 {
  font:                 bold 18px verdana,geneva,sans-serif;
  margin:               10px 0 3px -1px;
}

h2 {
  font:                 bold 14px verdana,geneva,sans-serif;
  margin:               10px 0 3px -1px;
}

h3 {
  font:                 bold 12px verdana,geneva,sans-serif;
  margin:               10px 0 5px -1px;
}

h4 {
  font:                 bold 10px verdana,geneva,sans-serif;
  margin:               10px 0 3px -1px;
}

/* default IE behavior is to put 1em margin at top and bottom of p. But FF puts it on bottom.*/
p {
  margin-top:           0;
  margin-bottom:        1em;
}


/* ************* */
/* Banners      */
/* ************* */

#landingMiddleBanner {
  text-align:           left;
  height:               49px;
  padding:              0px;
  margin:               -49px 0px 0px 0px;
}

#landingBannerTitle { 
  padding:              13px 0px 0px 10px;
  font-size:            18px;
}

/* ************* */
/* Images        */
/* ************* */
#homeMiddleBanner {
  text-align:           left;
  height:               49px;
  padding:              0px;
  margin:               -48px 0px 0px 0px;
}

/*for IE6 only*/  
  * html #homeMiddleBanner {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/backgrounds/bg_banner_landing_hotel.png');
}

html>body #homeMiddleBanner {
  background:           url('../images/backgrounds/bg_banner_landing_hotel.png') top left no-repeat;
  position:             relative; 
}


.homeMidBannerNav  {
  padding:              10px 0px 0px 10px;
  margin:               0px;
}


#photoContainer {
  height:               294px;
  padding:              0px;
  margin:               0px;
}
#photoContainer {
  width:                780px;
}

/* ************* */
/* Lists         */
/* ************* */

/* unordered lists */
ul {
  list-style-type:      none;
  padding:              0px;
  margin:               0px;
}

/* unordered list item */
ul li {
  line-height:          16px;
  padding:              0px 0px 0px 10px;
  margin:               6px 0px 6px 0px;
}

.contentDataBase{
	min-height:360px;
	background-color:#5F513F;
	padding:5px;
	}

#contactLeft{
	float:left;
	width:250px;
}

#contactRight{
	float:left;
	width:500px;
	padding-left: 10px;
	padding-top:5px;
	
}

#contactRight span{
	clear: both;
	display: block;
}

#footerCopyright {
	padding: 3px 0px 0px 0px;
	display: block;
	float: left;
	width: 300px;
}

#headerContactNumber{
	float: right;
	margin: 60px 15px 0px 0px;
	font-family: Lucida Grande, Verdana, Geneva;
	font-size: 19px;
	letter-spacing: 4px;
	color: #FFFFFF;
}

.packageContainer{
	padding: 15px;
	margin: 10px 20px 20px 20px;
	-moz-border-radius: 10px;
	border-style: solid;
	border-color:#C7B79F;
	border-width:thin;
}

.packageContainer h1{
	margin: 5px 0 20px 0;
}