/*** Style Definitions ***/
html			{ 
					background:#01010b; 
					background-image:url(../spritely/images/sky1.png);
					background-repeat:repeat-x;
					background-attachment:fixed;
					background-position:bottom;
					font-family:Arial, Helvetica, sans-serif; }

a:link {
			color:#FFO;
}

a:visited {
			color:#FFO;
			text-decoration: underline;
			
}

a:hover {
			color:#F30;
}

a:active {
			color:#000;
}


/*** Clouds ***/
#sky 			{
					position:fixed;
					bottom:0;
					width:100%;
					height:800px;
}

.clouds			{ 
					width:100%; 
					height:800px;
					overflow:hidden; 
}

#stars	{ 
					background-image:url(../spritely/images/stars.png);
					width:3000px; 
					height:300; 
					background-repeat:repeat-x;
}

#clouds1			{ position:relative; top:-700px; }
#clouds	{ 
					background-image:url(../spritely/images/cloud.png);
					width:3000px; 
					height:300; 
					background-repeat:repeat-x;
}

#buildings1			{ position:relative; top:-1175px; }
#buildings		{ 
					background-image:url(../spritely/images/city.png);
					width:4000px; 
					height:100%; 
					background-repeat:repeat-x;
}

#trees1			{ position:relative; top:-1960px; }
#trees		{ 
					background-image:url(../spritely/images/trees.png);
					width:80000px; 
					height:100%; 
					background-repeat:repeat-x;
}

#wall1			{ position:relative; top:-2660px; }
#wall		{ 
					background-image:url(../spritely/images/city_walls.png);
					width:100000px; 
					height:100%; 
					background-repeat:repeat-x;
}

/*** Header ***/

#menu				{ z-index:10; margin:10px auto 0 auto;}

#menu a				{ font-size:12px; color:#000; text-decoration:none; padding:12px 16px 12px 16px;}
					
#menu a:hover		{ background-image:url(../images/nav_hover.jpg); background-repeat:repeat-x; color:#fff; text-decoration:none; padding:12px 16px 12px 16px;}

#menu a.selected	{ background-image:url(../images/nav_select.jpg); background-repeat:repeat-x; color:#FFF; text-decoration:none; padding:12px 16px 12px 16px;}
					
#menu li			{ display:inline;}


/*** Body Content ***/
#wrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }

#mask		{ width:100%; height:100%; }

.box		{ width:100%; height:100%; float:left; }

.content	{ width:960px; height:360px; top:10%; margin: 0 auto; position:relative; background:rgba(0,0,0, 0.0);
				 }
				
.inner		{ width:920px; height:280px; background:rgba(0,0,0, 0.6); border:white 1px dotted; margin:5px; padding:10px; top:0px; position:relative; }


#fb:hover {
	background-position:0 25px;
}

#fb {
	width:25px;
	height:25px;
	background-image:url(../images/fb.png);
	background-position:0 0;
	position:absolute;
	left:130px;
	bottom:5px;
}

#twitter:hover {
	background-position:0 25px;
}

#twitter {
	width:25px;
	height:25px;
	background-image:url(../images/twitter.png);
	background-position:0 0;
	position:absolute;
	left:160px;
	bottom:5px;
}


#video01:hover {
	background-position:0 184px;
}

#video01 {
	width:400px;
	height:184px;
	background-image:url(../images/video01.jpg);
	background-position:0 0;
	position:absolute;
	left:50px;
	top:60px;
}

#video02:hover {
	background-position:0 184px;
}

#video02 {
	width:400px;
	height:184px;
	background-image:url(../images/video02.jpg);
	background-position:0 0;
	position:absolute;
	left:490px;
	top:60px;
}