/* ---------------------------------------------

/////////////// /////////////// /////////////
    /////           /////       ////
    /////           /////       ////
    /////           /////       //// ////////
    /////           /////       ////    /////
    /////           /////       /////////////

The Thomas Group
Ian Arensbak
ian@thomasgrouponline.com 
http://www.thomasgrouponline.com

------------------------------------------------ */

/* RESETS & BASIC PAGE SETUP
-------------------------------- */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Helvetica, sans-serif; background-color: #152648 }
ul { list-style: disc outside; margin-left: 15px; }
li { font-size: 1.2em; padding: 2px;}
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; }
a img { border: none; }
/* TOOLBOX
-------------------------------- */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* PAGE STRUCTURE
-------------------------------- */
#page-wrap { width: 776px; margin: 10px auto; background-color: #ffffff; }
#header { width:776px; height:144px; background: url(../images/header.jpg); text-indent: -9999px; }
#content { clear: both; margin: 10px; padding: 10px; background-color: #ffffff; border-top: 3px solid #152648; }
.style8 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #FFFFFF; padding: 5px; }
.style10 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #000000; padding: 5px; }
.style12 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #00009C; font-weight: bold; padding: 5px; }
.style13 { font-size: 12px; padding:5px; }
h2.areainfo { padding: 5px 0 5px 0; color: #CC0000; }
/* FORM STYLING
-------------------------------- */
label { display: block; }
fieldset { margin: 1.5em 0 0 1.5em; padding: 0; }
legend { margin-left: 1em; color: #000000; font-size: 1em; font-weight: bold; }
fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
fieldset li { padding-bottom: 1em; }
fieldset.submit { border-style: none; }
/* NAVIGATION 
-------------------------------- */
ul#nav { margin-left: 50px; }
ul#nav li { display: inline; }
ul#nav li a { display: block; height: 23px; margin-left: 3px; text-indent: -9999px; float: left; }
ul#nav li.home a { width: 88px; background: url(../images/home-nav.jpg) bottom center; }
ul#nav li.amenities a { width: 128px; background: url(../images/amenities-nav.jpg) bottom center; }
ul#nav li.reservations a { width: 128px; background: url(../images/reservations-nav.jpg) bottom center; }
ul#nav li.areainfo a { width: 128px; background: url(../images/areainfo-nav.jpg) bottom center; }
ul#nav li.discounts a { width: 88px; background: url(../images/discounts-nav.jpg) bottom center; }
ul#nav li.directions a { width: 88px; background: url(../images/directions-nav.jpg) bottom center; }
ul#nav li a:hover { background-position: top center; }
/* FOOTER
-------------------------------- */
.footer p { padding-left: 5px; }