<!--
body,td,th {
	font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	font-size: 13px;
	color: #CCCCCC;
}
body {
	text-align: center;
	min-width: 795px;
	background: #000 url(../images/bg-main.jpg) repeat-y 50% 0;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 22px;
}
a:link, a:visited, a:active {
	color: #006699;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #006699;
}
.smallProfileLink a:link, .smallProfileLink a:visited, .smallProfileLink a:active {
	color: #EEDA4F;
	text-decoration: underline;
}
.smallProfileLink a:hover {
	text-decoration: none;
	color: #EEDA4F;
}
#recentLootBox a:link, #recentLootBox a:visited, #recentLootBox a:active {
	text-decoration: none;
}
h2 {
	margin: 15px 0 0 57px;
	font-size: 19px;
}
.hideText {
	visibility: hidden;
}
.float-left {
	float: left;
}
.clear-both {
	clear: both;
}
#masterWrapper {
	position: relative;
	margin: 0 auto;
	width: 920px;
	text-align: left;	
}
#wrapper {
	margin: 0 auto;
	width: 795px;
	text-align: left;
}
#mainContainer {
	width: 795px;
	position: relative;
	min-height: 905px;
	background: #000 url(../images/bg-main-content.jpg) no-repeat 0 0;
}
img {
	border: none;
}
#header {
	position: relative;
	width: 777px;
	height: 232px;
	margin: 124px 0 0 8px;
	background: url(../images/bg-header.jpg) no-repeat 0 0;
	float: left;
	z-index: 1;
}
#subHeader {
	position: relative;
	width: 777px;
	height: 135px;
	margin: 124px 0 0 8px;
	background: url(../images/bg-header-sub.jpg) no-repeat 0 0;
	float: left;
	z-index: 1;
}
#nav {
	position: absolute;
	width: 567px;
	top: 145px;
	left: 242px;
	z-index: 8;
}
.navGuildRoster a {
	display: block;
	width: 133px;
	height: 28px;
	padding: 0;
	margin-left: -20px;	
	background: url(../images/nav-guild-roster.jpg) no-repeat 0 0;
	float: left;
	text-decoration: none;
}
.navGuildRoster a:hover {	
	background-position: 0 -28px;
}
.navRules a {
	display: block;
	width: 59px;
	height: 28px;
	padding: 0;
	margin-left: -20px;	
	background: url(../images/nav-rules.jpg) no-repeat 0 0;
	float: left;
	text-decoration: none;
}
.navRules a:hover {	
	background-position: 0 -28px;
}
.navForum a {
	display: block;
	width: 70px;
	height: 28px;
	padding: 0;
	margin-left: 168px;	
	background: url(../images/nav-forum.jpg) no-repeat 0 0;
	float: left;
	text-decoration: none;
}
.navForum a:hover {	
	background-position: 0 -28px;
}
.navHistory a {
	display: block;
	width: 83px;
	height: 28px;
	padding: 0;
	margin-left: 0;	
	background: url(../images/nav-history.jpg) no-repeat 0 0;
	float: left;
	text-decoration: none;
}
.navHistory a:hover {	
	background-position: 0 -28px;
}
.navApply a {
	display: block;
	width: 67px;
	height: 28px;
	padding: 0;
	margin-left: 0;	
	background: url(../images/nav-apply.jpg) no-repeat 0 0;
	float: left;
	text-decoration: none;
}
.navApply a:hover {	
	background-position: 0 -28px;
}
#mainImage {
	position: absolute;
	background: url(../images/bg-main-image.jpg) no-repeat 0 0;	
	width: 229px;
	height: 284px;
	top: 74px;
	left: 4px;
	z-index: 2;
}
#subImage {
	position: absolute;
	background: url(../images/bg-sub-grizzy.jpg) no-repeat 0 0;	
	width: 181px;
	height: 197px;
	top: 62px;
	left: 26px;
	z-index: 2;
}
#subImageRules {
	position: absolute;
	background: url(../images/bg-sub-mtown.jpg) no-repeat 0 0;	
	width: 181px;
	height: 197px;
	top: 62px;
	left: 26px;
	z-index: 2;
}
#logo {
	position: absolute;
	width: 681px;
	height: 245px;
	top: 78px;
	left: 210px;
	background: url(../images/bg-logo-title.jpg) no-repeat 0 0;
	z-index: 3;
	float: left;
}
#latestNews {
	position: absolute;
	width: 568px;
	height: 102px;
	top: 190px;
	left: 230px;
	text-align: justify;	
	z-index: 4;
}
#latestNews p {
	margin: -3px 0 0 4px;
	padding: 0;
}
#blackContent {
	position: absolute;
	width: 696px;
	height: 552px;
	background: url(../images/bg-black-content.jpg) no-repeat 0 0;
	top: 353px;
	left: 62px;
	clear: left;
	z-index: 5;
}
#blackSubContent {
	position: absolute;
	width: 800px;
	min-height: 100%;
	background: url(../images/bg-sub-content.jpg) repeat-y 0 0;
	top: 258px;
	left: 59px;
	clear: left;
	z-index: 5;
}
#blackSubContentTop {
	width: 800px;
	height: 35px;
	background: url(../images/bg-black-sub-top.jpg) no-repeat 0 0;	
}
.blackSubCopy {
	margin: 20px 0 0 57px;
	line-height: 22px;
}
.subHeading {
	margin: 0 0 0 50px;
}
.featuredStory {
	position: relative;
	width: 428px;
	height: 362px;
	background: url(../images/bg-featured-story.jpg) no-repeat 0 0;
	margin: 12px 0 0 52px;
}
.featuredHeading {
	position: absolute;
	top: 12px;
	left: 63px;	
}
.featuredImage {
	position: absolute;
	top: 62px;
	left: 53px;
}
.featuredText {
	position: absolute;
	width: 347px;
	top: 255px;
	left: 50px;
	text-align: justify;
}
#recruitingBox {
	position: absolute;
	width: 301px;
	height: 414px;
	top: 282px;
	left: 524px;
	background: url(../images/bg-recruiting.jpg) no-repeat 0 0;
	z-index: 6;
}
.recruitingHeading {
	margin: 41px 0 0 101px;
}
.recruitingClassContainer {
	margin: 5px 0 0 106px;
}
.recruitingClass {
	width: 166px;
	height: 33px;
	margin: -4px 0 0;
}
.recruitingIcon {
	float: left;
}
.recruitingHeadingMeter {
	float: left;
}
.classHeading {
	float: left;
}
.meter {
	margin: -2px 0 0;
}
#recentLootBox {
	position: absolute;
	top: 678px;
	left: 595px;
	width: 263px;
	height: 228px;
	background: url(../images/bg-recent-loot.jpg) no-repeat 0 0;
	text-align: left;
	z-index: 7;
}
#recentLootContainer {
	position: absolute;
	top: 60px;
	left: 0;
}
.recentLoot {
	clear: left;
	margin: 5px 0 0 37px;
	width: 160px;
}
.recentLootHeading {
	margin: 30px 0 0 31px;
	float: left;
}
.smallCaption {
	font-size: 10px;
}
#guildAddons {
	position: absolute;
	top: 770px;
	left: 125px;
	width: 443px;
	height: 98px;
	z-index: 9;
}
.addonsHeading {
	float: left;
	margin: 13px 0 0 6px;
}
.addonsList {
	width: 350px;
	float: left;
	margin: 5px 0 0 6px;
}
.bgBottom {
	width: 1184px;
	height: 73px;
	background: url(../images/bg-bottom.jpg) no-repeat 0 50%;
	margin: 0 0 0 -132px;
}
#footer {
	width: 795px;
	height: 54px;
	background: url(../images/bg-footer.jpg) no-repeat 0 0;
}
#bottomLogos {
	position: absolute;
}

/* Roster */

.largeRoster {
	position: relative;
	width: 721px;
	height: 276px;
	background: url(../images/bg-large-roster.jpg) no-repeat 0 0;
	margin: 0 0 0 52px;	
}
.profileImage {
	position: absolute;
	width: 402px;
	height: 276px;
	top: 0;
	left: 319px;
}
.profileIcon {
	position: absolute;
	width: 109px;
	height: 234px;
	top: 27px;
	left: 0;
}
.profileHeading {
	position: absolute;
	width: 245px;
	height: 35px;
	top: 63px;
	left: 111px;
}
.profileRank {
	position: absolute;
	width: 245px;
	height: 26px;
	top: 98px;
	left: 111px;
}
.profileLevel {
	position: absolute;
	width: 54px;
	height: 42px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #fff;
	top: 182px;
	left: 48px;
}
.profileDetails {
	position: absolute;
	width: 150px;
	height: 75px;
	top: 133px;
	left: 168px;
	font-size: 10px;
	line-height: 16.5px;
}
.bottomSpace {
	height: 60px;
}
.smallRoster {
	position: relative;
	width: 550px;
	height: 41px;
	background: url(../images/bg-small-roster.jpg) no-repeat 0 0;
	margin: 0 0 20px 66px;	
}
.smallProfileName {
	position: absolute;
	width: 135px;
	height: 20px;
	top: 10px;
	left: 28px;
	font-weight: bold;
}
.smallProfileLevel {
	position: absolute;
	width: 25px;
	height: 20px;
	top: 10px;
	left: 170px;
	font-weight: bold;
}
.smallProfileRaceClass {
	position: absolute;
	width: 50px;
	height: 20px;
	top: 11px;
	left: 200px;
}
.smallRosterIcon {
	margin: 0 7px 0 0;
}
.smallProfileRank {
	position: absolute;
	width: 165px;
	height: 20px;
	top: 12px;
	left: 270px;
}
.smallProfileLink {
	position: absolute;
	width: 100px;
	height: 20px;
	top: 9px;
	left: 470px;
	font-weight: bold;
}
#homeLink {
	position: absolute;
	width: 157px;
	height: 171px;
	top: 46px;
	left: 395px;
	z-index: 99;
	cursor: pointer;
}
.avatar {
	line-height: 16px;
}
.avatar img {
	margin: 0 8px 0 0;
	border: 1px solid #fff;
}
.rules {
	width: 650px;
}
.rules li {
	margin-bottom: 14px;
}
.highlight {
	font-weight: bold;
	color: #EEDA4F;
}
#application {
	width: 600px;
	border: 1px dashed #CCCCCC;
	background: #1E1E1E;
}
.appMargin {
	margin: 15px;
}
-->