@charset "UTF-8";
/* CSS Document */

/*This is the basic style sheet for most of your pages, use this to keep a uniform appearance to your site */

body {
	width:100%;
	height:100%;
	background-image:none;
	background-repeat:none;
	font: 100% Arial, Verdana, Helvetica;
	margin: 0;
	padding: 0;
	color:#9c9c9c;
	text-align: left; 
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* This is for main headings */
h1 {
	display:block;
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:28px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:normal;
	margin:0;
	padding:0 5px;
	white-space:normal;
}

/* This is for sub-headings */
h2 {
	display:block;
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:20px;
	font-style:normal;
	text-decoration:none;
	text-align:left;
	line-height:normal;
	margin:0;
	padding:0 5px;
	white-space:normal;
}

/* This is for normal text, blogging, news, etc */
p {
	display:block;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:normal;
	margin:0;
	padding:0 5px;
	white-space:normal;
}

a.link {
	display:block;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:normal;
	margin:0;
	padding:0 5px;
	white-space:normal;
}

a:hover {
	display:block;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:normal;
	margin:0;
	padding:0 5px;
	white-space:normal;
}

/* The container is what all your content will go into */
#container {
	background:url('../Images/pt02.jpg');
	width: 1280px;
	height: 680px;  
	margin: 0 0 0 0px; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#main-content {
	background:none;
	width:980px;
	margin:0 auto;
	text-align:center;
}

#content {
	background-color:#9c9c9c;
	position:relative;
	width:975px;
	float:left;
	margin:40px 0 0 0;
	padding:100px 0 0 0;
	z-index:-1000;
}

#introtbox {
	background:none;
	position:absolute;
	width:450px;
	float:left;
	margin:100px 5px 0 5px;
	padding:5px 5px 0 15px;
	text-align:left;
	
}

.textboxa {
	height:auto;
	width:auto;
	margin:380px 0px 5px 5px;
	padding:0 5px 0 5px;
	float:right;
	position:absolute;
}

.textboxb {
	height:auto;
	width:auto;
	margin:460px 0px 5px 5px;
	padding:0 5px 0 5px;
	float:right;
	position:absolute;
}

.textpanea {
	background:url('../Images/f1.png');
	height:89px;
	width:460px;
	margin:100px 0 5px 5px;
	padding:0 5px 0 5px;
}

.textpaneb {
	background:url('../Images/f2.png');
	height:89px;
	width:459px;
	margin:15px 0 5px 5px;
	padding:0 5px 0 5px;
}

.textpanec {
	background:none;
	height:89px;
	width:459px;
	margin:-10px 0 5px 0px;
	padding:0 5px 0 5px;
}

.textpaned {
	background:none;
	height:47px;
	width:374px;
	margin:20px 0 5px 5px;
	padding:0 5px 0 5px;

}	
	
.playerpane {
	height:320px;
	width:400px;
	float:right;
	background-color:none;
	border:none;
	margin:-10px -100px 10px 5px;
	padding:5px 10px 20px 10px;
}