body {background: #bbb; color: #000;}
a:link, a:visited {background: transparent; color: #fc9; }
a:hover {background: transparent; color: #fff; }
#wrap {background: #fff url(../images/bg-wrap.gif) repeat-y; margin: 50px auto 0 auto; padding: 0; width: 974px; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-header.gif) no-repeat; height: 213px; position: relative;}
#header h1 {background: url(../images/header-logo.gif) no-repeat; width: 381px; height: 111px; top: 60px; left: 268px; position: absolute;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.gif) no-repeat 7px 0; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {float: left; position: relative;}/*see ie.css for fixes*/
#home #main {width: 661px;}
#home #main h2 {background: url(../images/title-communicate.gif) no-repeat; width: 174px; height: 14px; margin: 80px 0 10px 91px;}
#home #main p, #error403 #main p, #error404 #main p, #error500 #main p {background: transparent; color: #a30; font-size: 1.1em; margin: 0 35px 13px 92px;}
#thankyou #main, #error403 #main, #error404 #main, #error500 #main {width: 974px; height: 275px;}
#thankyou #main h2 {background: url(../images/title-thankyou.gif) no-repeat; width: 106px; height: 14px; margin: 130px 0 10px -53px; left: 50%; position: relative;}
#thankyou #main p {background: transparent; color: #a30; font-size: 1.1em; margin: 0 150px 13px 150px; text-align: center;}
#error403 #main h2 {background: url(../images/title-403.gif) no-repeat; width: 176px; height: 14px; margin: 80px 0 10px 91px;}
#error404 #main h2 {background: url(../images/title-404.gif) no-repeat; width: 200px; height: 14px; margin: 80px 0 10px 91px;}
#error500 #main h2 {background: url(../images/title-500.gif) no-repeat; width: 227px; height: 14px; margin: 80px 0 10px 91px;}

/**************************************************right column*********************************************/
#sidebar {background: url(../images/bg-sidebar.gif) no-repeat 37px 15px; margin: 68px 0 20px 0; float: left; width: 312px; height: 222px; position: relative; border-left: 1px solid #A30;}
#sidebar #frmSignup label#lblEmail {width: 40px; height: 12px; top: 51px; left: 37px; position: absolute;}
#sidebar #frmSignup input#txtEmail {background: #fff; color: #a30; width: 156px; padding: 3px 0; top: 66px; left: 37px; position: absolute; border: 1px solid #ffe;}
#sidebar #frmSignup label#lblLocation {width: 50px; height: 12px; top: 96px; left: 37px; position: absolute;}
#sidebar #frmSignup input#txtLocation {background: #fff; color: #a30; width: 156px; padding: 3px 0; top: 111px; left: 37px; position: absolute; border: 1px solid #ffe;}
#sidebar #frmSignup label#lblFruit {width: 80px; height: 12px; top: 141px; left: 37px; position: absolute;}
#sidebar #frmSignup select#slctFruit {top: 156px; left: 37px; position: absolute;}
#sidebar #frmSignup button#btnSubmit {background: url(../images/btn-submit.gif) no-repeat; width: 50px; height: 17px; top: 193px; left: 37px; position: absolute;}
#sidebar .error {position: absolute; top: 15px; margin: 0; filter: alpha(opacity=90); moz-opacity: 0.9; opacity: 0.9; left: -225px; width: 200px; background: #a30; color:#fff; padding: 1em; font-size: 1.25em;}/*see ie.css for fixes*/
#home #sidebar #errorImage {position:absolute; top:60px;left:0px;}

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-footer.gif) no-repeat 0 100%; clear: both; position: relative; height: 44px;}
#footer a:link, #footer a:visited { color: #888; }
#footer a:hover { color: #666; }
#footer p {background: transparent; color: #999; text-align: right; padding: 12px 37px 0 0; font-size: 1em;}
/********************************************************
Safari needs this - otherwise the ghost overflow, though
painted correctly obscures links and form elements that 
by rights should be above it. An unintended side-effect 
is that it cause such elements to vanish in IE 5.01 and
5.5, hence the child selector hack
********************************************************/
* > #footer, * > form {position: relative; z-index: 1000;}