/* CSS Document */

p, h1, h2, h3, h4 {	margin: 0; padding: 0; }


body {
	background: #ededed url(images/bg_strip.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin: 2px 0 0 0; padding: 0;
	}
	

#main {
	background: #fff url(images/bg_strip.gif) repeat-x;;
	padding-bottom: 20px;
	overflow: auto;
	}
	
.container {
	width: 960px;
	margin: auto;
	position:relative;
	}
	
#main .container {
	
	min-height: 490px;
	height: auto !important;
	height: 490px;
	
	}	

#header {
	padding:20px  0 10px 0;
	
}

/*  MAIN CONTENT AND VIDEO AREA */

#videoSection {
	float: left;
	margin-right: 15px;
	}
	
#screen {
	width: 550px; height: 333px;
	padding: 3px;
	border: 1px solid #e5e5e5;
	background: #fff;
	}	

#controls {
	
	padding: 2px 2px;
	overflow: auto;
	
	}
	
#menu {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 3px;
	width: 345px;
	float: left;
	}	

.inside {
	background: #fefefe;
	padding: 5px;
	
	}	

#menu ul {
	margin: 0; padding: 10px 0;
	}
	
#menu ul, #menu li {
	float: none;
	display: block;
	}	
	
#menu li { 
	margin: 5px 0;
	color: #CCCCCC;
	}
		
a.launch {
	display: block;
	width: 140px;
	height: 23px;
	text-decoration: none;
	background: url(images/launch.png) no-repeat;
	
	}
	
a.launch:hover {
	background-position: 0 -23px;
	}
	
	
/* FOOTER  */	
#footer {
	background: url(images/footer_tile.gif) repeat-x;
	padding: 10px 20px 20px 20px;
	height: 160px;
	}

#footer .container {
	width: 960px;
	margin: auto;

}	

#support {
	float: right;
	width: 170px;
	border-right: 1px solid #ccc;
	
	}
	
#contact {
	float: right;
	padding-left: 30px;
	width: 170px;
	
	}

#support_title {
	background: url(images/support.jpg);
	width: 129px;
	height: 22px;
	margin-bottom: 5px;
	}
	
#support_title h2 {
	text-indent: -9999px;
	margin-bottom: 0px;
	display:block;
	}
	
#contact_title {
	background: url(images/contact.jpg);
	width: 135px;
	height: 22px;
	margin-bottom: 5px;
	}
	
#contact_title h2 {
	text-indent: -9999px;
	margin:0px;
	display:block;
	}	
	
	
.title {
	padding: 3px;
	border: 1px solid #e5e5e5;
	background: #fff;
	}	
/* TEXT AND LINKS  */
	

h1 span {
	background: url(images/title_bg.jpg) repeat-x;
	font-size: 16px;
	color: #FFFFFF;
	padding: 4px 8px;
	float: left;
	}


h2 {
	color: #FFFFFF;
	}
	
h3 {
	font-size: 13px;
	color:#FFFFFF;
	}

#menu p {
	color: #666;
	}	
		
a {	
	text-decoration: none;
	color: #f7cf1b;
	outline: 0;
	}
	
a:hover {	
	text-decoration: underline;
	}	
	
a img{	
	border: 0;
	}

.bold {
	font-weight: bold;
	}

/* PRELOAD MESSAGE  */
	
#PreloadMessage { position:absolute; z-index: 2; width:550px; height:333px; background: #131313;  }

#PreloadMessage p {  padding: 100px 10px 10px 10px; text-align: center; color: #FFFFFF; }
	
#LoadProgress { visibility: hidden; }		
	
/* PNG FIX  */

	img, div, li, ul{ behavior: url(images/iepngfix.htc); }