html
{
	overflow: auto;
}

body 
{
	font-size: 75%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #060107;
	padding: 0;
	margin: 0 auto;
	text-align: center;
 	color: #E7D5EA;
}

a:link {
	text-decoration: none;
	color:#CC99FF;
}
a:visited {
	text-decoration: none;
	color:#CC99FF;
}
a:hover {
	text-decoration: none;
	color: #E1C4FF;
}
a:active {
	text-decoration: none;
	color: #E1C4FF;
}

#page 
{
	background-image: url(images/background.jpg);
	margin: 20px auto;
	padding: 0;
	width: 1105px;
	width/**/:/**/ 1105px;
	height: 727px;
	margin-bottom: 20px;
	text-align: left;
	background-repeat: no-repeat;
}

#text 
{
	border: 0px;
	background-image: url(images/frame.png);
	z-index: 100;
	width: 641px;
	height: 460px;
	top: -362px;
	left: 310px;
	padding-left: 30px;
	overflow: auto;
	position: relative;
	border-style: solid;
	background-repeat: no-repeat;
}

#text .textBox
{
	position: absolute;
	width: 589px;
	height: 387px;
	top: 30px;
	overflow: auto;
}

#text .galleryBox
{
	position: absolute;
	width: 589px;
	height: 387px;
	top: 30px;
	overflow: auto;
}

#imageLeft
{
	float: left;
	padding: 5px 5px 5px 5px;
	
}

#screenThumbs
{
	position: relative;
	left: -10px;
	width: 580px;
	height: 257px;
}

#screenThumbs li
{
	float: left;
	display: block;
	list-style: none;
	text-align: left;
	list-style-position: outside;
	margin-bottom: 2px;
	margin-right: 4px;
	margin-top: 2px;
	margin-left: 0px;
}

#logo
{
	position: relative;
	top: -345px;
	left: 0px;
	width: 175px;
	height: 154px;
	z-index: 4;
}

#spacer
{
	position: relative;
	width: 120px;
	height: 75px;
	top: -842px;
	left: 790px;
	z-index: 100;
}

#promo
{
	position: relative;
	z-index: 100;
	width: 319px;
	height: 256px;
	top: -786px;
	left: 378px;
	overflow:hidden;
	display: none;
	border: 1px solid #000;
}

/* FLASH */
#flashmenu
{
	width: 212px;
	height: 346px;
	top: 135px;
	left: 89px;
	position: relative;
	z-index: 30;
}
#switch
{
	width: 252px;
	height: 194px;
	top: -490px;
	left: 754px;
	position: relative;
	z-index: 28;
}
#mainswitch
{
	width: 252px;
	height: 194px;
	top: -30px;
	left: 755px;
	position: relative;
	z-index: 30;
}
#ladder
{
	width: 123px;
	height: 104px;
	top: -681px;
	left: 128px;
	position: relative;
	z-index: 29;
}
#laddermain
{
	width: 123px;
	height: 104px;
	top: -221px;
	left: 128px;
	position: relative;
	z-index: 0;
}

/* Ads */
#amazon
{
	position: relative;
	z-index: 40;
	top: -495px;
	left: 765px;
	width: 225px;
	height: 172px;
}


/* Menus */
.underlinemenu{
	font-weight: bold;
	width: 90%;
	padding-left: 20px;
	padding-top: 20px;
}

.underlinemenu ul{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
	display: inline;
}

.underlinemenu ul li a{
	color: #CC0000;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 3px solid #990000; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
	border-bottom-color: black;
}