@charset "utf-8";
body {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 18pt;
	background:#000;
	margin: 0;
	padding: 0;
	color: #EFE0A3;
}
.container {
	margin: 0 auto;
	width: 1140px;
}
.content {
	background:url(images/content-repeat.png);
	min-height: 478px;
	padding: 0px;
	background-repeat: repeat-y;
	position: relative;
}

p {
	padding: 25px;
}
#bottom {
	background: url(images/bottom.png);
	background-repeat: no-repeat;
	width:1140px;
	z-index: 100;
	position: relative;
	height: 192px;
}
#header {
	background:url(images/header.png);
	height: 155px;
	background-repeat: no-repeat;
	position: fixed;
	width: 1140px;
}
#logo {
	background: url(images/logo.gif);
	background-repeat: no-repeat;
	width:216px;
	height: 96px;
	top: 36px;
	left: 20px;
	position: relative;
	float: left;
}
#logo:hover {
	background:url(images/logo-hover.gif);
}
#menu {
	background: url(images/menu-bar.png);
	height: 84px;
	width: 783px;
	float: right;
	position: relative;
	top:70px;
}
#menu div {
	float:left;
}
#home {
	height: 84px;
	width: 157px;
	/*slant */
}
#home:hover {
	background: url(images/home.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
#news {
	width:191px;
	height: 84px;
	left:-120px;
	position: relative;
}
#news:hover {
	background: url(images/news.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	
}
#resources {
	width:237px;
	height: 84px;
	left:-183px;
	position: relative;
}
#resources:hover {
	background: url(images/resources.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
#guidesVideos {
	width:228px;
	height: 84px;
	position: relative;
	float: none !important;
	right: -526px;
}
#guidesVideos:hover {
	background: url(images/guides.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
#guildEvents {
	width:188px;
	height: 84px;
	left: -58px;
	position: relative;
}
#video {
	margin: 0;
	padding: 0;
	z-index: 0;
	top:155px;
	position: absolute;
	display: block;
}
#video iframe {
	z-index: 0;
	width: 1140px;
	position: fixed;
}
.floatleft {
	float:left;
}
#topLeft {
	background: url(images/top-left.png);
	height: 345px;
	width: 238px;
	background-repeat: no-repeat;
	position: fixed;
	float: left;
	top: 155px;
	z-index: 100;
}
#videoCont {
	position: fixed;
	width: 1140px;
	height: 480px;
	top: 155px;
}
.clearfloat {
	clear:both;
}
.container2 {
	width:1140px;
	height: 400px;
	top:155px;
	position: fixed;
	margin:0 auto;
}
#topRight {
	position:relative;
	top:0;
	background:url(images/top-right.png);
	height:345px;
	float: right;
	width:198px;
	z-index: 100;
	right: 0;

}
#guildEvents:hover {
	background: url(images/guildEvents.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
}
.main {
	z-index: 0;
	position: relative;
	top: 500px;
}

/*carousel*/

#wrapper {
	width: 110px;
	min-height: 100px;
	padding-left: 70px;
	padding-right: 70px;
	overflow: hidden;
}
#carousel {
	margin-top: 0px;
}
#carousel div {
	text-align: center;
	float: left;
	position: relative;
}
#carousel div img {
	border: none;
	margin-left: 125px;
}
#carousel div span {
	display: none;
}
#carousel div:hover span {
	background-color: #333;
	color: #D8D8D8;
	font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	width: 100px;
	padding: 2px 0;
	margin: 0 0 0 -50px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	border-radius: 3px;
}