html
{
	background: #000 url('/shared/images/layout/fe/realms/background.jpg') no-repeat scroll center top;
}

a:link
{
	color: #fff;
	text-decoration: none;
}
a:visited
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	color: #fff;
	text-decoration: none;
}
.clearb
{
	clear: both;
}
.clearbreak
{
    clear: both;
    display: block;
    height: 40px;
}

div#realms
{
	background-image: url('/shared/images/layout/fe/realms/realms-background.png');
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 10px;
}

div#realms div#realms_wrapper
{
    padding-right:7px;
	padding-top: 10px;
	margin: 0 auto;
	width: 992px;
}

div#realms_wrapper:first-child
{
	margin-top: 32px;
}
div#realms_wrapper > #realms_content
{
	float: right;
	margin: 8px 65px 0 25px;
	text-align: left;
	width: 675px;
}
div#realms_wrapper > #realms_content h1
{
	color: #ffffff;
	font: bold 20px Arial, Tahoma, Verdana;
}
div#realms_wrapper > #realms_content h2
{
	color: #5e7ba8;
	font: bold 14px Arial, Tahoma, Verdana;
}
div#realms_wrapper > #realms_content p
{
	font: normal 13px/18px Arial, Tahoma, Verdana;
	margin: 10px 0;
}
div#realms_wrapper > #realms_content div.description
{
	float: left;
	margin-top: 25px;
	width: 325px;
}
div#realms_wrapper > #realms_content img.raceleft
{
	float: left;
	margin-right: 50px;
	margin-top: 25px;
}
div#realms_wrapper > #realms_content img.raceright
{
	float: right;
	margin-top: 25px;
}
div#realms_wrapper > #realms_content .horizontalbar
{
	background: url('/shared/images/layout/fe/realms/category-horizontal_long.png') no-repeat center center;
	float: left;
	height: 2px;
	margin: 50px 0;
	margin-left: -25px;
	width: 700px;
}
div#realms_wrapper > #realms_content > a.return
{
    background: url('/shared/images/lore/text.returntolore.png') no-repeat top center;
    display: block;
    height: 34px;
    width: 208px;
}
div#realms_wrapper > #realms_content > a.return:hover
{
    background-position: bottom center;
}
div#realms_wrapper > #realms_subnav
{
	float: right;
	margin-top: 5px;
	padding-left: 20px;
	width: 190px;
}
div#realms_wrapper > #realms_subnav a
{
	background-image: url('/shared/images/layout/fe/subnav-background.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	margin-bottom: 15px;
	width: 182px;
}
div#realms_wrapper > #realms_subnav a.small
{
	background-image: url('/shared/images/layout/fe/subnav-background_small.png');
	background-position: 0 5px;
	height: 30px;
	margin-bottom: 5px;
	margin-left: 25px;
	width: 155px;
}
div#realms_wrapper > #realms_subnav > a.small img
{
	padding-top: 6px;
}
div#realms_wrapper > #realms_subnav a:hover
{
	background-position: 0 -35px;
}
div#realms_wrapper > #realms_subnav a.active
{
	background-position: 0 -35px;
}
div#realms_wrapper > #realms_subnav a img
{
	padding-left: 18px;
	padding-top: 12px;
}
div#realms_wrapper > .realms_verticalbar
{
	float: right;
	width: 2px;
}
div#realms_bottombar 
{
	background-image: url('/shared/images/layout/horizontalbar.png');
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	height: 2px;
	margin-top: 50px;
}