body {background: #000000; margin:0; padding:0; font-family:Arial, Helvetica, Verdana, sans-serif;}
h1,h2,h3,h4,h5,p{margin:0; padding:0; font-family:Arial, Helvetica, Verdana, sans-serif;}
a{
	text-decoration:underline;
	color:#fff;
	font-size: 16px;
}
a img{border:none;}
#rep{width:970px; margin:20px auto; background:url(images/repeater.jpg) repeat-y top; padding:0;}
#repHeader{background:url(images/header.jpg) no-repeat top; padding:0; position:relative;}
#repFooter{background:url(images/footer.jpg) no-repeat bottom; padding:0;}

#headerImage{position:absolute; top:0; left:0; width:970px; height:546px;}

#headSection {position:relative; height:898px; position:relative;}
#headSection h1{
	left:38px;
	top:547px;
	position:absolute;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	width: 558px;
}
#headSection h1 span{color:#FFCC66; padding:0; margin:0;}
#introduction{
	font-size:12px;
	color:#999999;
	left:37px;
	top:576px;
	position:absolute;
	width:620px;
	line-height: 16px;
}

#headSection h2{
	left:37px;
	top:688px;
	position:absolute;
	color:#FFCC66;
	font-size:14px;
	font-weight:bold;
	width: 313px;
}
#introduction2{
	font-size:12px;
	color:#999999;
	left:37px;
	top:727px;
	position:absolute;
	width:310px;
	line-height: 16px;
}

#limitedCoursesAvalible{
	position:absolute;
	width:208px;
	right:54px;
	top:564px;
}
#limitedCoursesAvalible h3{font-size:18px; padding:0 0 7px; font-weight:normal; color:#fff; margin:0; border-bottom:1px solid #333;}
#limitedCoursesAvalible p {font-size:12px; padding:10px 0 0 0; color:#fff;}
#limitedCoursesAvalible span{text-decoration:line-through;}
#limitedCoursesAvalible p strong{color:#FF6666; display:block;}
#limitedCoursesAvalible p b{font-weight:bold;}
#systemRequirements{
	position:absolute;
	width:208px;
	right:53px;
	top:725px;
	font-size:11px;
	color:#999;
}
#systemRequirements strong{display:block; color:#fff !important;}


#button1{
	position:absolute;
	top:742px;
	right:126px;
} /* top one! */
.orderNowButton{display:block; width:134px; height:38px;background:url(images/order-now-button.gif);}
.orderNowButton span{display:none;}

 /* this is the mouseover for both buttons, delete this line if you don't like them. Change order-now-button-over.gif to change the button. */
.orderNowButton:hover{background:url(images/order-now-button-over.gif);}


.splitter1{background:url(images/splitter-left.jpg) no-repeat top left; clear:both;}
.splitter2{background:url(images/splitter-right.jpg) no-repeat top right; padding:15px 0 0 0;}
.dvdContent{position:relative; padding:0; margin:0; width:970px;}
.itemsList{margin:50px 0 0 420px;}
.itemsList .item a{padding:0; margin:0; text-decoration:none;}
.itemsList .item a img{border:0;}


/* this is the thumbnails, you can change the margins and height/widths if you want here */
.itemsList .item{float:left; width:240px; height:140px; margin:15px 10px; position:relative; padding:0;}



/* This is the line that makes the magnifying glasses work on mouseover of the thumbs. Get rid of it if you don't want them for any reason... */
.itemsList .item a:hover span{display:block; width:16px; height:16px; background:url(images/glass-overlay.jpg); position:absolute; bottom:7px; right:8px;}



.viewFullSize{font-size:12px; color:#666; font-style:italic; width:325px; background:url(images/grey-up-triangle.jpg) no-repeat bottom right; padding:0 0 0 20px; display:block; margin:0;}

.features{margin:0; padding:0;font-size:12px; width:350px;}
.features strong{margin:0; padding:0; list-style:none; display:block; padding:0 0 0 15px; background:url(images/grey-block.jpg) no-repeat left;}
.features span{display:block; padding:0 0 14px 15px; color:#999;}

#dvd1{background:url(images/dvd-1.jpg) no-repeat top left; position:absolute; top:-20px; left:33px; padding:285px 0 0 25px; width:373px;}
#dvd1 .features{background:url(images/number1.jpg) no-repeat right;}
#dvd1 .features strong{color:#6AD2F9;}

#dvd2{background:url(images/dvd-2.jpg) no-repeat top left; position:absolute; top:-20px; left:33px; padding:285px 0 0 25px; width:373px;}
#dvd2 .features{background:url(images/number2.jpg) no-repeat right;}
#dvd2 .features strong{color:#FFBA51;}

#dvd3{background:url(images/dvd-3.jpg) no-repeat top left; position:absolute; top:-20px; left:33px; padding:285px 0 0 25px; width:373px;}
#dvd3 .features{background:url(images/number3.jpg) no-repeat right;}
#dvd3 .features strong{color:#F24831;}

#dvd4{background:url(images/dvd-4.jpg) no-repeat top left; position:absolute; top:-20px; left:33px; padding:285px 0 0 25px; width:373px;}
#dvd4 .features{background:url(images/number4.jpg) no-repeat right;}
#dvd4 .features strong{color:#BEDD79;}
#dvd4 p /* tech info */{font-size:9px; color:#666; width:250px;}
#dvd4 p b{color:#CCC; font-weight:bold;}

#aboutTheAuthors{
	width:500px;
	position:absolute;
	top:47px;
	right:40px;
}
#aboutTheAuthors h2{font-size:18px; color:#CCC; padding:0 0 10px 0; font-weight:normal;}
#aboutTheAuthors p{
	padding:0 100px 0 0;
	font-size:12px;
	color:#999;
	margin:0 0 18px 0;
	line-height: 16px;
}
#aboutTheAuthors strong{color:#FFCC66;}

#galleryBook{
	width:345px;
	position:absolute;
	top:47px;
	left:40px;
}
#galleryBook h2{font-size:18px; color:#CCC; padding:0 0 10px 0; font-weight:normal;}
#galleryBook p{
	padding:0;
	font-size:12px;
	color:#999;
	line-height: 16px;
}

#limitedCoursesBottom{text-align:center; position:absolute; bottom:20px; width:452px; height:139px; left:50%; margin-left:-226px; background:url(images/bottom-boxie.jpg) no-repeat top; text-align:center; padding:20px 0 0 0;}
#limitedCoursesBottom h3{font-size:18px; padding:0; font-weight:normal; color:#ff3333; margin:0;}
#limitedCoursesBottom p {font-size:14px; padding:10px 0 0 0; color:#fff;}
#limitedCoursesBottom span{text-decoration:line-through;}
#limitedCoursesBottom p strong{font-weight:bold;}
#button2{text-align:center; position:absolute; bottom:59px; left:484px; margin-left:-70px;} /* bottomy! hee hee! */
#shippingWorldwide{font-size:12px; color:#fff; position:absolute; width:300px; height:15px; bottom:13px; left:50%; margin-left:-150px; text-align:center;}

#sealsBottom{text-align:center; padding:10px 0 30px 40px; margin:0;}
#customerService{text-align:center;}
#customerService a{color:#999; text-decoration:underline; font-size:12px;}
#customerService a:hover{color:#fff; text-decoration:none;}

#copy{color:#4C4C4C; text-align:center; padding:30px 0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#copy a{color:#424040; text-decoration:underline;}
#copy a:hover { color: #666666; text-decoration:underline;}
/** That's all folks. CSS by Will Dayble **/
.regmark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
}