body {background: #ddc url(../images/bg-body.gif);}
#wrap {width: 966px; margin: 20px auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-home-header.gif) no-repeat 0 100%; height: 337px; position: relative;}
#header h1 {background: url(../images/header-home-logo.gif) no-repeat; width: 302px; height: 43px; margin: 0 0 0 35px;}
#header h2 {color: #443; width: 550px; font-size: 1.8em; margin: 100px 0 15px 120px;}
#header p {color: #443; width: 550px; font-size: 1.2em; margin: 0 0 0 120px;}
#header ul#brandNav {width: 235px; height: 202px; top: 72px; right: 3px; position: absolute;}
#header ul#brandNav li {list-style: none; display: inline;}
#header ul#brandNav li#bt {background: url(../images/brandNav-home-btlnk.jpg) no-repeat; width: 235px; height: 62px; top: 0px; left: 0px; position: absolute; display: block;}
#header ul#brandNav li#bt:hover, #header ul#brandNav li#bt.hdrhover {background-position: 0 0;}
#header ul#brandNav li#bt a#btlnk {width: 235px; height: 62px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#brandNav li#ag {background: url(../images/brandNav-home-aglnk.jpg) no-repeat; width: 235px; height: 70px; top: 62px; left: 0px; position: absolute; display: block;}
#header ul#brandNav li#ag:hover, #header ul#brandNav li#ag.hdrhover {background-position: 0 0;}
#header ul#brandNav li#ag a#aglnk {width: 235px; height: 70px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#brandNav li#we {background: url(../images/brandNav-home-welnk.jpg) no-repeat; width: 235px; height: 70px; top: 132px; left: 0px; position: absolute; display: block;}
#header ul#brandNav li#we:hover, #header ul#brandNav li#we.hdrhover {background-position: 0 0;}
#header ul#brandNav li#we a#welnk {width: 235px; height: 70px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav {width: 100%; bottom: 15px; left: 0px; position: absolute; text-align: right;}
#header ul#headerNav li {list-style: none; display: inline; padding: 0 69px 0 0;}
#header ul#headerNav li a {color: #fff; font-size: 1.3em;}
#header ul#headerNav li a:hover, .about #header ul#headerNav li a#aulnk, .contact #header ul#headerNav li a#culnk {color: #ccb; text-decoration: none;}

/**************************************************content area********************************************/
#content {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;}
#content .lftimg {float: left; margin: 0 0 13px 13px;}
#content .fullimg {margin: 0 13px 13px 13px;}
#content .rghtimg {float: right; margin: 0 13px 13px 0;}
#content a {background: transparent; color: #000; text-decoration: none;}
#content a:hover {text-decoration: underline;}

/**************************************************center column*******************************************/
#main {width: 100%; position: relative;}/*see ie.css for fixes*/
#main #flashcontent-left {background: url(../swf/home-left.jpg) no-repeat; width: 263px; height: 357px; float: left;}
#main #flashcontent-left #flash-left {width: 263px; height: 357px;}
#main #flashcontent-center {background: url(../swf/home-center.jpg) no-repeat; width: 440px; height: 357px; float: left;}
#main #flashcontent-center #flash-center {width: 440px; height: 357px;}
#main #flashcontent-right {background: url(../swf/home-right.jpg) no-repeat; width: 263px; height: 357px; float: left;}
#main #flashcontent-right #flash-right {width: 263px; height: 357px;}
#main .flasherror {display: none;}
#main p {margin: 0 20px 13px 20px;}
#main ul {margin: 0 20px 13px 40px;}

/**************************************************footer**************************************************/
#footer {clear: both; position: relative;}
#footer ul#footerNav {width: 100%; margin: 5px 0 5px 5px;}
#footer ul#footerNav li {list-style: none; display: inline; color: #443; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer ul#footerNav li a {color: #443; font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer #copyright {color: #887; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; float: right; padding: 5px 0;}
#footer .vcard {color: #887; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 5px; padding: 5px 0; border-top: 1px solid #887;}
#footer .vcard .org {font-weight: bold;}
/********************************************************
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;}