




/*
	RESET AND BASICS
*/
* { margin: 0; padding: 0; }
html {
	background: #cccccc url(../images/bg_fade.jpg) top left repeat-x; }
	
body {
	font-family: Helvetica, Arial, Verdana, Geneva, serif; 
	font-size: 16px;
	margin: 30px 0 0 0;
	color: #999999;
}

a, a:visited { text-decoration: none; outline: none; color: #ff9900; }
a:hover { color: #cccccc; }
a img { border: none; }


h1 { color: #999999; margin-bottom: 10px;}
p { margin: 8px 0;}
hr {
	margin: 15px 0;
	
	}



/* 
	VIDEO-SCREEN
*/



/* screen1 */
#wrapper { 
	width: 370px;
	height: 380px;
	background-color: #ff6600;
	text-align: center;
	color: #ffffff;
}


/* screen2 */
#wrapper2 { 
	width: 800px;
	height: 200px;
	background-color: #555555;
	text-align: center;
	color: #ffffff;
}




/* 
	CONTAINER
*/

#container {
	width: 848px;
	height: 530px;
	background: url(../images/container_bg2.jpg) no-repeat;
	margin: 0 auto;
	}
	
#cont-wrapper {
	width: 100%;
	height: 600px;
	}


/* 
	CONTENT
*/

#content {
	width: 390px;
	height: 485px;
	background-color: #666666;
	position: absolute;
	margin: 21px 0 0 436px;
	color: #ffffff;
	}
	
	
	
	
	
	
/* 
	SCROLLER
*/


.scroller {
	width: 370px;
	height: 465px;
	overflow: auto;
	padding: 10px;
	/*text-align: justify;*/
}




/* 
	FOOTER
*/






/* 
	BOTTOM
*/

#bottom {
	width: 848px;
	padding: 20px 20px 0 20px;
	position: absolute;
	margin: 530px 0;
	}




/* 
	NAVIGATION
*/


.navi li { display: inline; }

.navi ul { list-style-type: none; }

.navi a:link, .navi a:visited {
	display: block;
	float: left;
	padding: 4px 10px;
	margin: 1px;
	font-size: 16px;
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}

.navi a:hover {
	background-color: #ff6600;
}

.navi-active {
	display: block;
	float: left;
	padding: 4px 10px;
	margin: 1px;
	font-size: 16px;
	background-color: #ff6600;
	color: #ffffff;
	text-decoration: none;
	}







/* 
	TOO COOL FOR IE
*/

a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(../images/too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

.ad {
	
	}









img.floatLeft { 
    float: left; 
    margin-right: 10px; 
}

