@charset "utf-8";
/* CSS Document */

body, ul, li, img, ul, h1, h2, h3{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;	
}

#container {
	position:relative;
	margin: 0 auto;
	width:1024px;
}

#header{
	height:120px;
	background: url(../img/header.png) no-repeat;
}

.port{
	text-align:left;
	padding: 10px;
}

#port_back{
	position:relative;
	top: 2px;
	left: 24px;
	z-index: 0;
	
}

#port_char_color{
	position:relative;
	top: -95px;
	left: 24px;
	z-index:2;
	
}

#port_char_face{
	position:relative;
	top: -192px;
	left: 24px;
	z-index:3;
	
}

#port_char_hair{
	position:relative;
	top: -288px;
	left: 24px;
	z-index:4;
	visibility:visible;
	
}

#port_char_extra{
	position:relative;
	z-index:5;
	
}

#port_border{
	position:relative;
	top: -391px;
	left: 20px;
	z-index: 9;
}


#port_banner{
	position:relative;
	background: url(../res/champs/portrait/banner.png) no-repeat;
	width: 110px;
	top: -432px;
	left: 14px;
	z-index: 10;
	text-align:center;
}

#port_lvl{
	position:relative;
	background:url(../res/champs/portrait/lvl.png);
	width:28px;
	height:28px;
	top: -428px;
	left: 55px;
	z-index: 10;
	text-align:center;
}

#sidebar-left{
	float:left;
	width:160px;
	background-color: #999;
}

#currency{
	position:relative;
	top: 8px;
	
}

#hp{
	position:relative;
	top:15px;
}
#hp_bar{
	position:relative;
	width: 130px;
	height: 18px;
	background-color:#F99;
}

#hp_current{
	position:relative;
	background-color:#F00;
	width: 90%;
	height: 18px;
}

#hp_text{
	position:relative;
	top: -20px;	
}

#res{
	position:relative;
	top:0px;
}

#res_bar{
	position:relative;
	width: 130px;
	height: 18px;
	background-color:#CCC;
}

#res_current{
	position:relative;
	background-color:#CCC;
	width: 100%;
	height: 18px;
}

#inventory{
	position:relative;
	width: 136px;

}

#inv_slot{
	float:left;
	margin: 1px;
	width:32px;
	height:32px;
	background:#966 url(../res/inv_slot.png);
}

#nav_map{
	
	
}

#nav_character{
	
	
}

#nav_questlog{
	
}

#nav_settings{
	
}

#unMain{
	background-color: lightgray;	
	width: 1024px;
}
#main{
	margin-left: 160px;
	width:864px;
	background-color: lightgray;
}

#location{
	
}

#ui_buttons{
	
}

#map{
	width: 500px;
}

#tiles{
	display: inline;	
	width: 50px;
	height: 50px;
}


#footer{
	clear:both;
	float:left;
	height: 50px;
	width: 1024px;
	text-align: center;
	background-color: #693;
	}
	
#sidebar-left, #main{
	min-height: 600px;				
}

<!-- LABELSHIT-->

.fieldarea {
    position: relative;
}

.tooltipbox {
	position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
    max-width: 200px;
    border: 1px solid gray;
    background-color: yellow;
	visibility: hidden;
}
.fieldarea:hover .tooltipbox {
	visibility: visible;
}


<!-- Champ creation -->

.champ{
	text-align:left;
	padding: 10px;
}

#champ_back{
	position:relative;
	top: 0px;
	left: 20px;
	z-index: 0;
	
}

#champ_char_color{
	position:relative;
	top: -94px;
	left: 24px;
	z-index:2;
	
}

#champ_char_face{
	position:relative;
	top: -192px;
	left: 24px;
	z-index:3;
	
}

#champ_char_hair{
	position:relative;
	top: -288px;
	left: 22px;
	z-index:4;
	
}

#champ_char_extra{
	position:relative;
	z-index:5;
	
}

#champ_border{
	position:relative;
	top: -391px;
	left: 20px;
	z-index: 9;
}

#champ_Wrapper{
	width: 1000px;
	margin: 0 auto;
}
#champ_icon{
	float: left;
	width: 500px;
	height: 100px;
}
#champ_select{
	width:500px;
}

#under_wrap{
	background-color: lightgray;
	clear:both;
	float:left;
	width: 1024px;
	text-align: center;
}