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

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

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: #0D0E6B url(../images/bg-grad.jpg) repeat-x; }
ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; color: #FFFF00; }
a img { border: none; text-align: center; }
/* TOOLBOX
-------------------------------- */
.floatleft { float: left; margin: 20px; }
.floatright { float: right; }
.clear { clear: both; }
/* PAGE STRUCTURE
-------------------------------- */

#page-wrap { position:relative; width: 950px; margin: 0 auto; }
#header { width:950px; height:200px; background: url(../images/header.jpg); text-indent: -9999px; }
#content { color: #ffffff; background: #142054; width: 950px; overflow: auto; }
#content-special { color: #ffffff; width: 950px; height: 365px; overflow: auto; background-image: url(../images/special-events-bg.jpg); }
#main-content { padding: 5px 20px 5px 20px; }
#content p { color: #ffffff; font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; }
#content .yellow { color: #FFFF00; text-align: center; font-size: 1.8em; font-weight: bold; }
#content .black { color: #ffffff; }
.guestbook-subject { font: 1.4em Verdana, Arial, Helvetica, sans-serif; }
.guestbook-font { font: 1.2em Verdana, Arial, Helvetica, sans-serif; }
.guestbook-hr { margin: 5px; }
.signguestbook { font: 1.2em Verdana, Arial, Helvetica, sans-serif; }
.specialevent { font: bold 1.6em Verdana, Arial, Helvetica, sans-serif; }
.performance-dates { font-size: 2.0em; color: #FFFF00; line-height: 1.5em; }
.style4 {font-size: 1.6em}

/* FORM STYLING
-------------------------------- */

label { display: block; }
fieldset { margin: 1.5em 0 0 1.5em; padding: 0; }
legend { margin-left: 1em; color: #ffffff; 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#menu { clear: both; margin: 0; padding: 0; list-style-type: none; width: auto; position: relative; display: block; height: 25px; font-size: 1.2em; background: transparent url("../images/blue.jpg") repeat-x top left; font-family: Helvetica, Arial, Verdana, sans-serif; }
ul#menu li { display: block; float: left; margin: 0; pading: 0; border-right: 1px solid #ffffff; }
ul#menu li a { display: block; float: left; color: #ffffff; text-decoration: none; padding: 7px 10px 0 10px; height: 20px; }
ul#menu li a:hover { background: transparent url("../images/black.jpg") repeat-x top left; }
/* FOOTER
-------------------------------- */

#footer { color: #ffffff; font: 1.0em Arial, Helvetica, sans-serif; margin: 10px auto; text-align: center; width: 950px; }
#footer .left { float: left; text-align: left; }
#footer .right { float: right; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }