* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: 16px/1 Arial, Helvetica, sans-serif; text-align: center; color: #000000; background-color: #E5E5E5; z-index: 0; }
img { border: 0 none; }
p { margin-bottom: 1em; font-size: smaller; line-height: 1.2; }
label { display: block; margin-bottom: .5em; font-size: smaller; line-height: 1.2; }
a { color: #0000EE; }
a:visited { color: #551A8B; }
a:active { color: #ff0000; }
table { padding: 1px; text-align: left; }

/* Note: DIVs with z-indexes need to be in the proper order within the html to display 
	the z-index properly because there are a 2 levels of overlap to create.
	One more thing, Firefox does not recognize a negative z-index value, whereas IE will.
*/

#wrapper { position: relative; margin: 0 auto; padding: 0; width: 995px; height: 637px; min-height: 637px; text-align: left; z-index: 10; background: transparent url(../images/bg-homepage.jpg) no-repeat 0 0; }
	#logo { position: relative; top: 9px; left: 18px; width: 421px; height: 124px; background: transparent url(../images/mike-and-larry.png) no-repeat 0 0; z-index: 15; }
	#logo span { visibility: hidden; }  /* hide the actual text */
	#intro { position: absolute; top: 23px; left: 730px; width: 245px; z-index: 15; }
	#intro p { padding: 0 0 0 2px; color: #ffffff; }
	#mike { position: absolute; top: 157px; left: 0px; z-index: 10; }
	#larry { position: absolute; top: 255px; left: 728px; z-index: 10; }

	#video-wrapper { position: absolute; top: 99px; left: 248px; padding: 10px 0 0 14px; background: transparent url(../images/bg-video.gif) no-repeat 0 0; width: 458px; height: 385px; z-index: 10; }
	#video-wrapper #video-player { background: transparent; width: 440px; height: 369px; }
		#video-wrapper #video-player p { padding: 20px; line-height: 2em; font-size: 20px; color: #ffcc00; }


#content { position: absolute; top: 572px; left: 21px; width: 974px; height: auto; }

	#rock, #skate, #matrixy { float: left; width: 227px; }
		#rock h2, #skate h2, #matrixy h2 { line-height: 248px; }
			#rock h2    { background: url(../images/hd-rock.png) no-repeat 0 0; }
			#skate h2   { background: url(../images/hd-skate.png) no-repeat 0 0; }
			#matrixy h2 { background: url(../images/hd-matrixy.png) no-repeat 0 0; }
				#rock h2 span, #skate h2 span, #matrixy h2 span { visibility: hidden; }

		#rock p, #skate p, #matrixy p { font-size: small; line-height: 1.3em; }/*smallest*/
			#rock p    { padding: 0 15px 0 20px; }
			#skate p   { padding: 0 17px 0 18px; }
			#matrixy p { padding: 0 20px 0 15px; }
			#rock p span, #skate p span, #matrixy p span { color: #F70000; font-weight: bold; }

	#secondary { float: right; margin-top: 55px; text-align: left; width: 283px; background-color: #ffcc00; }
	#secondary #poll-container { padding: 40px 10px 100% 10px; }

#footer { clear: both; background:#fff; }
	#footer p { margin: .5em; font-size: .675em; }
		#footer #truth { float: left; }
		#footer #copyright { float: right; text-transform: uppercase; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */