/* Header Styles */
#header { position: relative; height: 170px; margin-bottom: 60px; }

ul#mainNav, ul#mainNav li { margin: 0; padding: 0; list-style: none; }
ul#mainNav { background: url(backgrounds/mainNav-bg.gif) repeat-x; width: 1000px; height: 30px; position: absolute; left: 0; top: 10px;	}
ul#mainNav li { float: left; line-height: 30px; margin: 0 22px 0 21px; display: inline; }
ul#mainNav li a { color: #CCC; font-weight: bold; }
ul#mainNav li a:hover { color: #F00; text-decoration: none; }
	
img#logo { position: absolute; right: 40px; bottom: 20px; }
	
/* Content Styles */
#contentTop { position: relative; width: 960px; display: block; margin: 0 auto 60px auto; }
#contentTop h1, #contentTop h2, #content h1, #content h2 { font-size: 1.2em; }
	
#siteDepth { height: 300px; width: 50px; color: #F00; }
	
#flashHolder { position: absolute; left: 30px; top: 12px; }

#imgHolder { width: 320px; float: left; margin: 0 0 20px 20px; text-align: left; }
#textHolder { width: 380px; float: right; text-align: left; }
	
.extraMargin { margin: 20px 0 0 0; }

#content #textHolder { width: 590px; float: right; text-align: left; background: url(backgrounds/panel-bg.png); padding: 20px; margin: 0 20px 40px 0; }
#content #textHolder p { line-height: 1.6em; }
	
.featureMovie { float: left; margin: 40px 40px 0 0; }
.featureMovieLast { float: left; margin: 40px 0 0 0; }
.featureMovie h2, .featureMovieLast h2 { color: #F00; font-weight: normal; }
	
.featureMovie a, 
.featureMovieLast a { color: #999; text-decoration: none; }
	
#content #textHolder ul { color: #F00; }
#content #textHolder ul li span { color: #FFF; }
	
#newsHolder { float: left; width: 470px; margin: 0 0 40px 75px; text-align: left; }
#news2Holder { float: left; width: 880px; margin: 0 0 0 75px; text-align: left; }

p.top {	margin-bottom: 40px; }
	
#newsHolder h3, #news2Holder h3 { padding: 0 0 5px 0; border-bottom: 1px solid #333; color: #FFF; }
#newsHolder h3 a { color: #FFF; }
	
#news2Holder ul { float: left; width: 430px; margin-right: 20px; }
#newsHolder ul, #newsHolder ul li, 
#news2Holder ul, #news2Holder ul li { margin: 0; padding: 0; list-style: none; }
#newsHolder ul li img, 
#news2Holder ul li img { float: left; margin: 0 10px 10px 0; }
#newsHolder ul li .newsText, 
#news2Holder ul li .newsText { width: 338px; float: right; margin-bottom: 10px;	color: #F00; }
#news2Holder ul li .newsText { width: 268px; margin-right: 30px; }
#newsHolder ul li .newsText p,
#news2Holder ul li .newsText p { margin: 0; }
#newsHolder ul li .newsText a,
#news2Holder ul li .newsText a { color: #FFF; }
#newsHolder ul li, 
#news2Holder ul li { clear: both; margin: 0 0 20px 0; }
	
#newsHolder a,
#news2Holder a { color: #999; }
	
#paginate { clear: both; margin: 0 0 50px 0; text-align: center; }
#paginate a { color: #FFF; text-decoration: none; }
	
#bannerHolder { float: right; width: 370px; margin: 0 30px 0 0; text-align: left; }
#bannerHolder ul, #bannerHolder ul li { margin: 0; padding: 0; list-style: none; }
#bannerHolder ul li { margin: 0 0 30px 0; }
#bannerHolder ul li a { width: 370px; height: 129px; display: block; text-indent: -9999px; overflow: hidden; }
#bannerHolder ul li.contact a { background: url(backgrounds/get-in-touch-bg.gif); }
#bannerHolder ul li.twitter a { background: url(backgrounds/twitter-link-bg.gif); }
	
/* Footer Styles */
#footer { border-top: 1px solid #333; padding: 10px 0 0 0; width: 1000px; clear: both; }
p#copyright { float: right; margin: 30px 30px 0 10px; color: #999; line-height: 15px; display: inline; }

ul#totalImmersion, ul#totalImmersion li { margin: 0; padding: 0; list-style: none; float: left; }
ul#totalImmersion { margin: 0 0 0 60px; display: inline; }
ul#totalImmersion li { margin: 0 10px 0; }
	
ul#footerNav, ul#footerNav li { margin: 0; padding: 0; list-style: none; }
ul#footerNav { margin: 30px 0 0 0; float: right; display: inline; }
ul#footerNav li { float: left; padding: 0 5px 0 0; margin: 0 0 0 5px; }
ul#footerNav li a { line-height: 15px; color: #999; }
