/******************************************************** PAGE DESIGN & LAYOUT ****************************************************/

body{margin: 0; padding: 0; font-family: Helvetica, sans-serif; min-width: 984px; max-width: 100%;}
#header {background-color:#FFF; text-align: right; margin: 20px; height: 75px; min-width: 984px; max-width: 100%;}
#main{background-color:#18557b; background-image: url(images/mainbg.gif); background-position: top; background-repeat: repeat-x; color: #FFF; padding: 20px; min-width: 984px; max-width: 100%;}
#copy{width: 984px; margin: 0 auto;}
#footer{background-color:#FFF; padding: 20px; text-align: center; font-size: 14px; min-width: 984px; max-width: 100%;}
#logo {position:absolute; left: 20px; top: 20px;}
#logo a img {border:none;}
.highlight {color: #16c1f3;}
a:link{color:#16c1f3;}
a:visited{color:#16c1f3;}
a:hover{color:#16c1f3;}
a:active{color:#16c1f3;}

/************************************************************ NAVIGATION *********************************************************/


#nav {text-align: right; min-width: 984px; max-width: 100%;}
#nav a:link{ position: relative; text-decoration: none;}
#nav a:visited{position: relative; text-decoration: none;}
#nav a:hover{position: relative; text-decoration: none;}
#nav a:active{position: relative; text-decoration: none;}
#nav ul {margin: 0; margin-right: 20px;}
.selectedItem {position: relative; bottom: 7px; border-bottom: 1px solid # 18557b; display: inline; padding: 10px 15px 7px 15px; list-style-type: none; background-image:url(images/selectedbg.jpg); background-repeat:repeat-x; background-position: center; color: #16c1f3;}
.selectedItem a:link, .selectedItem a:visited, .selectedItem a:hover, .selectedItem a:active {color: #16c1f3;}
.menuItem {position: relative; bottom: 7px; display: inline; padding: 10px 15px 7px 15px; list-style-type: none; background-image:url(images/itembg.jpg); background-repeat:repeat-x; background-position: center; color: #18557b;}
.menuItem a:link, .menuItem a:visited, .menuItem a:hover, .menuItem a:active {color: #18557b;}
#dropDown {display: none; position: absolute; padding: 5px 0 5px 0; right: -50px; width: 125px; text-align: left; background-color: #fff;}
.dropHead {position: relative; bottom: 7px; display: inline; padding: 10px 15px 7px 15px; list-style-type: none; background-image:url(images/itembg.jpg); background-repeat:repeat-x; background-position: center; color: #18557b;}
.dropHead a {padding-bottom: 17px;  color: #18557b;}
.selectedDropHead {position: relative; bottom: 7px; border-bottom: 1px solid # 18557b; display: inline; padding: 10px 15px 7px 15px; list-style-type: none; background-image:url(images/selectedbg.jpg); background-repeat:repeat-x; background-position: center; color: #16c1f3;}
.selectedDropHead a {padding-bottom: 17px;}

#dropDown .subItem {list-style-type: none; margin: 5px 5px 5px 12px;}
#dropDown .subItem a:link { text-decoration: none; color: #18557b;}
#dropDown .subItem a:visited { text-decoration: none; color: #18557b;}
#dropDown .subItem a:hover { text-decoration: none; color: #18557b;}
#dropDown .subItem a:active { text-decoration: none; color: #18557b;}
.stay {position: relative;}


/********************************************************* CONTENT DESIGN *******************************************************/

table.priceTable {border:5px solid #CCC; border-collapse: collapse; width: 450px; float: left; margin-right: 70px;}
.priceTable th {padding: 14px; color: #000; background-color: #FFF; font-size: 1.3em;}
.priceTable td {padding: 8px; text-align: center; color:#000; background-color:#FFF;}
td.cardSize {text-align: center; font-weight:bold; background-image:url(images/selectedbg.jpg); color: #fff;}
#starburst {position: absolute;}
#starburst img {margin-left: 350px; margin-top: -30px;}

#copy ul {list-style-position: inside;}
div.clearer {clear: both; line-height: 0; height: 0;}

#photoAlbum {position: relative; width: 984px;}
#photoAlbum img {width: 220px; border: 2px solid #fff; margin: 8px; vertical-align: top;}
#photoAlbum a {text-decoration: none;}

#contact .labels {width: 125px; vertical-align: top;}
#contact label {display: block; width: 100px; height: 20px; padding: 10px; margin:0; text-align:right;}
#contact .inputs {width: 260px; margin: 0; padding: 0; text-align: left;}
#contact input.text {width: 230px; height: 26px; padding: 3px; margin: 0; font-family:Verdana, Geneva, sans-serif; font-size: 18px;}
#contact .textarea {margin: 0; padding: 0; width: 260px; text-align:left;}
#contact textarea {width: 234px; height: 140px; padding: 3px; margin-top: 3px; font-family:Verdana, Geneva, sans-serif; font-size: 18px;}
#contact .buttons {text-align: left;}
#contact input.submit, #contact input.reset {width: 115px; margin: 2px; font-size: 12px; text-align:center;}
#contact .address { width: 600px; vertical-align:top; text-align: center;}

#freeConsult {background-color: transparent; width: 380px; height: 225px; float: right; margin: 20px 0px 20px 30px;}