﻿

* {
	margin: 0;
	padding: 0;
}

body {

	background: #242424;
}

#message {
	
	font-size: 16px;
	background-color: #ffffe1;
	width:100%;
	padding:0.2em;
	padding-left: .7em;
	border: 0;
	border-bottom: 1px;
	border-style: solid;
	border-color:#000000;
}

#wrap {
	
	background:transparent;
	width:80%;
	margin:0 auto;
	padding:1.4em;
	
}




#Header {

	margin:0 auto;
	
	text-align:center;
	
	display: block;
	
	height: 85px;
}

#Header h1 {
	
	display:none;
	
	margin-bottom: 0;
	
	font: bold 2.5em verdana, sans-serif;
	letter-spacing: 5px;
	white-space: nowrap;
}


#panel
{
    color: white;
    
   border: 1px solid black;
    
    
   -o-box-shadow: 2px 2px 5px black;
	-icab-box-shadow: 2px 2px 5px black;
	-khtml-box-shadow: 2px 2px 5px black;
	-moz-box-shadow: 2px 2px 5px black;
	-webkit-box-shadow: 2px 2px 5px black;
	box-shadow: 2px 2px 5px black;
	
	
	
	
	/* css3 */
	/* degrades gracefully on unsupported browsers */
	-moz-border-radius: 0px 0px 8px 8px;  
  -webkit-border-radius: 0px 0px 8px 8px; 
	border-radius: 0px 0px 8px 8px;
	

	background-color:#909090;
    
}

#navigation_strip
{
  
    
/*  height: 30px;*/
	height:6px;
	background-color: #5dae30;
/*	background: url(images/bgfooter.png) repeat-x;*/
	
	border-bottom: 1px solid black;
	
	position:relative;
	z-index:2;
	
	
	
	-o-box-shadow: 0px 2px 7px black;
	-icab-box-shadow: 0px 2px 7px black;
	-khtml-box-shadow: 0px 2px 7px black;
	-moz-box-shadow: 0px 2px 7px black;
	-webkit-box-shadow: 0px 2px 7px black;
	box-shadow: 0px 2px 7px black;
	
	
	/* css3 */
	/* degrades gracefully on unsupported browsers */
	/*
	-moz-border-radius: 0px 0px 8px 8px;  
  -webkit-border-radius: 0px 0px 8px 8px; 
	border-radius: 0px 0px 8px 8px;
	*/
	
}

#navigation {
    
  width:90%;
  
  margin-left:auto;
  margin-right:auto;
    
	text-align: center;
	white-space: nowrap;
		

}

#navigation a {
	font-size: 18px;
	
	display:block;
	float:left;
	
	
	height:30px;
	width:24%;
	
	margin-right:-1px;
	
	text-decoration: none;
	
	padding-top:3px;
	
	border: 1px solid #002603;
	border-bottom: 0 solid black;
	
	color: black;
	background-color: #5dae30;
	
/*	background: url(images/bgfooter.png) repeat-x;*/

/*	opacity: 0.8;*/



	/* css3 */
	/* degrades gracefully on unsupported browsers */
	text-shadow: 1px 1px 2px #000;
	-moz-border-radius: 8px 8px 0 0;  
  -webkit-border-radius: 8px 8px 0 0; 
	border-radius: 8px 8px 0 0;

	
	


}

#navigation a:hover {
	color: white;
	background-color: #7bf636;
	
	position: relative;
	
	z-index:3;
	
	
	-o-box-shadow: 0px 2px 13px 4px #7bf636;
	-icab-box-shadow: 0px 2px 13px 4px #7bf636;
	-khtml-box-shadow: 0px 2px 13px 4px #7bf636;
	-moz-box-shadow: 0px 2px 13px 4px #7bf636;
	-webkit-box-shadow: 0px 2px 13px 4px #7bf636;
	box-shadow: 0px 2px 13px 4px #7bf636;
	
	
}

#navigation #active{
	
	/*
	-o-box-shadow: 2px 2px 5px black;
	-icab-box-shadow: 2px 2px 5px black;
	-khtml-box-shadow: 2px 2px 5px black;
	-moz-box-shadow: 5px 5px 5px black;
	-webkit-box-shadow: 2px 2px 5px black;
	box-shadow: 2px 2px 5px black;
	*/
	
	background-color:#2f7905;
	
/*	z-index:1;*/
}


#navigation2 {
	clear:both;
	text-align: center;
	white-space: nowrap;
	font-size: 0px;
	height: 25px;
	
	width:300px;
	
	position:relative;
	left:50%;
	margin-left:-150px;
}
#navigation2 a {

	font-size: 14px;
	
	
	
	display:block;
	float:left;
	height:24px;
	width:45%;
	
	
	
/*	display:inline;*/
	padding-top:.3em;
/*	padding: .3em 1em;*/
	text-decoration: none;
	
	border-width: 1px 1px;
	border-style: solid;
	border-color:#000000;
	
	color: #000000;
	background-color: #E8F6BF;
	
	background: url(images/bgfooter.png) repeat-x;
}

#navigation2 a:hover {
	color: #FFF;
	background-color: #F0FFC6;
}

#navigation2 #active{
	font-weight: bold;
}



#bodyContent{
	
	
	
	/* background: url(images/bgcontainer.png) repeat-y; */
	

	

	
	padding:0;
	padding-top:10px;
}

#bodyContent h2 {
	
	font: italic normal 1.1em verdana, sans-serif;
	letter-spacing: 1px;	
	color: #D43702;
	
	text-shadow: 2px 2px 2px #000;
	
}

#bodyContent p{
	font: .8em/1.4 verdana, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 2em;
	padding: 5px;
	
	
}



.pad
{
	padding:1em;

}





#footer{
	
	margin: 10px;
	
	text-align: center;
	font: .7em/0.5 verdana, Verdana, Arial, Helvetica, sans-serif;
	
}

#screenshots{
	text-align: center;
}
#screenshots img{
	margin-bottom: 0.7em;
}


.push
{
	clear:both;
}

