/* CSS Document */
* {font-family:Georgia, "Times New Roman", Times, serif;}

html {
	background: #000000;
}

body {
	padding: 0;
	margin: 0;
	color: #000;
	width: 100%;
	display: table;
}

img {border:none}

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:18px;}

h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold}

h1.light {font-family: Georgia, "Times New Roman", Times, serif; color: #666666; font-size:18px;}

h1.highlight {font-family: Georgia, "Times New Roman", Times, serif; color: #C9B187; font-size:18px;}

h2.highlight {font-family: Georgia, "Times New Roman", Times, serif; color: #C9B187; font-size:14px; font-weight:bold}

p {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; text-align:justify;}

p.bold {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; text-align:justify; font-weight:bold;}

p.light {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color: #666666; text-align:justify;}

p.highlight {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color: #C9B187; text-align:justify;}

p.bottom {font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color: #C9B187; text-align:justify;}

p.dgrey {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color: #333333; text-align:justify;}

a:link { color: #CC9933; text-decoration: underline} /* general links style*/

a:visited { color: #999999; text-decoration: underline}

a:hover {}

/*contact form*/

td {font-size:12px; color:#C9B187; text-align: left;}

.submit input
{
margin-left: 4.5em;
} 
input
{
color: #666666;
background: #CCCCCC;
border: 1px solid #999999;
}

textarea 
{
color: #666666;
background: #CCCCCC;
border: 1px solid #999999
}

select
{
color: #666666;
background: #CCCCCC;
border: 1px solid #999999
}

/* layouts*/

#wrapper {position: relative; width: 1000px; margin: 0 auto; text-align: left; } 

#homebg {
	padding: 0;
	margin: 0;
	background: url(images/homebg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
}

#landbg {
	padding: 0;
	margin: 0;
	background: url(images/landbg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
}

#citadelbg {
	padding: 0;
	margin: 0;
	background: url(images/citadelbg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
	overflow:auto;
}

#watchersbg {
	padding: 0;
	margin: 0;
	background: url(images/watchersbg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
}

#wildsbg {
	padding: 0;
	margin: 0;
	background: url(images/wildsbg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
}

#ceremoniesbg {
	padding: 0;
	margin: 0;
	background: url(images/ceremoniesbg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
}

#mythsbg {
	padding: 0;
	margin: 0;
	background: url(images/mythsbg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
}

#otherbg {
	padding: 0;
	margin: 0;
	background: url(images/otherbg.jpg) no-repeat center top;
	width:906px;
	height:705px;
	width: 100%;
	display: table;
}

#menu {
	position: absolute;
	width:174px;
	height:376px;
	top: 30%;
	left: 80%;
	border: none;
	}
	
#content {
	position: absolute;
	width:650px;
	height:450px;
	top: 30%;
	left: 5%;
	border: none;
	}
				
.bottomlinks {
	position: absolute;
	width:450px;
	height:30px;
	top: 112%;
	left: 0%;
	border: none;
	}