body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF url(images/main_background.gif) repeat-y 960px 0;
	position: relative;
}
.container {
	background-color:#FFFFFF;
	}
#languages {
	position:absolute;
	top:80px;
	left:780px;
	width:110px;
	height:40px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align:center;
	z-index:2;
	}
#music {
	position:absolute;
	top:80px;
	left:904px;
	width:40px;
	height:40px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align:center;
	z-index:2;
	font-size:9px;
	color:#FF9900;
	}
.langs {
	margin:0 auto;
	}
.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	padding:8px 40px 10px 30px;
	}
.pelates {
	background-color:#4B4C4D;
	}
.newsletter {
	color:#FFFFFF;
	padding:8px 20px;
	font-size:11px;
	}
.thenews {
	font-size:12px;
	color:#333333;
	padding:8px 20px;
	}
.bottom {
	position:relative;
	font-size:10px;
	color:#333333;
	text-align:center;
	border-top:1px solid #F58526;
	padding:12px 0;
	}
#inventicslink {
	position:absolute;
	width:110px;
	height:14px;
	left: 30px;
	}

.vidspot {
width:320px;
height: 150px;
position: absolute;
z-index:3;
top: 490px;
left: 200px;
}


/*  
    overlay dimensions are defined with CSS. this tool detects them dynamically   
    and resizes the background image correspondingly 
*/ 
#myOverlay { 
    width:510px; 
height: 550px;
    /* overlay is initially hidden */ 
    display:none; 

} 
 
/*  
    close button (div.close element) is auto-generated by default.  
    here it is positioned on top-right corner  
*/ 
#myOverlay div.close { 
    background:url(../images/close.png) no-repeat; 
    position:absolute; 
    top:0px; 
    right:0px; 
    width:38px; 
    height:38px; 
    cursor:pointer;     
} 
 
/*  
    the actual content is moved little bit inside so that it doesn't overlap 
    with the drop shadow in the overlayed image 
*/ 
#vid2 { 
margin: 22px 0px 10px 54px;
}

#music_on_off {
cursor:pointer;}