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

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

Site Developed by The Thomas Group
www.thomasgrouponline.com
Webmaster / Designer - Ian Arensbak
Web Developer - Brad Proctor

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

/* -------------------------------- 
RESETS & BASIC PAGE SETUP
-------------------------------- */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 16px Georgia, Helvetica, sans-serif; background: #9f2882; }
ul { list-style: none inside; }
a { outline: none; }
a img { border: none; }
h2 { text-align: center; }
/* -------------------------------- 
TOOLBOX
-------------------------------- */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* -------------------------------- 
PAGE STRUCTURE
-------------------------------- */
#page-wrap { width: 1200px; margin: 0 auto; }
#home-link { position: absolute; display: block; width: 440px; height: 370px; text-indent: -9999px; z-index: 20; }
#header { width: 1200px; height: 367px; background: url(../images/header.jpg) no-repeat; }
#content { width: 1200px; min-height: 300px; background: url(../images/content-bg.jpg) repeat-y; }
#main-content { width: 920px; margin: 0 auto; padding:15px 20px; background: #b8ff8e; }
#main-content p { font-size: 16px; line-height: 24px; padding-bottom: 18px; }
#main-content h1 { padding-bottom: 5px; }
#main-content h2 { padding-bottom: 15px; }
#footer { width: 1200px; height: 193px; background: url(../images/footer.jpg) no-repeat; }
#credits { text-align: center; color: #fff; }
#credits a { color: #fff; }
/* -------------------------------- 
NAVIGATION
-------------------------------- */
#nav { position: relative; top: 280px; left: 390px; width: 635px; height: 63px; padding: 5px 30px 0 30px; background: url(../images/nav-3.png); }
#nav a { display: block; float: left; width: 79px; height: 30px; padding-top: 10px; text-align: center; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: #000; }
#nav a:hover { background: url(../images/item-primary-bg.gif) no-repeat; }
#prices { margin: 0 auto; }
#prices td { font-size: 18px; padding: 5px 20px 0 0; }
.year-calendar { width: 100%; font-family: Arial, Helvetica, sans-serif; }
.year-calender tr td { vertical-align: top; }
.month { width: 100%; }
.month tbody tr th { font-size: 16px; }
.month-day { padding: 2px 4px; width:28px; height: 24px; border:1px solid #333; text-align:center; background: #fff; }
.month-day a { text-decoration: none; }
.order { margin: 0 auto; }
.order td { padding: 2px; }
.order-form { float: left; margin: 0 auto; }
.order-form td { padding: 5px; }
input[type=text], select, textarea { font-size: 14px; padding: 3px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
input[type=text]:focus, select:focus, textarea:focus { border: 1px solid #333; background: #efe; }
#form-valid { width: 700px; height: 20px; margin: 0 auto; display: none; border: 1px solid #d99; background: #fdd; padding: 10px; }
/* 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; }