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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

html,body{height:100%}
body {background-repeat: repeat-x; background-color: #333; background-image:url(../images/bg.jpg);  }

p,li,label,strong{font-size: 12px; font-family: Arial, "Lucida Grande", sans-serif; color: #F2F2F2; line-height: 14px; margin-bottom: 15px;}
li{margin-left: -20px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
* html .clearfix{height:1%}
a{ color: #999; text-decoration: none;}
a:hover{text-decoration: underline;}

h1{font-size: 120%; margin-bottom: 15px; font-family: Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #FFF;}
h2{font-size: 120%; margin-bottom: 15px; font-family: Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #FFF;}
h3{font-size: 100%; margin-bottom: 10px; font-family: Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #FFF;}

h1.mrg{margin-top: 20px;}

.formElement{ float: left;}
.formField{ border: 1px dotted #333; background: transparent; color: #333; height: 15px; padding: 3px; font-size: 12px;  }

.error{ background-color: #c13236; color: #FFF; font-weight: bold; font-size: 11px; padding: 5px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; text-align: center;}

#container{ position: relative; width: 960px;  background-color: #333; min-height: 100%; }
	#topLine{ height: 25px; width: 960px; }
	#main{ height: 605px; width: 960px; background-repeat: no-repeat; background-image: url(../images/bg_main.jpg); }
		#logoMenu{ position: relative; height: 48px; width: 960px;}
			
			#menu{ height: 48px; width: 775px; float: right; margin-top: 0px; margin-right: -5px;}
				.menuItem{float:left;}
		#videoplayer{ float: right; display: block; width: 482px; margin-right: 50px; margin-top: 50px;  z-index: 9;}	
			
		#mainContent{ position: relative; height: 550px; width: 960px; }
			#mainText{ display: block; width: 482px; right: 10px; top: 0px; position: absolute; z-index: 9; }
				#mainTextTop{ height: 10px; width: 482px; background-repeat: no-repeat; background-image:url(../images/text_content_top.png); margin: 0; }
					#mainTextContent{ width: 482px; background-repeat: repeat-y; background-image:url(../images/text_content_content.png); margin: 0;  }
					#mainTextContentContent{ position: relative; padding:10px 10px; max-height: 500px; width: 452px; overflow: auto;}
				#mainTextBottom{ width: 482px; background-repeat: no-repeat; height: 11px; background-image:url(../images/text_content_bottom.png); margin: 0;  }
			
		
	#footerTop{ height: 15px; width: 960px; background-repeat: no-repeat; background-image: url(../images/v_bg_bottom.jpg);}
	#footer{ min-height: 50px; width: 960px;}
		#logos{float: right;}
		#credits{ position: relative; display: block; font-size: 11px; text-align: center; width: 960px;}
			#credits p{color: #FFF;}
			#credits a{color: #FFF;}
	
.castMember{ float: left; position: relative; width: 100px; height: 170px; margin: 4px;}
.castMemberName{text-transform: capitalize; padding-top: 15px; position: absolute; bottom: 0; left: 0; text-shadow: 0.1em 0.1em 0.1em #000; color: #FFF; line-height: 10px; font-size: 10px; font-family: Helvetica, Verdana, Arial; text-align: center; background-repeat: no-repeat; background-image: url(../images/cast_name_bg.png); z-index: 9; width: 110px; height: 40px;}	
			
.pPicture{margin: 0px;}