body
	{ 	margin: 0; 
	padding: 0;
	top: 0; 
	left: 0; 
	font: 0.8em/140% verdana, helvetica, sans-serif; color: #666666; background-color: #fff; background-image: url(../images/bk.gif); background-repeat: repeat-x; background-position: 0 top; }
	
	a:link { color: #d71920; text-decoration: none; }
	a:visited { color: #b2b265; text-decoration: none; }
	a:hover { color: #f6eb02; text-decoration: underline; }
	a:active { color: #d71920; text-decoration: underline; }
	li { line-height: 150%; list-style-type: square; }

	#container
	{
		width: 900px;
		text-align: center;
		margin: 0 auto ;
	}
	
	#header
	{
		width: 900px;
		height: 270px;
	}	
	#mainwrap
	{
		margin: 0 auto;
		width: 900px;
		text-align: center;
		min-height: 500px;
		height: auto !important;
		height: 500px;
	}

/* -------------------------------- MAIN AREA -----------------------------*/
#col-left {width: 430px; margin-left: 60px; margin-bottom: 30px; text-align: left;}
#col-left h2 { color: #8d8587; font-size: 22px; line-height: normal; background-image: url(../images/h3-bk.gif); background-repeat: no-repeat; background-position: 0 bottom; vertical-align: middle; height: 30px; }
#col-left h3 { color: #b389db; font-size: 14px; font-weight: bold;  }
#col-left h4 { color: #b389db; font-size: 16px; font-weight: bold; padding-top: 6px; border-top: 2px dashed #f6eb02;}
.intro { color: #d71920; font-size: 16px; line-height: 130%; padding-left: 12px; }
.dvdimg { width: 180px; float: left; }
.productname {color: #8d8587; font-size: 18px; font-weight: bold;  }
.smallprint { font-size: 9px; }
/* -------------------------------- RIGHT SIDEBAR -----------------------------*/
#col-right {width: 360px; float: right; text-align: left;}
.caption { color: #8d8587; font-size: 10px; line-height: normal; }
.dottedline { padding: 0; border-bottom: 5px solid #ff0; }
.rule { padding: 0; border-bottom: 1px solid #8d8587; }
.testimonial { color: #b389db; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; width: 300px; margin-top: 30px; margin-bottom: 10px; }
#testimonial img {float: left; width: 67px; padding-right: 10px;}
#makingof { background-color: #ff9; text-align: center; margin-top: 30px; padding: 6px; border: solid 1px #f6eb02; }
#dvdbuy { text-align: center; margin-top: 30px; }
/* -------------------------------- HEADER AREA -----------------------------*/
.logo {float: left; width: 200px; margin: 0; padding: 0;}
.trafficlight {float: right; width: 120px; margin: 0; padding: 0;}
#header-left {float: left; width: 200px;}
#header-middle {float: left; width: 560px; text-align: left;}
#header-right {float: left; width: 120px;}
#header-middle h2 { margin: 0; padding: 23px 20px 15px; font: 700 20px verdana, helvetica, sans-serif; text-align: left; color: #b389db; font-stretch: condensed; }
#header-middle h3 {margin-top: 0; margin-bottom: 0;  padding: 0 20px 10px; font: 9px verdana, helvetica, sans-serif; text-align: left; color: #666666; }
#header-middle2 {float: left; width: 560px; text-align: left;}
#header-middle2 h2 { margin: 0; padding: 68px 20px 15px; font: 700 20px verdana, helvetica, sans-serif; text-align: left; color: #b389db; font-stretch: condensed; }
#header-middle2 h3 {margin-top: 0; margin-bottom: 0;  padding: 0 20px 10px; font: 9px verdana, helvetica, sans-serif; text-align: left; color: #666666; }

/* -------------------------------- TOP NAV -----------------------------*/
#topnav { 
	clear: right;
	text-align: left;
	padding-left: 6px;
	}
ul#navlist { 
	margin: 0; 
	list-style-type: none; 
	float: left; 
	width: 100%; 
	color: #fff; 
	padding: 0; }
	
ul#navlist li { display: inline; }

ul#navlist li a { 
	float: left; 
	width: 70px; 
	color: #fff; 
	font-size: 12px; 
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	text-decoration: none; 
	text-align: center; 
	vertical-align: bottom; 
	height: 45px; 
	padding: 6px 12px 0 0; }

ul#navlist li a:hover { color: #fff; background-image: url(../images/buttons-bk.gif); background-repeat: no-repeat; }
ul#navlist li a:active { color: #d71920; background-image: url(../images/buttons-bk.gif); background-repeat: no-repeat; }


/* --------------------------- FOOTER -----------------------------------*/
#footer { background-image: url(../images/footer-bk.gif); background-repeat: repeat-x; width: 100%; height: 160px; text-align: center; position: relative; clear: both; margin-top: 15px; }	
#footercontents { width: 780px; color: #666666; font-size: 10px; line-height: 120%; text-align: left; height: 140px; padding-top: 20px; border-top: 1px solid #b389db; }
#footercontents a {color: #666666; text-decoration: none; font-weight: bold;}
#footercontents a:hover {color: #f6eb02; text-decoration: underline; }
#footercontents a:focus {color: #d71920; text-decoration: underline; }
/* --------------------------- EMAIL FORM -----------------------------------*/
#signup { font-size: 12px; background-color: #fff; width: 230px; margin-top: 40px; margin-bottom: 30px; border: solid 1px #b389db; padding: 0.5em;}
#signup a { text-decoration: underline; color: #b389db;}
#signup a:hover { text-decoration: underline; color: #f6eb02;}
#emailbox { color: #fff; font-size: 12px; font-weight: bold; background-color: #b389db; width: 260px; margin-top: 40px; margin-bottom: 30px; }
#emailbox form { color: #8d8587; font-size: 10px; font-weight: normal; background-color: white; text-align: left; padding: 0.5em; border: solid 1px #b389db; }
#emailbox input.txt { color: #8d8587; background-color: #ffffc0; border: solid 1px; }
#emailbox input.btn { color: #fff; font-size: 10px; font-weight: bold; background-color: #b389db; }

/* --------------------------- CONTACT FORM -----------------------------------*/

#contact input.txt {
  color: #666666;
  background-color: #ffffc0;
  border: 1px inset #b389db;
  width: 200px;
}
#contact input.btn {
  color: #666666;
  background-color: #ffffc0;
  border: 1px outset #b389db;
  font-weight: bold;
}
#contact textarea {
  width: 200px;
  height: 40px;
  color: #666666;
  background-color: #ffffc0;
  border: 1px inset #b389db;
}
#contact form div {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
#contact form div label {
  float: left;
  width: 40%;
  font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
}
#contact fieldset {
  border: 1px dotted #b389db;
  margin-top: 1.4em;
  padding: 0.6em;
}
#contact legend {
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  color: #b389db;
  background-color: #FFFFFF;
}