/* This is the good CSS, only minorly bastardized for the sake of IE (mostly bastardized in the removal of unnecessary transparency from PNG files and adding completely unnecessary empty DIVs in the name of graphic design.  Screw the Man. */

body
{
	margin: 0;
	right: 0;
	padding-right: 10px;
	background: #501900;
}

#bkg-defaultMain
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 720px;
	width: auto;
	background-image: url('../../images/comp_interface/BKG-DefaultMain.png');
	background-repeat: repeat-x;
	z-index: 1;
}

#mainContent
{
}

#mainContent-window
{	
	position: relative;
	top: 50px;
	left: 0;
	right: 0;
	margin: 0;
	margin-left: 70px;
	margin-right: 70px;	
	background-image: url('../../images/comp_interface/TextFrame-BkgFill.png');
	z-index: 2;
}

#mainContent-text
{
	position: relative;
	height: auto;
	width: auto;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 50px;
	padding-right: 35px;
}

#mainContentCorner-UpperRight
{
	position: relative;
	float: right;
	margin: 0;
	top: 0;
	right: 0px;
	margin-right: -1px;
	width: 19px;
	height: 27px;
	overflow: hidden;
	z-index: 5;
	background-image: url(../../images/comp_interface/TextFrame-UpperRight.png);
}

#mainContentCorner-LowerRight
{
	position: relative;
	bottom: 0;
	right: 0px;
	margin-right: -1px;
	width: 19px;
	height: 25px;
	overflow: hidden;
	z-index: 5;
	background-image: url(../../images/comp_interface/TextFrame-LowerRight.png);
}

#mainContentFrame-LeftFrame
{
	position: absolute;
	border-bottom: solid #ffab00 1px;
	border-top: solid #ffab00 1px;
	margin: 0;
	top: 0;
	bottom: 0;
	left: 0;
	width: 167px;
	overflow: hidden;
	background-image: url('../../images/comp_interface/TextFrame-LeftBorder.png');
	background-repeat: repeat-y;
	z-index: 5;
}

#mainContentFrame-RightFrame
{
	position: absolute;
	top: 0%;
	bottom: 0%;
	right: 0;
	width: 44px;
	margin-right: -2px;
	min-height: 233px;
	overflow: hidden;
	background-image: url('../../images/comp_interface/TextFrameBar-Right.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 5;
}

#mainContentFrame-LeftWidget
{
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0;
	width: 42px;
	min-height: 232px;
	overflow: hidden;
	background-image: url('../../images/comp_interface/TextFrameBar-Left.png');
	background-position: center;
	z-index: 6;
}

#bkg-4x8_Data
{
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	width: 104px;
	background-image: url('../../images/comp_interface/BKG-4x8_Data.png');
	overflow: hidden;
	z-index: -1;
}

#bkg-randomData
{
	position: absolute;
	left: 415px;
	top: 0;
	bottom: 0;
	width: 229px;
	background-image: url('../../images/comp_interface/BKG-RandomData.png');
	overflow: hidden;
	z-index: -1;
}

/* BEGIN the CSS for the elements that go in the footer */

#footer
{
	position:relative;
	margin: 0;
	top: 0px;
	left: 0px;
	min-height: 100%;
	height: 100%;
	bottom: 0;
}
#spire-main
{
	float:left;
	bottom: 0;
	width: 669px;
	height: 329px;
	background-image: url('../../images/comp_interface/Spire-Main.png');
	z-index: 1;
}

#spire-rightRepeat
{

	margin-left: 669px;
	height: 329px;
	background-image: url('../../images/comp_interface/Spire-RightRepeat.png');
	border: aqua solid 1px;
	z-index: 1;
}

#spire-rings
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 559px;
	height: 461px;
	background-image: url('../../images/comp_interface/BKG-TurnWheelRings.png');
	z-index: 0;
}

#control-closeWindow
{
	position:absolute;
	font-size: x-small;
	right: 10px;
	bottom: 10px;
	display: none;
}

#mainContent-BackGradTop
{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 61px;
	background-repeat: repeat-x;
	background-image: url(../../images/comp_interface/BKG_Grad-Top.png);
	z-index: 1;
}

#mainContent-BackGradBottom
{
	position: absolute;
	padding: 0px;
	margin: 0px;
	height: 63px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background-repeat: repeat-x;
	background-image: url(../../images/comp_interface/BKG_Grad-Bottom.png);
	z-index: 1;
}