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

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

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: #000000 url(../images/bg-new-dark.jpg) top center no-repeat; }
ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; color: #fff; text-decoration: none; }
a:hover { text-decoration: underline;}
a img { border: none; }
h1 { font: 2.6em Georgia, "Times New Roman", Times, serif; padding-bottom: 3px; }
h2 { font: 1.8em Georgia, "Times New Roman", Times, serif; }
h2 a { color: #fff; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
/* TOOLBOX
-------------------------------- */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* PAGE STRUCTURE
-------------------------------- */

#page-wrap { width: 960px; margin: 0 auto; }
#header { width:960px; height:120px; text-indent: -9999px; background: url(../images/header-new.png); }
#content { width: 890px; font: 1.2em Arial, Helvetica, sans-serif; color: #ffffff; margin:35px; }
#homepage { left:195px; top:235px; width:250px; height:350px; z-index:1; }
#homepage img { padding-bottom: 10px; }
.bio { font: 1.6em Arial, Helvetica, sans-serif; }
.bio img { padding: 15px; }
/* FORM STYLING
-------------------------------- */
fieldset { border: none; }
input, textarea, a { outline: none; }
#form { width: 800px; margin: 0 auto; background: url(../images/form-bg.png) top center no-repeat; min-height: 600px; color: #000000; }
form { padding: 83px 0 0 76px; }
#formLeft { width: 320px; float: left; }
#formLeft input { width: 250px; margin: 0 0 20px 0; border: none; text-align: center; background: none; margin: 13px 0 0 8px; font-size: 1.4em; }
#formLeft .input-bg { background: url(../images/form-sm-bg.jpg) bottom left no-repeat transparent; height: 45px; margin-bottom: 10px; position: relative; }
#formLeft .active { background: url(../images/form-sm-bg.jpg) top left no-repeat transparent; }
#formRight { width: 360px; float: right; padding-right: 44px; }
#formRight textarea { width: 298px; height: 209px; display: block; border: none; background: none; margin: 0 0 0 20px; padding: 13px 0 13px 0; font-family: Helvetica, sans-serif; font-size: 1.3em; overflow: auto; }
#formRight .message-bg { background: url(../images/message-bg.jpg) bottom left no-repeat transparent; height: 238px; }
#formRight .active { background: url(../images/message-bg.jpg) top left no-repeat transparent; }
label { display: block; font-size: 1.3em; text-indent: 10px; font-weight: bold; }
label.error { position: absolute; top: -16px; right: 49px; padding: 3px; color: #da3939; font-size: 1.0em; text-align: right; font-style: italic; font-weight: normal; }
input.submit-button { float: right; padding-right: 31px; }
/* NAVIGATION 
-------------------------------- */

ul#navigation { width: 960px; height: 28px; background: #000000; color: #ffffff; font: 1.6em Verdana, Arial, Helvetica, sans-serif; }
ul#navigation li { display: inline; padding-left: 25px; margin-top: 15px; }
ul#navigation li a { color: #ffffff; text-decoration: none; }
ul#navigation li a:hover { color: #C38B00; text-decoration: none; }

/* FOOTER
-------------------------------- */