@charset "UTF-8";
body  {font:100% Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; background-color:black}
#container {width:1002px; margin-left:auto; margin-right:auto; }
#container-nav { background-color: #333 }

.image { position: relative; width: 100%; text-align:left }

h2 { position: absolute; top: 0; left: 0; width: 100%;}
h2 span { color: white; font: bold 24px/45px Helvetica, Sans-Serif; letter-spacing: 4px;  background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.7); padding: 10px; }
h2 span.spacer {padding:0 10px;}

#header {  float:left;  }

#content{  width:1002px;margin-left:auto; margin-right:auto; background-color: #FFF; margin-top:20px  }
#content p {font-size:.8em; line-height:1.8em; margin-left:40px  }
#contentright { width:400p; float:left }
#footer{ width:1000px; margin-left:auto; margin-right:auto; background-color:#333; border:1px solid; background-color:#333 }
#footer p{ font-size:.8em; color: #666  }
#footer a { text-decoration:none ; font-size:.8em  ;  }

ul {  list-style-type: none; margin: 0; padding: 0; overflow: hidden;}

#container-nav li {float: left; line-height:71px;   }

#container-nav a:link, a:visited { font-size:30px;
    display: block;
    width: 500px;
    color: #999;
    
    text-align: center;
    padding: 5px;
    text-decoration: none;


#container-nav a:hover, a:active {
    background-color: #000;
}

#slidewrapper {	display: block;
	margin-left: auto;
	margin-right: auto;}
	
	#contentwrapper {	display: block; 
	margin-left: auto;
	margin-right: auto;
	width:1002px; }
	
/* Easy Slider */
#slider{}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:1002px;
		height:500px;
		overflow:hidden; 
		}
	span#prevBtn{ float:left;		margin:0;
		padding:0;}
	span#nextBtn{ float:right		;margin:0;
		padding:0;} 					

/* // Easy Slider */