/* CSS Document */

body{
	background:url(images/background_sliver.jpg);
	background-color:#000000;
}
#horizon{
	position: absolute;
	top: 50%;
	width: 99%;
	height: 0px;
	overflow: visible;
	}
/*The cyan box 'horizon' is positioned absolutely 50% from the top of the page, is 100% wide and has a nominal height of 1px. Its overflow is set to 'visible'	*/
	
#site{	
	width: 800px;
	height: 682px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top:-341px;
	bottom: 0px;
	visibility: visible
	}
/*	The red 'content' box is nested inside the 'horizon' box and is 250px wide, 70px high and is positioned absolutely 50% from the left - but has a negative margin that is exactly half of its width, -125px. To get it to centre vertically, it has a negative top position that is exactly half of its height, -35px.*/

#overlay_left{
	position:absolute;
	left:0px;
	top:0px;
	width:360px;
	height:100%;
	background:url(images/back_overlay_02.png);
	background-repeat:repeat-y;
}
#overlay_right{
	position:absolute;
	right:0px;
	top:0px;
	width:664px;
	height:100%;
	background:url(images/back_overlay_03.png);
	background-repeat:no-repeat;
}

#header{
	position:absolute;
	z-index:1;
	top:0px;
	right:0px;
	width:800px;
	height:223x;

}

#menu{
	position:absolute;
	z-index:1;
	top:223px;
	left:0px;
	width:145px;
	height:400x;

}
#content{
	position:absolute;
	z-index:1;
	top:230px;
	left:145px;
	width:644px;
	height:341x;
	/*background-color:#009966;*/

}
#content_coming{
	position:absolute;
	z-index:1;
	top:330px;
	left:200px;
	width:400px;
	height:341x;
	text-align:center;
	/*background-color:#009966;*/

}
#news_box{
	position:absolute;
	top:582px;
	left:0px;
	width:250px;
	height:100px;

}
#mp3_box{
	position:absolute;
	top:582px;
	left:275px;;
	width:250px;
	height:100px;

}	
#contact_box{
	position:absolute;
	top:582px;
	right:0px;
	width:250px;
	height:100px;

}
#copy_back{
	position:absolute;
	z-index:0;
	top:182px;
	width:800px;
	height:400px;
	left:0px;
	background:#000000;
	background-color:#000000;
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90;
}






/* text styles */
.copy{
font-family: "Lucuda Grande", Arial, sans-serif;
color:#FFFFFF;
font-size:14px;
}

.heading{
font-family: "Lucuda Grande", Arial, sans-serif;
color:#CCCCCC;
font-size:16px;
font-weight:bold;
}
.imageRight{
float:right;
font-family: "Lucuda Grande", Arial, sans-serif;
color:#FFFFFF;
font-size:10px;
padding:20px;
}