body {background: #000000}
#wrap {width: 1010px; padding: 0; position: relative; font-size: 1em;}

/**************************************************main column*********************************************/
#main {background: #000 url(../images/temp-video-home-bg.jpg) repeat-x; color: #000; float: left; width: 960px; height: 721px; margin: 0 0 0 0; position: relative;}/*see ie.css for fixes*/
#main #videocontent {margin: 100px 75px 35px 125px;}
#main #video {margin: 0 0 0 200px;}
#main p {margin: 0 0 0 0; line-height: 1.8;}
#main h1 {margin: 10px 0 10px 20px; line-height: 1.8;}
#main h2 {margin: 10px 0 10px 20px; line-height: 1.8;}
#main h3 {margin: 10px 0 10px 20px; line-height: 1.8;}
#main h4 {margin: 10px 0 10px 20px; line-height: 1.8;}
#main ul {margin: 0 0 0 35px; line-height: 1.8;}


/********************************************************
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;}