/*
    Copyright Notice 
	All CSS styles by Lance Hardy and www.imyourwebguy.com
    with the help and inspiration of many talented people
  
*/

/* Global Styles */

* { 
margin: 0;
padding: 0;
}

body {
background: #f3cd4e;
color: #000000;
font-family: Georgia, "Times New Roman", helvetica, sans-serif;
font-size: 14px;
text-align: center; 
}

h1, h2, h3, h4, h5, h6 {line-height: 1.5em;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {font-size: 12px;}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;}

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */

a {
outline: none;
color: #a69046; 
text-decoration: underline;
}
a:hover {
color: #aaa; 
text-decoration: none;
}

/* Form Styles */

form {}
label {}
input {} 
input.sub {
float: left;
margin-left: 20px;
}
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;} 
select {}
option {}
textarea {}

.checkboxPad {
height: 26px;
padding-right: 10px;
}

#formMain {
text-align: left;
color: #000000;
}
#formMain h2 {
font-size: 13px;
color: #000000;
padding: 10px 0 6px 14px;
}
#formMain p {
padding: 40px 0 4px 0;
}
label.formMain, input.formMain {
display: block;
width: 180px;
float: left;
margin-bottom: 5px;
border-color: #a97c45;
}
label.formMain {
text-align: left;
width: 180px;
padding: 0 20px 0 4px;
}
textarea.formMain {
height: 120px;
width: 500px;
margin: 0 0 20px 0;
border-color: #a97c45;
}

.formBoxOne {
border: 1px solid #a97c45;
background: #fbf6e4;
margin-right: 20px;
padding: 4px;
}

/* Layout Styles */

#wrapper {
margin: 0 auto 0 auto; 
text-align: left; 
width: 780px;
border-right: 1px solid #a69046;
border-left: 1px solid #a69046;
background: #ffffff;
} 

#headerWrapper {
height: 236px;
}
#header {
height: 191px;
border-bottom: 1px solid #ffffff;
background: #eee4c0 url(images/bg_header_01.jpg) top left no-repeat;
}

#header h1 {
padding: 34px 0 0 22px;
}
#header h1 a { 
display: block;
width: 286px;
height: 119px;
background: transparent url(images/logo_crown_villa_01.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
}
#headerPhotos {
float: right;
width: 450px;
height: 120px;
/* background: transparent url(images/splash_01.jpg) top left no-repeat; */
margin: 37px 8px 0 0;
}
body.home #headerPhotos {
background: transparent url(images/splash_01.jpg) top left no-repeat;
}
body.site #headerPhotos {
background: transparent url(images/splash_02.jpg) top left no-repeat;
}
body.amenities #headerPhotos {
background: transparent url(images/splash_03.jpg) top left no-repeat;
}
body.rates #headerPhotos {
background: transparent url(images/splash_04.jpg) top left no-repeat;
}
body.reservations #headerPhotos {
background: transparent url(images/splash_05.jpg) top left no-repeat;
}

#headerNav {
height: 41px;
border-top: 3px solid #a69046;
background: transparent url(images/bg_nav_01.gif) top left repeat-x;
}

#main {
margin-top: 10px;
}

#colOne {
float: left;
width: 224px;
}

#colTwo {
float: right;
width: 556px;
height: 300px;
min-height: 300px;
}

html>body #colTwo {
height: auto;
}

/* Content Area Styles */

#content {}
#content.rates {
text-align: center;
}
.rateBox {
width: 95%;
border: 1px solid #999;
border-bottom: 0;	
padding: 5px;
}
.rateBoxBottom {
border-bottom: 1px solid #999;	
}

#content p {
}
#content.rates p {
font-size: 16px;
}
#content p {
padding: 5px 20px 5px 0;
}
#content li {
line-height: 1.3em;
}

#content ul, #content ol {
margin: 0 0 0 25px;
padding: 3px 10px 4px 15px;
}
#content li {
padding: 0 0 5px 0;
}

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6 {
line-height: 1.4em; 
padding: 5px 20px 5px 0;
}

#content h1 {font-size: 20px;}
#content h2 {font-size: 18px;}
#content h3 {font-size: 16px;}
#content h4 {font-size: 14px;}
#content h5 {font-size: 13px;}
#content h6 {font-size: 12px;}

#content td {
border-bottom: 1px solid #aea689;
}

#contentLeft {
width: 194px;
background: #fbf6e4;
margin-left: 10px;
padding-bottom: 10px;
}
#contentLeft h2.crown {
display: block;
width: 194px;
height: 28px;
text-indent: -9999px;
background: transparent url(images/title_crown.gif) top left no-repeat;
font: normal 16px/1.4em helvetica, verdana, arial, sans-serif;
}
#contentLeft h2.ratings {
display: block;
width: 194px;
height: 28px;
text-indent: -9999px;
background: transparent url(images/title_ratings.gif) top left no-repeat;
font: normal 16px/1.4em helvetica, verdana, arial, sans-serif;
}
#contentLeft h2.associations {
display: block;
width: 194px;
height: 28px;
text-indent: -9999px;
background: transparent url(images/title_associations.gif) top left no-repeat;
font: normal 16px/1.4em helvetica, verdana, arial, sans-serif;
}
#contentLeft h3 {
margin-left: 10px;
}
#contentLeft p {
font-size: 12px;
color: #1f591a;
padding: 5px 0 5px 16px;
line-height: 1.5em;
}
#associations {
width: 165px;
height: 110px;
background: transparent url(images/cross.gif) top left no-repeat;
margin-left: 15px;
}

#footer {
clear: both;
height: 85px;
border-bottom: 1px solid #a69046;
background: #1f591a url(images/bg_footer_01.gif) top left repeat-x;
}
#footer p {
text-align: center;
font-family: georgia, "Times New Roman";
font-size: 11px;
color: #ffffff;
padding-top: 8px;
}
#footer a {
color: #ffffff;
text-decoration: none;
}
#footer a:hover {
color: #f3cd4e;
text-decoration: underline;
}

/* Navigation Styles */

#topNav {}
#topNav ul {
width: 100%;
list-style: none;
}
#topNav ul li {
float: left;
display: block;
/* border-right: 1px dashed #f3cd4e; */
}

#topNav ul li a {
text-decoration: none;
display: block;
color: #ffffff;
text-indent: -9999px;
}
#topNav ul li.home a {
width: 81px;
height: 41px;
background: transparent url(images/bt_home_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.home a:hover {
background-position: 0 -109px;
}
#topNav ul li.sitemap a {
width: 92px;
height: 41px;
background: transparent url(images/bt_sitemap_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.sitemap a:hover {
background-position: 0 -109px;
}
#topNav ul li.rates a {
width: 69px;
height: 41px;
background: transparent url(images/bt_rates_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.rates a:hover {
background-position: 0 -109px;
}
#topNav ul li.reservations a {
width: 119px;
height: 41px;
background: transparent url(images/bt_reservations_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.reservations a:hover {
background-position: 0 -109px;
}
#topNav ul li.amenities a {
width: 99px;
height: 41px;
background: transparent url(images/bt_amenities_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.amenities a:hover {
background-position: 0 -109px;
}
#topNav ul li.attractions a {
width: 107px;
height: 41px;
background: transparent url(images/bt_attractions_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.attractions a:hover {
background-position: 0 -109px;
}
#topNav ul li.directions a {
width: 101px;
height: 41px;
background: transparent url(images/bt_directions_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.directions a:hover {
background-position: 0 -109px;
}
#topNav ul li.contact a {
width: 112px;
height: 41px;
background: transparent url(images/bt_contact_01.gif) no-repeat;
background-position: 0 0;
}
#topNav ul li.contact a:hover {
background-position: 0 -109px;
}

#topNav ul li a:hover,
#topNav ul li:hover a,
#topNav ul li.sfhover a {}

#topNav ul li:hover ul li a,
#topNav ul li.sfhover ul li a {
background: none;
color: #000000;
text-indent: 0;
height: 16px;
width: 140px;
border-bottom: 1px solid #a69046;
font-size: 12px;
}

#topNav ul ul {
padding: 0;
position: absolute;
left: -9999px;
width: 150px;
z-index: 100;
border-top: 1px solid #a69046;
border-right: 1px solid #a69046;
border-left: 1px solid #a69046;
background-color: #f3cd4e;
}

#topNav ul ul li {
display: inline;
float: none;
margin: 0;
}
#topNav ul ul li a {
display: block;
padding: 5px; /* width should add up to 150px */
width: 140px;
color: #777;
}
#topNav ul ul li a:hover,
#topNav ul ul li:hover a:hover {
background-color: #a69046;
color: #000000;
}

#topNav li:hover ul ul,
#topNav li.sfhover ul ul {
left: -9999px;
}

#topNav li:hover ul,
#topNav li.sfhover ul {
left: auto;
}

#topNav li:hover ul,
#topNav li.sfhover ul,
#topNav li li:hover ul,
#topNav li li.sfhover ul {
left: auto;
}

#footerNav {
padding: 12px 0 0 0;
}
#footerNav ul {
list-style: none; 
text-align: center;
height: 11px;
padding-top: 6px;
}
#footerNav ul li {
display: inline; 
padding: 0 10px 0 10px;
font-family: georgia, "Times New Roman";
font-size: 11px;
color: #ffffff;
border-right: 1px solid #ffffff;
line-height: 11px;
}
#footerNav ul li.last {
border-right: 0;
}
#footerNav ul li a {
text-decoration: none;
font-family: georgia, "Times New Roman";
font-size: 11px;
color: #ffffff;
}
#footerNav ul li a:hover {
text-decoration: underline; 
color: #f3cd4e;
}

/* Common Styles */

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.imageOne {
padding: 6px 0 6px 0;
}
.imageTwo {
padding: 2px 0 0 4px;
}

.title {
width: 110px;
font-weight: bold;
}