/*------ CSS Document ---------*/
body{ 
	margin: auto;
	background-image: url(../images/background.jpg);
	font-family: "Myriad Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 17px;
}

img{
	border:0px;
}

/*------ Top ---------*/
#topwrap{
	width:100%;
	height:146px;
	background-image: url(../images/topbar.jpg);
}

#topwrap2{
	width:1024px;
	height:106px;
	margin:auto;
}

#toplogo{
	float: left;
}

#topwelcome{
	float: right;
	text-align: right;
}

#topwelcome p{
	position: relative;
	top: 50px;
	font-size: 15px;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000000;
}

#topwelcome form{
	position: relative;
	top: 20px;
	font-size: 15px;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000000;
}

#topwelcome a{
	text-decoration: none;
	color:#FFFFFF;
}

#topwelcome a:hover{
	color:#CCC;
}

/*------ Header ---------*/
#headerwrap{
	width: 1024px;
	height: 300px;
	margin: auto;
}

#leftornament{
	width:161px;
	height:279px;
	background-image: url(../images/leftornament.jpg);
	background-repeat: no-repeat middle;
	float: left;
}

#headerpicture{
	width: 632px;
	height: 289px;
	position: relative;
	left: 35px;
	background-image: url(../images/headerpic.jpg);
	background-repeat: no-repeat;
	float: left;
}

#rightornament{
	width:161px;
	height:279px;
	position: relative;
	left: 863px;
	background-image: url(../images/rightornament.jpg);
	background-repeat: no-repeat middle;
}

/*------ Content ---------*/

#contentwrap{
	margin: auto;
	width: 1024px;
	height: auto;
	position: relative;
}

#contenttop{
	width: 1024px;
	height: 63px;
	background-image: url(../images/contenttop.jpg);
	background-repeat: no-repeat;
}

#contentmiddle{
	width: 1024px;
	height: auto;
	background-image: url(../images/contentmiddle.jpg);
}

#navigation{
	position: absolute;
	left: 70px;
	width: 168px;
	height: auto;
	float: left;
}

#navigationtop{
	width: 168px;
	height: 34px;
	background-image: url(../images/navigationtop.jpg);
	background-repeat: no-repeat;
}

#navigationmiddle{
	width: 168px;
	height: auto;
	background-image: url(../images/navigationmiddle.jpg);
	background-repeat: repeat-y;
	margin: auto;
	text-align: center;
}

#navigationmiddle p{
	margin: auto;
	line-height: 30px;
	text-shadow: 2px 2px 2px #000;
}

#navigationmiddle a{
	text-decoration: none;
	color: #000;
}

#navigationmiddle a:hover{
	color:#C00;
	text-shadow: 2px 2px 5px #900;
	font-variant: small-caps
}

#navigationbottom{
	width: 168px;
	height: 34px;
	background-image: url(../images/navigationbottom.jpg);
	background-repeat: no-repeat;
}

#ffxiserver{
	padding-top: 25px;
	width: auto;
	height: 82px;
	text-align: center;
}

#ffxivserver{
	padding-top: 25px;
	width: auto;
	height: 82px;
	text-align: center;
}

#maincontent{
	position: relative;
	left: 250px;
	width: 722px;
	padding-bottom: 25px;
}

#maincontenttop{
	width: 722px;
	height: 125px;
	background-image: url(../images/maincontenttop.jpg);
	background-repeat: no-repeat;
}

#maincontentmiddle{
	max-width: 722px;
	min-height: 300px;
	background-image: url(../images/maincontentmiddle.jpg);
	background-repeat: repeat-y;
	margin: auto;
	padding-left: 60px;
	text-shadow: 1px 1px 3px #666;
	position: relative;
	padding-right: 60px;
}

#maincontentmiddle img{
	max-width: 602px;
}

#maincontentmiddle p, h3{
	margin-top: auto;
	margin-bottom: 20px;
}

#maincontentbottom{
	width: 722px;
	height: 114px;
	background-image: url(../images/maincontentbottom.jpg);
	background-repeat: no-repeat;
}

/*------ Footer ---------*/

#footerwrap{
	margin: auto;
	width: 100%;
}

#gradientfooter{
	width: 100%;
	height: 24px;
	background-image: url(../images/footergradient.png);
	background-repeat: repeat-x;
	position: relative;
	float: left;
	bottom: 24px;
}

#footer{
	width: 100%;
	height: 117px;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
}

#copyright{
	width: 100%;
	text-align: center;
	float:left;
}

#copyright p{
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000000;
}