html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
body{ margin: 0; padding: 0; font:62.5% 'Georgia', Serif; background: #dceeee; color: #000;}
#wrapper{margin: 25px auto; width: 915px;}

#header{margin-top: 8px; background: url(images/vert-line.gif) no-repeat right; width: 330px; float: left;}
	#logo{background: url(images/logo.gif); width: 300px; height: 209px;}

/*--------- Navigation ---------*/
	#nav{margin: 30px 0 0 50px;}
	#nav li{margin-bottom: 20px;}
	#nav li a:hover, .here{background-position: bottom !important;}
		.home{background: url(images/nav-home.gif); width: 80px; height: 23px;}
		.company{background: url(images/nav-company.gif); width: 189px; height: 63px;}
		.screening{background: url(images/nav-screening.gif); width: 234px; height: 56px;}
		.faq{background: url(images/nav-faq.gif); width: 193px; height: 50px;}
		.investment{background: url(images/nav-investment.gif); width: 221px; height: 23px;}
		.contact{background: url(images/nav-contact.gif); width: 147px; height: 23px;}

#page{margin-bottom: 25px; width: 576px; float: right;}
	#main-video{background: url(images/main-vid.gif); width: 576px; height: 432px; margin-bottom: -30px;}
	#screening-video{background: url(images/screening-bg.gif); width: 576px; height: 366px;}
		#screening-video ul{width: 156px; height: 116px; background: #444; position: absolute; margin: 45px 0 0 201px;}
			#screening-video ul li{float: left;}
			#screening-video ul li a{width: 78px; height: 58px;}
				.video-1{background: url(images/video-1.gif);}
				.video-2{background: url(images/video-2.gif);}
				.video-3{background: url(images/video-3.gif);}
				.video-4{background: url(images/video-4.gif);}
				
				.video-1:hover, .video-2:hover, .video-3:hover, .video-4:hover{background-position: 0 -58px}
				.video-1:active, .video-2:active, .video-3:active, .video-4:active{background-position: 0 -116px}
			.screening-room li{font-size: 1.2em;}
			.screening-room ul{list-style: decimal !important;}
	#content{margin-top: 30px; padding: 25px; background: url(images/content-bg.gif) repeat-x; width: 523px; min-height: 500px;}
		#content h3{font-size: 1.4em;}
		#content ul{list-style: circle; font-size: 1.2em; margin-left: 20px; }
			#content ul li{margin: 7px;}
		#content a{background: #AB541A; padding: 2px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff;}
		#content a:hover{background: #E38648;}
		
/*--------- Sub Pages ---------*/
#page .sub {margin-top: 8px; }

.faq h2 span{display: block;}

.faq h3{font-size: 1.6em; font-weight: bold; font-style: italic; color: #ab541a;}
.faq h4{font-size: 1.3em; margin: 3px 0; padding: 9px; background: #3180ad; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
	.faq h4:hover{background: #6EB0D6;}
.faq div{font-size: 1.2em; line-height: 1.4em; padding: 12px; background: #fff; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.investment ul{margin: 0 0 15px 45px; font-size: 1.4em; list-style: circle; color: #AB541A;}
	.investment ul li{margin: 5px 0;}

.contact dl{font-size: 2.1em;}
	.contact dt{font-weight: bold; font-style: normal; position: absolute; text-align: right; width: 100px;}
	.contact dd{margin: 10px 0; font-style: italic; margin-left: 110px;}
.contact img{margin: 15px;}
	
/*--------- Headers and Text---------*/
#content h2{margin-bottom: 20px; font-size: 2.4em;}
#content p{margin-bottom: 15px; font-size: 1.3em; line-height: 1.6em;}

/*--------- Ipod ---------*/
.ipod{display: block; background: #fff; color: #333; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 230px; font-size: 1.2em; line-height: 1.5em; margin-top: 30px;}
.ipod-big{display: block; background: #fff; color: #333; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.2em; line-height: 1.2em; margin-top: 30px;}
	.ipod-big small{margin: 0; padding: 0; list-style: none;}

/*--------- Common Classes ---------*/
.hide{display: block; text-indent: -9999px;}
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
small {font-size: .7em !important;}