@charset "utf-8";
/* CSS Document */
/* yay now I have comments in my css document =) */

body {
	background-color: #300;
	background-repeat: repeat;
	color: #D6D6D6;
}
body,td,th {
	color: #FFF;
	text-align: center;
	z-index: 1;
}

/* Keeps everything inside the div tag floating in the center of the page */

#Center {
	position:relative;
	top:30px;
	width:60em;
	height:800px;
	z-index:3;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
}

/* Holds Banner In place*/

#Banner {
	position:relative;
	top:0px;
	width:948px;
	height:264px;
	z-index:3;
	left: 0px;
	background-image: url(/Images/Towers/Tower1/towerbanner_small2.png);
	background-repeat: no-repeat;
}

/* middle area between the two gradients */

#Content {
	position:absolute;
	top:151px;
	width:790px;
	height:815px;
	z-index:2;
	background-color: #232323;
	left: 80px;
}

/* Holds Graddients on both sides */

#GR {
	position:absolute;
	top:151px;
	width:69px;
	height:815px;
	z-index:1;
	left: 870px;
	background-image: url(/Images/Towers/gradient_r.png);
}
#GL {
	position:absolute;
	top:151px;
	width:70px;
	height:815px;
	z-index:1;
	left: 11px;
	background-image: url(/Images/Towers/gradient_l.png);
}

/* Holds the buttons in place */

#Buttons {
	position:absolute;
	top:20px;
	width:700px;
	height:60px;
	z-index:1;
	left: 22px;
	float: left;
}

/* text fields */

#field {
	position:absolute;
	top:80px;
	width:700px;
	height:213px;
	z-index:4;
	left: 22px;
	float: left;
	font-size: 18px;
	text-align: left;
}
#field2 {
	position:absolute;
	top:292px;
	width:700px;
	height:270px;
	z-index:4;
	left: 22px;
	float: left;
	font-size: 18px;
	text-align: left;
}

/* mountains and graddient fixed to the bottom of the page */

#Bottom {
	position:fixed;
	width:100%;
	height:198px;
	z-index:2;
	bottom: 0px;
	left: 0px;
	background-image: url(/Images/mountains.png);
}
#Bottom2 {
	position:fixed;
	width:100%;
	height:800px;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	background-image: url(/Images/bottom2.png);
}

/* Boarderd areas for content */

#Txt1 {
	position:absolute;
	width:742px;
	height:83px;
	z-index: 1;
	top: 88px;
	left: 23px;
	border: solid;
	border-width: thick;
	border-color: #000;
	background-color: #333;
	font-size: 60px;
}
#Txt2 {
	position:absolute;
	width:742px;
	height:592px;
	z-index: 1;
	top: 202px;
	left: 23px;
	border: solid;
	border-width: thick;
	border-color: #000;
	background-color: #333;
}