/* ------------------------------------------------------------------------
	Import
------------------------------------------------------------------------- */

	@import url('jqGalScroll.css');


/* ------------------------------------------------------------------------
	Content Redefintion
------------------------------------------------------------------------- */

	/* { margin: 0; padding: 0; border: 0; }*/
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		background: #000 url(Images/bodyBackground.gif) top left no-repeat;
		
	}
		
	a:focus { outline: none; }
	a img{ border: none; }
	a { color: #338bed; text-decoration: none;}
	a:hover { text-decoration: underline; }
	

/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.cLeft { clear: left; }
	.cBoth { clear: both; }

	.hide { display: none; }
	
	.fLeft { float: left; }
	.fRight { float: right; }

	.padding { padding: 15px; }
	.mTop { top: 4px; }

/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */
	
	#SiteBox{
		display: block; position: absolute; 
			
		top: 50%; left: 50%;
		margin:  -235px -423px;
		padding: 18px;
		
		width: 828px; height: 451px;
		max-height: 451px; max-width: 828px; overflow: hidden;
		
		background: #000 url(Images/mainBox.gif) top left no-repeat;
	}
		
		
		#SiteMenu ul{
			display: block;
			margin-left: 0px; /* IE Needs this But FF doesn't! */
			padding-left: 0px;
		} #SiteMenu a{ color: #FFF; }
		
		#SiteMenu ul ul{
			padding-left: 20px;
		}
		
		#SiteMenu ul li{
			
			list-style:none;
			display: block;
			min-height: 35px;
			padding: 2px;
		} #SiteMenu ul li img{
			border: 0px solid;
			position: relative;
			top: 0px;
		}
		
			#SiteMenu ul li ul li{
				list-style:none;
				display: none;
				min-height: 22px;
			} #SiteMenu ul li ul li img{
				position: relative;
				bottom: 0px;
			}
	
	#Content{
		position: absolute;
		top: 85px; left: 227px;
		width: 597px; height: 330px;
		max-width: 597px; max-height: 330px; /*overflow: hidden;*/
		border: 1px solid #2c2c2c;
	}
	
		
#Content{ background-image: url(Images/ContentBackground.png);}
#Content #InnerContent{
			display: none;
			padding: 10px;
			font-size: 14px;
}
		
			#Content #InnerContent h1{
				margin-top: 0px;
			}
			#Content #InnerContent p{
				display: none;
			}
	 
	#Footer{
		position: absolute;
		bottom: 24px; right: 28px;
		height: 18px; width: 828px;
		font-size: 14px; text-align: right; color: #727272;
	}
		#Footer span a{
			color: #232323;
		} #Footer span a:hover{
			color: #FFF;
			text-decoration: none;
		}

#LeftFade{
	position: absolute; left:0px; top: 0px; z-index: 100;
}

#RightFade{
	position: absolute; right:0px; top: 0px; z-index: 100;
}


#ComingSoon{
	font-family: Arial;
	color: #338bed;
	font-size: 32px; font-weight: lighter;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -18px; margin-left: -110px;
}