/* @group Imports */

@import "reset.css";

/* @end */


body {
	background:url(../images/bg1px.png) top left repeat-x; height: 100%;
}

#epic-body {
	width: 1050px; height: 1000px; margin: 0 auto;	background: url(../images/bg.png) top left no-repeat; 
}

#epic-select {
	background: #4c4c4c; width: 210px; height: 30px; margin:0 71px -40px 0; float: right;
}

#epic-select select {
	width: 200px; margin: 5px 5px 0 5px;
}

#drop-bottom {
	background: url(../images/dropdown.png) top left no-repeat; width: 210px; height: 7px; 
}

#epic-logo {
	width: 590px; height: 200px; background: url(../images/logo.png); margin: 0 0 0 70px;
}

#epic-buttons {
	width: 960px; height: 300px; margin: 0 auto; display: block;
}

#pf {
	width: 320px; height: 300px; float: left; 
}

#pf a {
	width: 320px; height: 300px; background: url(../images/sprite_01.jpg); background-position: 0 0; display: block; text-indent: -999999px;
}

#pf a:hover {
	background-position: 0 -300px;
}

#refuge {
	width: 320px; height: 300px; float: left;
}

#refuge a {
	width: 320px; height: 300px; background: url(../images/sprite_02.jpg); background-position: 0 0; display: block; text-indent: -999999px;
}

#refuge a:hover {
	background-position: 0 -300px;
}

#hub {
	width: 320px; height: 300px; float: left; 
}

#hub a {
	width: 320px; height: 300px; background: url(../images/sprite_03.jpg); background-position: 0 0; display: block; text-indent: -999999px;
}

#hub a:hover {
	background-position: 0 -300px;
}

#amplified {
	width: 920px; height: 200px; margin: 30px auto; display: block;
}

#amplified a {
	display: block; width: 920px; height: 200px; background: url(../images/ampbanner.jpg) top center no-repeat;  text-indent: -999999px;
}