body {
	background-image: url('images/bg.jpg'); background-attachment: fixed; background-repeat: repeat; 
	background-position: center center; margin-left: 0px; margin-right: 0px; font-family: Arial, Helvetica, sans-serif; color: white; 
	margin-top: 0px;
}
a, img {
	border: none;
}



/* == TOP SECTION STYLES == */
#top { /* Holds all the images on the top of the page */
	margin: 0px auto; padding: 0px; width: 1100px; height: 280px;
}
/* == END TOP SECTION STYLES == */

	/* LOGO STYLES */
	#logo {
	height: 280px; width: 510px; margin: 0px 0px 0px 0px; padding: 0px; float: left; position: absolute;
}

/* == RIGHT TOP SECTION STYLES == */
	/* RIGHT TOP STYLES */
	#RightTop {
	float: right; width: 570px; height: 280px;
}	
	/* TWITTER STYLES */
	#twitter {
	height: 180px; width: 250px; float: left; margin: 30px 30px 0px 20px; float: left; text-align: center;
}
	/* DEMAND IT STYLES */
	#demand {
	width: 260px; height: 130px; float: left; margin-top: 50px;
}
/* == END RIGHT TOP SECTION STYLES == */


/* == CENTER SECTION STYLES == */
#center { /* Holds the left navigation and TV content all in this section */
	width: 1080px; height: 570px; margin: 0px auto; 
}
	/* TV IMAGE STYLES */	
	#TV { /* Holds the background image of the TV */
	float: left; margin-top: -26px; /* <-- Puts TV section under the logo */ width: 920px; height: 590px; background-image: url('images/center.png'); 
	background-repeat: no-repeat; background-position: center center;
}
		#TVnavigation { /* Holds all the images (links) for the top navigation on the TV */
		width: 830px; height: 28px; margin: 0px auto; margin-top: 30px;
}
			#TVnavigation img { /* Makes the images a little more seperated in top navigation on TV */
			margin: 0px 3px 0px 3px;
}
		#TVcontent { /* Holds the all the content in the TV (text, music player, etc.) */
		width: 780px; margin: 0px auto; margin-top: 20px; text-align: center;
}
			#TVcontent a { /* link style */
			color: white; text-decoration: underline;
}
			#TVcontent a:hover { /* hovered link style */
			color: white; text-decoration: none;
}

	/* LEFT NAVIGATION STYLES */
	#LeftNav { /* Holds all the sections of the Left navigation */
	width: 160px; height: 545px; float: left; 
}
	#EmailText {
	background-image: url('Left Navigation/email_text.png'); 
height: 190px; width: 160px;
}
	#Network {
	background-image: url('Left Navigation/network.png'); 
height: 140px; width: 160px;
}
		#networkLinks { /* Makes the links appear to be centered in the "Network" section */
		width: 130px; margin: 0px auto 0px auto; padding: 32px 2px 2px 8px;
}
	#Buy {
	background-image: url('Left Navigation/buy.png'); 
height: 80px; width: 160px;
}
		#buyLinks { /* Makes the links appear to be centered in the "Buy" section */
		width: 130px; margin: 0px auto 0px auto; padding: 28px 2px 2px 40px;
}
	#Sponsor {
	background-image: url('Left Navigation/sponsor.png'); 
height: 80px; width: 160px;
}
		#sponsorLinks { /* Makes link appear to be centered in the "Sponsor" section */
		width: 130px; margin: 0px auto 0px auto; padding: 25px 2px 2px 4px;
}
/* == END CENTER SECTION STYLES == */



/* == FOOTER STYLES == */
#footer {
	width: 100%; height: 90px; margin: 0px auto 5px auto; background-color: #363636; padding: 5px;
}
#footerMid { /* Holds the left and right side of the footer */
	width: 690px; height: 90px; margin: 0 auto;
}
#fLeft { /* Left side of footer */
	width: 300px; height: 90px; padding: 0px; float: left; margin: 0px;
}
	#fLeft img:hover, a:hover { /* Makes image stay still on hover */
	margin-left: 3px;
}
#fRight { /* Right side of the footer */
	width: 300px; height: 90px; padding: 0px; float: right; margin: 0px;
}
	#fRight img:hover, a:hover { /* Makes image stay still on hover */
	margin-left: 0px; margin-top: -2px
}
#separator { /* Holds the separator image */
	float: left; margin-left: 35px;
}
/* == END FOOTER STYLES == */



/* == COPYRIGHT STYLES == */
#copyright { 
	width: 85%; border: 2px black solid; margin: 0 auto; text-align: center; vertical-align: middle; color: black; background: white;
}
	#webmaster {
	font-size: x-small;
}
	#webmaster a {
	color: #302b2c; text-decoration: underline;
}
	#webmaster a:hover {
	color: #302b2c; text-decoration: none;
}

/* == END COPYRIGHT STYLES == */



/* == WEB FORM == */
#formTable {
	width: 140px; color: #ffffff; height: 140px;
}
#signup {
	width: 140px; z-index: 3; padding-left: 12px; padding-top: 30px; font-size: small;
}
option { /* Adjusts the width of the drop down menu on the webform.  It only shows up in Firefox and Chrome */
	width: 130px;
}
select {
	width: 95px;
}
input {
	font-size: xx-small;
}
/* == END WEB FORM == */