@charset "UTF-8";
/* CSS Document */
@font-face
{
	font-family: papyrus;
	src: URL(Papyrus-Regular.ttf);
}


body {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	background-image: url(images/skyrim_dragon_1920x1200.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: papyrus;
}
#wrapper {
	padding: 0px;
	height: 1625px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header {
	height: 250px;
	position: relative;
}
#header h1 {
	margin: 0px;
	padding: 0px;
	position:absolute;
	display:block;
	background-repeat:no-repeat;
}
#header #headerBG {
	position:absolute;
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url(images/banner/bannerBack.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 250px;
	width: 900px;
}
#header h2{
	margin: 0px;
	padding: 0px;
	position:absolute;
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#header h2.masque {
	background-image: url(images/banner/masque.png);
	height: 206px;
	width: 108px;
	left: 165px;
	top: 17px;
}
#header h2.star {
	background-image: url(images/banner/azurasStar.png);
	height: 174px;
	width: 204px;
	top: 45px;
	left: 0px;
}
#header h2.volendrung {
	background-image: url(images/banner/volendrung.png);
	height: 220px;
	width: 112px;
	left: 280px;
	top: 10px;
}
#header h2.oghma {
	background-image: url(images/banner/oghmaInfinium.png);
	height: 140px;
	width: 125px;
	right: 10px;
	top: 75px;
}
#header h2.spellbreaker {
	background-image: url(images/banner/spellbreaker.png);
	height: 180px;
	width: 140px;
	right: 135px;
	top: 40px;
}
#header h2.dawnbreaker {
	background-image: url(images/banner/dawnbreaker.png);
	height: 247px;
	width: 260px;
	right: 135px;
}
#navigation {
	height: 130px;
	width: 900px;
}
#navigation #nav1 {
	display: block;
	height: 75px;
	width: 900px;
	text-indent: -9999px;
	background-image: url(images/navbg.png);
	position: relative;
}
#navigation #nav1 ul {
	margin: 0px;
	padding: 0px;
}
#navigation #nav1 ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: block;
}
#navigation #nav1 ul li a {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 75px;
	width: 300px;
	text-align: center;
	line-height: 75px;
	text-indent: -9999px;
	-chrome-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-webkit-transition: opacity 0.6s ease;
}
.magic {
	background-image: url(images/nav1-Magic.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.armor {
	background-image: url(images/nav1-Armor.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.weapons {
	background-image: url(images/nav1-Weapons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.n1LM {
	position:absolute;
	top:0px;
	left:0px;
}
.n1LA {
	position:absolute;
	top:0px;
	left:300px;
}
.n1LW {
	position:absolute;
	top:0px;
	left:600px;
}
#navigation #nav1 ul li a:link,
#navigation #nav1 ul li a:visited {
	opacity: 0.0;
}
#navigation #nav1 ul li a:hover,
#navigation #nav1 ul li a:active {
	opacity: 1.0;
}
@-webkit-keyframes starCenter {
	0% {left:0px;}
	100% {left:150px;}	
}

@-webkit-keyframes starHome {
	0% {left:150px;}
	100% {left:0px;}
}

@-webkit-keyframes oghmaCenter {
	0% {right: 10px;}
	100% {right: 165px;}
}

@-webkit-keyframes oghmaHome {
	0% {right: 165px;}
	100% {right: 10px;}
}

@-webkit-keyframes volendrungCenter {
	0% {left: 280px;}
	100% {left: 175px;}
}


@-webkit-keyframes volendrungHome {
	0% {left: 175px;}
	100% {left: 280px;}
}

@-webkit-keyframes dawnbreakerCenter {
	0% {right:135px}
	100% {right:35px}
}

@-webkit-keyframes dawnbreakerHome {
	0% {right:35px}
	100% {right:135px}
}

@-webkit-keyframes show {
	from {opacity:0.0;}
	to {opacity:1.0;}	
}
@-webkit-keyframes hide
{
	from {opacity:1.0;}
	to {opacity:0.0;}	
}
#navigation #nav2 {
	height: 55px;
	width: 900px;
	position: relative;
}

#navigation #nav2 ul {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 55px;
	width: 900px;
	position: absolute;
	top: -9999px;
	left:0px;
}

#navigation #nav2 ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
#navigation #nav2 ul li a
{
	line-height: 55px;
	text-align: center;
	text-decoration: none;
	color: #c0a976;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}
.hircine {
	font-size: 0.7em;
}
.nav2 {
	height: 55px;
	width: 180px;
}
#navigation #nav2 #nav2Line {
	position: absolute;
	top: 40px;
	background-image: url(images/nav2Line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 4px;
	width: 100px;
	-webkit-transition: left 0.75s ease;
}

.a0 {left: 40px;}
.a1 {left: 220px;}
.a2 {left: 400px;}
.a3 {left: 580px;}
.a4 {left: 760px;}

.b0 {left: 25px;}
.b1 {left: 175px;}
.b2 {left: 325px;}
.b3 {left: 475px;}
.b4 {left: 625px;}
.b5 {left: 775px;}


@-webkit-keyframes hideNav2
{
	from {height:55px;opacity:1.0;}
	99% {height:0px;opacity:0.0; top: 0px;}
	to {height:0px;opacity:0.0;top:-9999px;}
}
@-webkit-keyframes showNav2
{
	from {height:0px;opacity:0.0;top: -9999px;}
	1% {height:0px;opacity:0.0; top: 0px;}
	to {height:55px;opacity:1.0; top: 0px;}
}


#content {
	height: 1150px;
	width: 900px;
	background-image: url(images/parchment.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #000;
	margin: 0px;
	padding: 0px;
	position: absolute;
}
#content h2 {
	margin-top: 60px;
	margin-left: 80px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#content p {
	margin-left: 80px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 80px;
	margin-bottom: 0px;
}
secondary {
	position: absolute;
	top: 50px;
	left: 75px;
	font-size: 1.5em;
}
#content .placeHolder {
	margin-top: 50px;
	margin-right: 75px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.contentBox {
	display: block;
	height: 500px;
	width: 250px;
	border: 1.25px solid #000;
	position: absolute;
	top: 50px;
	right: 75px;
}
.contentBox img {
	margin-right: 12.5px;
	margin-left: 12.5px;
	margin-top: 12.5px;
	margin-bottom: 15px;
}
#footer {
	height: 35px;
	width: 900px;
	display: block;
	position: absolute;
	bottom: 0px;
}
#footer p {
	line-height: 35px;
	text-align: center;
	color: #888;
	margin: 0px;
	padding: 0px;
}