/*======================
	RESET
========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherhit;
	font-family: inherit;
	vertical-align: baseline;
}
body
{
	background:#3a261b;	
	font-family:Tahoma, Arial;
	font-size:12px; 
}
/*======================
	WRAPPER
========================*/
#wrapper
{
	width:800px;
	min-height:600px;
	height:auto !important;
	height:600px; 
	margin:0 auto; 
}
/*======================
	HEADER
========================*/
#header
{
	background:url(../images/header.jpg) no-repeat; 
	height:182px;
	width:872px;
	position:relative;
	top:0;
	left:-73px;
	z-index:1; 
}
#logo
{
	position:absolute;
	top:30px; 
	left:38px;
	width:157px; 
	height:82px;	
}
#header-menu
{
	position:absolute;
	top:147px; 
	left:110px; 
}
#header-menu li
{
	float:left; 
	list-style:none; 	
}
#header-menu li a
{
	display:block; 
	font-size:14px;
	color:#3a261b; 	
	
	padding:9px 15px 8px 15px;
	text-decoration:none; 	
}
#header-menu li a.active
{
	background:url(../images/highlight.gif) repeat-x; 
	border-left:solid 1px #af8e00;
	border-right:solid 1px #af8e00;
}
#header-menu li a.active:hover
{
	color:#3a261b; 
}
#header-menu li a:hover
{
	color:#777037;	
}
/*======================
	RIGHT MENU
========================*/
.right-menu
{
	background:url(../images/right_menu_top.gif) no-repeat; 
	width:189px;  
	float:right; 
	position:relative;
	left:-11px; 
	margin:5px auto; 
}
.right-menu-bottom
{
	background:url(../images/right_menu_bottom.gif) no-repeat 0 100%; 
	padding: 9px 0 8px 0;
	width:100%;
	float:right; 
}
.right-menu ul
{
	list-style:none;
	background:url(../images/right_menu_background.gif) repeat-y;
	padding:0 2px 0 2px; 
	
}
.right-menu li
{
	
	background:url(../images/right_menu_item.gif) repeat-x;
	border-bottom:solid 3px #886c46; 
	padding:5px 10px 5px 10px; 
}
.right-menu a, .right-menu a:visited
{
	color:#3a261b;
	text-decoration:none; 	
}
.right-menu a:hover
{
	color:#766443; 	
}
#right-column h2
{
	margin:0 0 0 20px; 
	padding:0; 
	font-size:18px;
	color:#f0e0ab; 
}
/*======================
	BODY
========================*/
#body-wrapper
{
	background:url(../images/body_background.gif) repeat-y; 
	float:left; 
	width:100%;
}
#body
{
	background:url(../images/body_bottom.gif) no-repeat 0 100%;
	float:left;
 	width:100%; 
	
}
/*======================
	CONTENT
========================*/
#content
{
	background:url(../images/content_background.gif) repeat-x; 

	min-height:418px;
	height:auto !important;
	height:418px;
	width:573px;
	float:left; 
}
#content-top
{
	background:url(../images/content_top.gif) no-repeat;
	height:40px; 
}
#content-top h1
{
	position:relative;
	top:13px;
	left:20px; 
	color:#fff; 
	font-weight:400;
	font-size:16px; 
}
#content-body
{
	margin:15px; 	
}
/*======================
	RIGHT COLUMN
========================*/
#right-column
{
	width:209px; 
	float:right; 
	padding:5px;
}
#cheat-btn
{
	margin:5px auto; 
	display:block; 
	background:url(../images/dofus_cheats_btn.gif) no-repeat; 
	width:189px;
	height:80px;
}

/*======================
	FOOTER
========================*/
#footer
{
	clear:both; 
	position:relative;
	top:20px;
	padding:15px 0 15px 0;
	height:100px; 
	width:800px; 
	background:url(../images/footer.gif) no-repeat 50% 0; 
}
#footer-menu
{
	
	display:block;
	margin:10px auto; 	
	width:510px;
}
#footer-menu ul
{
	float:left;  
}
#footer-menu li a
{
	color:#faf4da; 
	text-decoration:none; 
}
#footer-menu li a:hover, #footer-menu li a.active
{
	text-decoration:underline; 	
}
#footer-menu li
{
	padding:0 5px 0 5px;
	float:left; 
	list-style:none;
	border-right:solid 1px #faf4da;
}
#footer-menu li.no-border
{
	border:0; 	
}
#copyright
{
	clear:both; 
	color:#faf4da; 
	position:relative;
	top:28px; 
	text-align:center; 
}
/*======================
	POSITIONING
========================*/
.left
{
	float:left;
}
.right
{
	float:right; 
}
.clear
{
	clear:both; 
}
/*======================
	WIDTH
========================*/
.width-25
{
	width:25%;
}
.width-33
{
	width:33%;
}
.width-40
{
	width:40%;	
}
.width-50
{
	width:50%;
}
.width-60
{
	width:60%;
}

.width-75
{
	width:75%;
}
.width-70
{
	width:70%; 	
}
.width-100
{
	width:100%;
}
/*======================
	PADDING
========================*/
.padding-top-5px
{
	padding-top:5px;	
}
.padding-bottom-5px
{
	padding-bottom:5px; 	
}
.padding-5px
{
	padding:5px;
}
/*======================
	MARGIN
========================*/
.margin-right-10px
{
	margin-right:10px; 	
}
/*======================
	DIVIDER
========================*/
.divider
{
	width:501px;
	
	height:7px;
	background:url(../images/divider.gif) no-repeat; 
	position:relative;
	top:10px;
	bottom:10px; 	
	clear:both; 
	margin:10px auto 10px auto; 
}