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

/* reset script*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*start underfoot css*/
	body {
		color: #fff;
		background: #000;
	}
	
	/*  begin nav */
	.nav {
		width: 913px;
		height: 30px;
		background: url(../images/menu/menu.gif) no-repeat;
		left:30px;
		position:absolute;
		top:58px;
	}
	.nav li {
		display: inline;
	}
	.nav li a:link, .nav li a:visited {
		position: absolute;
		top: 0;
		height: 29px;
		text-indent: -9000px;
		overflow: hidden;
		z-index: 10;
	}
	
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 84px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/menu/menu.gif) no-repeat 0px -90px;
	}
	.nav .home a:active {
		background: url(../images/menu/menu.gif) no-repeat 0px -125px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/menu/menu.gif) no-repeat 0px -125px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 84px;
		height: 29px;
		background: url(../images/menu/menu.gif) no-repeat 0px -90px;
	}
	.nav-home-click {
		background: url(../images/menu/menu.gif) no-repeat 0px -90px;
	}



	.nav .giants a:link, .nav .giants a:visited {
		left: 90px;
		width: 215px;
	}
	.nav .giants a:hover, .nav .giants a:focus {
		background: url(../images/menu/menu.gif) no-repeat -89px -90px;
	}
	.nav .giants a:active {
		background: url(../images/menu/menu.gif) no-repeat -89px -90px;
	}
	.current-giants .giants a:link, .current-giants .giants a:visited {
		background: url(../images/menu/menu.gif) no-repeat -89px -90px;
		cursor: default;
	}
	.nav-giants, .nav-giants-click {
		position: absolute;
		top: 0;
		left: 89px;
		width: 218px;
		height: 29px;
		background: url(../images/menu/menu.gif) no-repeat -89px -90px;
	}
	.nav-giants-click {
		background: url(../images/menu/menu.gif) no-repeat -89px -90px;
	}
	
	


	.nav .ancient_heroes a:link, .nav .ancient_heroes a:visited {
		left: 312px;
		width: 158px;
	}
	.nav .ancient_heroes a:hover, .nav .ancient_heroes a:focus {
		background: url(../images/menu/menu.gif) no-repeat -311px -90px;
	}
	.nav .ancient_heroes a:active {
		background: url(../images/menu/menu.gif) no-repeat -311px -90px;
	}
	.current-ancient_heroes .ancient_heroes a:link, .current-ancient_heroes .ancient_heroes a:visited {
		background: url(../images/menu/menu.gif) no-repeat -311px -90px;
		cursor: default;
	}
	.nav-ancient_heroes, .nav-ancient_heroes-click {
		position: absolute;
		top: 0;
		left: 311px;
		width: 158px;
		height: 29px;
		background: url(../images/menu/menu.gif) no-repeat -311px -90px;
	}
	.nav-ancient_heroes-click {
		background: url(../images/menu/menu.gif) no-repeat -311px -90px;
	}




	.nav .preorder a:link, .nav .preorder a:visited {
		left: 640px;
		width: 172px;
	}
	.nav .preorder a:hover, .nav .preorder a:focus {
		background: url(../images/menu/menu.gif) no-repeat -640px -90px;
	}
	.nav .preorder a:active {
		background: url(../images/menu/menu.gif) no-repeat -640px -90px;
	}
	.current-preorder .preorder a:link, .current-preorder .preorder a:visited {
		background: url(../images/menu/menu.gif) no-repeat -640px -90px;
		cursor: default;
	}
	.nav-preorder, .nav-preorder-click {
		position: absolute;
		top: 0;
		left: 640px;
		width: 172px;
		height: 29px;
		background: url(../images/menu/menu.gif) no-repeat -640px -90px;
	}
	.nav-preorder-click {
		background: url(../images/menu/menu.gif) no-repeat -640px -90px;
	}

	.nav .breaking_seal a:link, .nav .breaking_seal a:visited {
		left: 477px;
		width: 156px;
	}
	.nav .breaking_seal a:hover, .nav .breaking_seal a:focus {
		background: url(../images/menu/menu.gif) no-repeat -477px -90px;
	}
	.nav .breaking_seal a:active {
		background: url(../images/menu/menu.gif) no-repeat -477px -90px;
	}
	.current-breaking_seal .breaking_seal a:link, .current-breaking_seal .breaking_seal a:visited {
		background: url(../images/menu/menu.gif) no-repeat -477px -90px;
		cursor: default;
	}
	.nav-breaking_seal, .nav-breaking_seal-click {
		position: absolute;
		top: 0;
		left: 477px;
		width: 156px;
		height: 29px;
		background: url(../images/menu/menu.gif) no-repeat -477px -90px;
	}
	.nav-breaking_seal-click {
		background: url(../images/menu/menu.gif) no-repeat -477px -90px;
	}

	
	
	
	.nav .gallery a:link, .nav .gallery a:visited {
		left: 820px;
		width: 96px;
	}
	.nav .gallery a:hover, .nav .gallery a:focus {
		background: url(../images/menu/menu.gif) no-repeat -818px -90px;
	}
	.nav .gallery a:active {
		background: url(../images/menu/menu.gif) no-repeat -818px -90px;
	}
	.current-gallery .gallery a:link, .current-gallery .gallery a:visited {
		background: url(../images/menu/menu.gif) no-repeat -818px -90px;
		cursor: default;
	}
	.nav-gallery, .nav-gallery-click {
		position: absolute;
		top: 0;
		left: 818px;
		width: 96px;
		height: 29px;
		background: url(../images/menu/menu.gif) no-repeat -818px -90px;
	}
	.nav-gallery-click {
		background: url(../images/menu/menu.gif) no-repeat -818px -90px;
	}
	/*end nav*/
	
	/*begine frame */
	.everquestLogo{
		background:url(../images/logo/underfoot.png);
		height:197px;
		width:377px;
		display:block;
		
		left:296px;
		position:absolute;
		top:-144px;
		z-index:5;
	}
	* html .everquestLogo {
		background:transparent url(../images/logo/underfoot.gif) repeat scroll 0 0;
	}
	.everquestFrame{
		background:url(../images/_frame/main.png);
		height:537px;
		width:975px;
		display:block;
		margin:150px auto 0;
		position:relative
	}
	
	.contentArea{
		width:909px;
		height:361px;
		display:block;
		overflow-y:scroll;
		overflow-x:none;
		
		position:absolute;
		top:99px;
		left:29px;
	}
	.contentArea div{
		margin:10px;
		font:14px Helvetica, Arial, sans-serif;
		color:#443818;		
	}
	.contentArea div h1{
		color:#760000;
		font:25px Helvetica, Arial, sans-serif;
	}
	
	.mainDecor {
		background-image:url(../images/_frame/main_decor.png);
		background-repeat:no-repeat;
		bottom:-220px;
		height:494px;
		left:-219px;
		position:absolute;
		width:384px;
	}
	* html .mainDecor {
		background:transparent url(../images/_frame/main_decor.gif) repeat scroll 0 0;
	}
	
	
	.giantsDecor {
		background-image:url(../images/_frame/giants_decor.png);
		background-repeat:no-repeat;
		bottom:-220px;
		height:749px;
		right:-233px;
		position:absolute;
		width:369px;
	}
	* html .giantsDecor {
		background:transparent none repeat scroll 0 0;
		display:none;
	}