/* CSS Document */

/*--- Shell ------------------------------------------------------*/
  html {background: url(../img/home-bg.jpg) no-repeat center top;}
  body {
	background-image: url(../img/home-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #bfa260;
	margin: 0px;
	padding-top: 41px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
}		

  #home {
	width: 812px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	float: none;
	top: 380px;
	clear: both;
}
  #shell {	width: 799px;	margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
  
  .imgright { float: right; margin: 0 0 10px 20px; background: #fff; padding: 3px; border: solid 1px #515151; clear:right;}
  .imgleft  { float: left; margin: 0 20px 5px 0; background: #fff; padding: 3px; border: solid 1px #644215;}	
  .imgBorder {margin: 0 0 10px 20px; background: #fff; padding: 3px; border: solid 1px #515151; }

	h1 { font-size: 18px; color:#652921; font-weight: bold; letter-spacing: -1px; margin: 0 0 20px 0;}
	h2 { font-size: 14px; color:#652921; margin: 12px 0 12px 0; line-height:18px;}
	p { margin: 0 0 15px 0; color:#3c2d10;}
	ul { margin: 0 0 20px 35px;}
	hr { height: 1px; color:#b1a583; margin: 20px 0; border: 1px solid #B1A583; border-bottom: none;}
	.border { border: solid 1px #b1a583;}
  
  a {}
  a:hover {}
  .fauxColumns {width:50%; float:left;}
  .imgLeft {margin-right:20px; float:left;}
  .imgRight {margin-left:20px; float:right;}
  .clearBoth {clear:both;}
  .noMargin {margin:0;}
  .noBorder {border:none;}
  .noPadding {padding:0;}
  .noStyling {border:none; margin-right:0; padding-right:0;}
  .border {border:1px solid #000;}
  .forPrint {position:absolute; left:-2500px;}  #printHeader {display:none;}

	
/*--- Head ------------------------------------------------------*/
  #h_shell {
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #1778AE;
	border-right-color: #1778AE;
	border-left-color: #1778AE;
	background-color: #FFFFFF;
	padding: 0px;
}
  #h_usabilityNav {
	text-decoration: none;
	top: 15px;
	list-style-image: none;
	list-style-type: none;
	height: 12px;
	margin-left: 450px;
	position: absolute;
}
	.fb
		{background:url(../img/facebook.gif) no-repeat;}
		
	.twitter {background:url(../img/twitter.gif) no-repeat;}
	#h_usabilityNav ul ul { float:right;}
	#h_usabilityNav ul ul a{display:block; width:16px; height:16px; float:left;}
	#h_usabilityNav ul ul li{border:none; margin:0 0 28px 2px; padding:0;}
  #h_usabilityNav ul{
	margin:0px;
	padding:0px;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
  #h_usabilityNav li{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4183A3;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 15px;
}

  #h_usabilityNav li.noStyling {border:none; margin-right:0; padding-right:0;}
  #h_usabilityNav li a{
	text-decoration: none;
	color: #014176;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	bottom: 1px;
}
  #h_usabilityNav li a:hover{
	text-decoration: underline;
}

  #h_usabilityInfo {
	text-decoration: none;
	top: 8px;
	list-style-image: none;
	list-style-type: none;
	height: 12px;
	width: 175px;
	margin-left: 10px;
	position: absolute;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #316e8c;
}
  #h_logoArea {
	background-repeat: no-repeat;
	height: 99px;
	width: 177px;
	position: absolute;
	z-index: 2;
	background-position: center 15px;
	padding-top: 15px;
	padding-left: 0px;
	background-image:url(../img/coral-cay-logo.png);

}
  #h_logoArea img {border:none;}
  #h_logoArea a {display:block; width:134px; height:84px;}		
  #h_banner {}
  #h_banner img {display:block;}




  #h_nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 178px;
	height: 27px;
	width: 621px;
	position: absolute;
	z-index: 2;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
  #h_nav ul{margin:0px; padding:0px;}
  #h_nav li{
	list-style-type: none;
	padding: 0px;
	float: left;
	list-style-image: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
  #h_nav li a{
	color: #F4E3AD;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 8px;
}
  #h_nav li a:hover{
	background-color: #E6F5FE;
	color: #1B444E;
}

  #navFade {
	background-image: url(../img/nav-fade-bg.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 622px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 177px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	position:absolute;
	z-index: 1;
}

  #navGroups {}
  #navAmenities {}
  #navFloorPlans {}
  #navAttractions {}
  #navEvents {}
  #navDining {}

div.topbar {
	float: left;
	
} 


  	
/*--- Body ------------------------------------------------------*/
  #b_shell {
	padding: 0px;
	background-color: #FFFFFF;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1778AE;
	border-bottom-color: #1778AE;
	border-left-color: #1778AE;
}

    div.twoCols {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #3c2d10;
	min-height: 650px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 62px;
	line-height: 20px;
	margin-right: 15px;


} 

	div.twoCols2 {
	width:242px;
	float:right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #3c2d10;
	z-index: 5;
	margin-right: -10px;
	padding-left: 25px;
} 


    ul.twoCols {
	width:540px;
	float:left;
	list-style-type:none;
	margin:0;
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	list-style-image: none;
	z-index: 5;
}

    ul.twoCols2 {
	width:242px;
	float:none;
	list-style-type:none;
	margin:0;
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	list-style-image: none;
}

div.content {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #3c2d10;
	min-height: 650px;
	padding-top: 10px;
	padding-right: 252px;
	padding-bottom: 10px;
	padding-left: 10px;
	z-index: 1;
	
} 



    .clearBoth {clear:both;}
    .colsMarginRight {margin-right:15px; padding: 0 15px 0 0; border-right: solid 1px #000;}

  #b_contentArea {
	background-attachment: scroll;
	background-image: url(../img/content-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 847px;
	width: 800px;
}

  #b_contentArea h1 {}
  #b_contentArea h2 {}
  #leftside { width: 66%; float: left; }
  #leftcolumn { width: 50%; float: left; }
  #rightcolumn { width: 50%; float: right; }
  
  #b_contentLeftbar {
	margin: 0px;
	top: -10px;
}
  
/*  PHOTO GALLERY  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#photogal { display: block; height: 300px; padding-top: 10px; padding-right: 252px; padding-bottom: 10px; padding-left: 10px; }
    #photogal ul  { margin: 0px;}
	#photogal li  { list-style-type: none; width: 150px; height: 104px; float: left; margin: 0 15px 15px 0;}
	#photogal li a { display: block; background:#fff; padding: 3px;  border: solid 1px #644215; width: 150px; height: 104px;}
	#photogal li a:hover { border: solid 3px #272d19; padding: 1px;}  
  
/*--- CTAs ------------------------------------------------------*/  
  #ctaShell2 {}
  #ctaShell2 ul{margin:0; padding:0;}
  #ctaShell2 li{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}
  #ctaShell2 li a {
	height: 35px;
	width: 222px;
	display: block;
}
  #ctaShell2 li a:hover{ background-position:left bottom;}
  
  #ctaSpecials2 {height: 35px;	width: 222px;}
  #ctaSpecials2  a {background-image: url(../img/cta-specials2.gif); background-repeat: no-repeat;  background-position:left top;}
  
  #ctaWeather2 {height: 35px;	width: 222px;}
  #ctaWeather2  a {background-image: url(../img/cta-weather2.gif); background-repeat: no-repeat;  background-position:left top;}
  
  
  
  
/*--- CTAs ------------------------------------------------------*/  
  #ctaShell {}
  #ctaShell ul{margin:0; padding:0;}
  #ctaShell li{
	list-style-image: none;
	list-style-type: none;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
  #ctaShell li a {
	height: 35px;
	width: 153px;
	display: block;
}
  #ctaShell li a:hover{ background-position:left bottom;}
  
  #ctaSpecials {height: 35px;	width: 153px;}
  #ctaSpecials  a {background-image: url(../img/cta-specials.gif); background-repeat: no-repeat;  background-position:left top;}
  
  #ctaWeather {height: 35px;	width: 153px;}
  #ctaWeather  a {background-image: url(../img/cta-weather.gif); background-repeat: no-repeat;  background-position:left top;}
  
  
  
	
/*--- Search Box ------------------------------------------------------*/
  select {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-top: -3px;
	margin-right: -1px;
	margin-bottom: 7px;
	margin-left: 0;
}
  .resSubmit {display:block; margin:0 0 5px 0;}
  .resMonth {width:49px;}
  .resDay {width:40px;}
  .resYear {width:45px;}
  .resNights, .resRooms, .resAdults, .resKids {width:37px;}
  #searchBox {
	height: 399px;
	width: 166px;
	position: absolute;
	top: 155px;
	z-index: 2;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding-left: 7px;
}

  #searchBox .resRoomSpacer {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
}
  #searchBox .resAdultsSpacer {}
   #searchBox .resKidsSpacer {
	margin-left: 5px;
}
  #anchor img {border:none; margin: 0 0 0 2px;}
  #searchBox a {
	color:#fff;
	font-size: 10px;
}
   #searchBox a:hover {
	color: #FFCC33;
	text-decoration: none;
}
  #resBoxBg {
	height: 399px;
	width: 177px;
	position: absolute;
	top: 39px;
	z-index: 1;
	filter:alpha(opacity=50);
	opacity: 0.5;
	background-image: url(../img/res-fade-bg.gif);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*--- Footer ------------------------------------------------------*/
  #f_shell {}
  #f_nav {
	height: 12px;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	/*left: 75px;*/
	width: 978px;
	top: 5px;
}

 #subfooter {position:relative; margin:0 auto;
right:40px; top:-100px; width: 600px;
	}
	*:first-child+html #subfooter {right:20px;}
	#subfooter ul li{list-style-type:none; display:block; }
	#subfooter img {width:100px}
	#subfooter a{display:block; width:180px; height:100px;}
		#car1 {position:relative; float:left; background:url(../img/carlogos/dollar-logo-lineup.jpg) no-repeat;}
		#car2 {position:relative; float:right; background:url(../img/carlogos/thrifty-logo--lineup.jpg) no-repeat;}

  #f_nav ul {
	margin:0px;
	padding:0px;
}
  #f_nav li {
	list-style-image: none;
	list-style-type: none;
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right-style: solid;
	border-right-color: #41361D;
	border-right-width: 1px;
	line-height: 8px;
	padding-bottom: 2px;
	padding-top: 1px;
}

  #f_nav li.noStyling {border:none; margin-right:0; padding-right:0;}
  #f_nav li a {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #41361d;
	text-decoration: none;
}
  #f_nav li a:hover {
	text-decoration: underline;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #b64d0b;
}		
  address {}
  #f_sig {
	text-align:center;
	padding: 25px;
	color: #83653D;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
}

#homePg #b_contentArea {min-height: 800px;}