html, body {
	background-color: #383430;
	margin: 0; 
	padding: 0; 
}
body { behavior:url("css/hover.htc"); }
img  { behavior: url("css/pngbehavior.htc"); }

.hide { display: none; }


/* -----  Links  ----- */
a { color: #FF9900; } 		/* unvisited link */
/*a:link { color: #FF9900; } 		/* unvisited link */
/*a:visited {	color: #FF9900; } 	/* visited link */  
/*a:hover { color: #FFFFFF; }		/* mouse over link */   
/*a:active { color: #FFFFFF; }	/* selected link */ 



/*------------------------------------------------------
	PageWrapper - Goes around everything on the site 
--------------------------------------------------------*/
#PageWrapper
{
	width: 100%; 
	min-height: 100%; /*Sets the min height to the height of the viewport.*/ 
	
	height: 100%; /*Effectively, this is min height for IE5+/Win, 
					since IE wrongly expands an element to enclose its content. 
					This mis-behavior screws up modern browsers */ 					
	margin: 0; 
	padding: 0; 
	
	position: absolute; 
	top: 0; 
	left: 0;
	
	background-image: url(../imgs/header/bg_pixel.gif);
	background-repeat: repeat;
	
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
}
/*this undoes the IE hack, hiding it from IE using the child selector*/
#PageWrapper[id] {  height: auto;  }


/*---------------------------------------------
	Main - the header and the site contents 
		(everything except the footer)
------------------------------------------------*/
#MainLargeHeader
{ 
	padding: 0px;
/*	padding-top: 101px;*/
	padding-top: 109px;
	margin: 0px; 
	margin-bottom: 32px; /*footer height(28px + a bit)*/ 
	height: auto;
} 
#MainSmallHeader
{ 
	padding: 0px;
/*	padding-top: 101px;*/
	padding-top: 79px;
	margin: 0px; 
	margin-bottom: 32px; /*footer height(28px + a bit)*/ 
	height: auto;
} 

/*--------------------------------------------------
	Contents - Div container for the site guts 
----------------------------------------------------*/
/*
display: inline;float: left;
*/
#CenterColumn
{
	width:675px;
}

#Contents
{
	position: relative;
	margin-left:12px;
	
	padding-top: 4px;
	text-align: center;

	width:675px;
}
/*--- /Contents ---*/

#Search_Area
{
	position: relative;
	padding-right: 19px;	
}

#Comparator
{
	position: relative;
	margin-top:2px;
	text-align:left;
	margin-left:15px;
}

#GuideRight
{
	text-align:left;
	margin-left:30px;
	margin-top:18px;
}
#Nav
{
	position: relative;
	/*background-color: green;*/
	vertical-align:top;
	padding-right: 19px;
}


/*------------------------------------
	Footer - The bit at the bottom
		Defined as a horizantal list
-------------------------------------*/
#Footer
{
	position: absolute;
	width: 100%;
	bottom: 0px;
	font-size: 11px;
	text-align: center;
	line-height: 28px;
	height:28px;
	
	background-image: url(../imgs/footer_bg.gif);
	background-repeat: repeat-x;
	background-color: #1D1918;	
}
#Footer ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}
#Footer ul li {
	display: inline;
	margin-right: 11px;
	margin-left: 11px;
}
/*---/Footer ---*/  


/*----------------------------------------------------
	Header - The wrapper for all the bits at the top 
------------------------------------------------------*/
#HeaderLarge
{
	height: 90px;
	width: 100%;
	margin: 0px; 
	padding: 0px; 	
		
	position:fixed;
	_position:absolute; /*ie horrors*/
	top: 0px;
	left: 0px;

	z-index:100;

	background-image: url(../imgs/header/landscape1.jpg);
	background-repeat: repeat-x;
	background-position: 250px top;
}
#HeaderSmall
{
	height: 79px;
	/*height: 101px;*/
	width: 100%;
	margin: 0px; 
	padding: 0px; 	
	
	position:fixed;
	_position:absolute; /*ie horrors*/
	top: 0px;
	left: 0px;

	z-index:100;

	background-image: url(../imgs/header/landscape1.jpg);
	background-repeat: repeat-x;
	background-position: 222px top;
}
/* -----  Lootables logo  ----- */
#Header_LogoLarge
{
	position: absolute;
	height: 90px;
	width: 300px;
	left: 0px;
	top: 0px;
	text-align: center;
	
	background-image: url(../imgs/header/lootables_logo_large_beta.png);	
	background-repeat:no-repeat;
	background-color:transparent;		
	
	_background-image: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./imgs/header/lootables_logo_large_beta.png');
}
#Header_LogoSmall
{
	position: absolute;
	height: 60px;
	width: 285px;
	left: 0px;
	top: 0px;
	text-align: center;
	
	background-image: url(../imgs/header/lootables_logo_small_beta.png);	
	background-repeat:no-repeat;
	background-color:transparent;		
	
	_background-image: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./imgs/header/lootables_logo_small_beta.png');
}


#Header_LogoLarge H1
{
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;
	font-size: 12px;
	color:#FFCC33;
	position: absolute;
	top:59px;
	left:45px;
}
#Header_LogoSmall H1
{
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;
	font-size: 12px;
	color:#FFCC33;
	position: absolute;
	top:40px;
/*	top:57px;*/
	left:45px;
}


/* -----  Divider bar  ----- */
#Header_BarLarge
{
	background-image: url(../imgs/header/header_bar.png);
	_background-image: url(../imgs/header/header_bar_notrans.gif); /*ie horror - dont need trans as ie cant do it*/
	background-repeat: repeat-x;
	position: absolute;
	
	top: 90px;
	left: 0px;
	height: /*12px;*/19px;
	width: 100%;
	z-index:1;
}
#Header_BarSmall
{
	background-image: url(../imgs/header/header_bar.png);
	_background-image: url(../imgs/header/header_bar_notrans.gif); /*ie horror - dont need trans as ie cant do it*/
	background-repeat: repeat-x;
	position: absolute;
/*	top: 82px;*/
	top: 60px;
	left: 0px;
	height: /*12px;*/19px;
	width: 100%;
	
	z-index:1;
}


/* ----------------------------------------
	US/EU, Realm & Faction dropdowns
------------------------------------------ */
/*
#Localiser
{
	float:right;
	position: relative;
	top: -7px;/ *94px;* /
	width: auto;
	text-align: center;
	height: 30px;
	z-index:2;
	background-image: url(../imgs/header/localiser_mid.gif);
	background-repeat: repeat-x;
	padding-right: 3px;
	display: inline;
}
#Localiser select
{
	position: relative;
	top: 4px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}*/
/* --- /Localiser --- */






/* -----  Login box wrapper  -----*/
/*
#Header_Login
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 82px;
	width: 227px;
	z-index:1;
}





#Header_Login_BG
{
	width:100%;
	height:100%;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/header/header_login_bg.png');
	background-repeat: no-repeat;
}
#Header_Login_BG[id] { background-image: url(../imgs/header/header_login_bg.png); }/*Get around IE filtering* /

*/
/* --- /Header --- */