/* CSS Document */

body {
	background-color: #000000;
	margin:0; padding:0;
	font : 75%/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;

}


ol, ul, li {
	list-style: none;
	margin:0px; padding:0px;
}

.silver { color:#999; }
.gold { color:#c9aa23;}

a:link { color: #FFFFFF;}
a:visited { color: #FFFFFF; }
a:hover { color: #C9AA23;}
a:active {color: #C9AA23;}

.clear { clear:both; }
#main-container { width:100%; background:url(../images/repeat.png) top center repeat-y; margin: 0 auto; padding: 0px 0px 0px 0px;}
#header { width:100%; height:101px; margin-bottom: 20px;}
#header h1 { text-indent:-9999px; width: 228px; height:101px; background:url(../img/ui/logo.jpg) top left no-repeat; margin:6px auto; padding:0px; }
#content { width:100%; }

#introwrap { background: url(../img/ui/header_bg.jpg) top left repeat-x; width: 100%; margin: 0 auto;}

h2#intro { width:755px; height: 144px;  text-indent:-9999px; background:url(../img/ui/introductory_text.jpg) top center no-repeat; margin:0 auto;}

#features {background-color: #000000; height:175px; width:100%; margin:0px auto;}
#featurewrap {background-color: #000000; height:175px; margin:20px auto; width: 818px;  }

.feature-item {background-color: #000000; height:218px; width:190px; float:left;}

.feature-item-image {background-color: #000000; height:129px; width:129px;  padding:20px 30px 0px 30px;}
.feature-item-text {width:190px; text-align:center;  margin:6px 0px 0px 0px;}

#footer{ width:100%; background-color: #000000; margin: 20px auto; }
#footer-inner { width:604px; background-color: #000000; margin:0px auto 0px auto; }
#footer-inner h3 { height:28px; width:604px; background: #000000 url(../img/ui/more_information.jpg) top left no-repeat; margin:0px auto 0px auto; text-indent:-9999px; }

#video-content {margin: 20px auto; text-align: center;}

#player {margin: 20px auto; text-align: center; width:720px; height:405px;}

.center {margin: 0 auto; width: 960px;}
	
table {margin: 0 auto;}

img { border: none; }

a img {
	text-decoration: none;
	border: 0 none;
	}
	
#upcomingwrap {width: 100%; margin: 20px auto 0 auto;}
#upcoming {width: 407px; height: 221px; margin: 0 auto;}
