/* universal settings */
*{
	margin:0;   /* SO NOT TO PUSH EVERYTHING DOWN */
	padding:0;
}
/* general */
body{
	background: #210D0B; 
}



#container {
	width:800px;
	margin: 0 auto;
	font: 1.1em Verdana, Arial, sans-serif;
}

h1 , h2{
	font-family: Western;
	color: #fff;
}

#header{	
	
	text-align: center;    
	background: transparent url(../images/b1.gif) no-repeat; 
	font-size: 2em;
	margin: 5px 0 0 0;
	height: 200px;
}
#header {
	color: #fff;
}
#header h1{
	color: #ecf89c;
	font-size: 1.5em;
	padding: 40px 0 0 80px;
}


/* NAVIGATION */
/* HORIZONTAL NAVIGATION */

#nav{
	/* padding to push down the menu a little  */
	padding: 0.3em; 
	background: #210D0B; /* ca8000 */
	/* the text align left does not have any effect here */
	text-align: left;
}

#nav ul{

}

#nav ul li{
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 1em 0 0;
}

#nav ul li a {
	color: #fde7c1;
}

/* content */
#content{
	 margin: 0;
	 
}
p{
	;
}
ul{
	margin-left: 1.4em;
}
#one{
	padding: 3% ;
	background: #F2AA54;
	color: #000;
}
#two{
	padding: 1% ;
	color: #fff;
	background: transparent url(../images/b1b.gif) repeat;
}
#three{
	padding: 3% ;
	background: #F2AA54;
	color: #000;
	clear: both;
}
#three li{
	padding:2%;
}
#four{
 	padding: 3%;
	background: #2b2b2b;
	color: #fff;
}
img{
	margin: 0.5em;
	color: #000;
	}
img.r {
	float: right;
	clear: right;
}
img.l {
	float: left;
	clear: left;
}