@charset "UTF-8";

/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
strong, b, strong *, b *
{
  font-weight: bold;
}
em, i, em *, i *
{
  font-style: italic;
}
	
	
	
/* General */	
	
html, body {height: 100%;}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	color: #666;
	background-color: #000;
}

h1 {
	height: 216px;
	width: 224px;
	background-image: url(../images/h1.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: -66px;
	top: 0px;
	z-index: 345;
}
	h1 a {
	height: 216px;
	width: 224px;
	text-indent: -9999px;
	display: block;
	}

h2 {
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 10px;
	color: #000;
}
	h2 span {
	color: #CCC;
	font-weight: bold;
	}

h3 {
	font-size: 14px;
	color: #000;
	margin-bottom: 20px;
}

h4 {
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 30px;
}
	h4 span {
	color: #CCC;
	font-weight: bold;
	}
	h4 a:hover {
		text-decoration: none;
	}

h5 {
	font-size: 14px;
	color: #000;
	margin-bottom: 20px;
	border-top-width: 6px;
	border-top-style: double;
	border-top-color: #CCC;
	padding-top: 20px;
}

h6 {
}

p {
	margin-bottom: 20px;
}


a {
	text-decoration: none;
	cursor: pointer;
	color: #000;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

img {
}



/* Divs */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%; /* the bottom margin is the negative value of the footer's height */
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -160px;
	margin-left: auto;
	position: relative;
	background-image: url(../images/footer_curve.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #FFF;
}
#innerWrapper {
	background-image: url(../images/wrapper_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

	#sNetwork {
	position: absolute;
	top: 14px;
	left: 360px;
	width: 440px;
	}

			.facebook, .myspace, .twitter {
	background-image: url(../images/sn1_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 34px;
	margin-bottom: 20px;
	margin-top: -10px;
			}
			.myspace {
					background-image: url(../images/sn3_b.jpg);
			}
			.twitter {
					background-image: url(../images/sn2_b.jpg);
			}

		
		img.sn1a {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		}
	   
		img.sn1b {
		position: absolute;
		left: 0;
		top: 0;
		}
		
		img.sn2a {
		position: absolute;
		left: 40px;
		top: 0;
		z-index: 10;
		}
	   
		img.sn2b {
		position: absolute;
		left: 40px;
		top: 0;
		}
		
		img.sn3a {
		position: absolute;
		left: 80px;
		top: 0;
		z-index: 10;
		}
	   
		img.sn3b {
		position: absolute;
		left: 80px;
		top: 0;
		}
		
		img.sn4a {
		position: absolute;
		left: 120px;
		top: 0;
		z-index: 10;
		}
	   
		img.sn4b {
		position: absolute;
		left: 120px;
		top: 0;
		}
		img.sn5a {
		position: absolute;
		left: 160px;
		top: 0;
		z-index: 10;
		}
	   
		img.sn5b {
		position: absolute;
		left: 160px;
		top: 0;
		}
		
		img.mailinga {
	position: absolute;
	left: 200px;
	top: 0;
	z-index: 10;
		}
	   
		img.mailingb {
	position: absolute;
	left: 200px;
	top: 0;
		}
		
	body.about #content img, body.news #content img {
	float: right;
	padding: 5px;
	border: solid 1px #CCC;
	margin-left: 20px;
	margin-bottom: 10px;
	}
		
	#content {
	padding-top: 60px;
	width: 600px;
	margin-left: 140px;
	}
	
		#content p a {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F90;
	}
		#content p a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F60;
	text-decoration: none;
	}


		#homeSlide {
			position: relative;
			width: 600px;
			height: 240px;
			margin-top: 40px;
			overflow:hidden;
		}
		
		#homeBoxes {
		position: relative;
		height: 150px;
		}
	 
			img.a1 {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 10;
					}
			 
			img.b1 {
				position: absolute;
				left: 0;
				top: 0;
				}
				
			img.a2 {
				position: absolute;
				left: 150px;
				top: 0;
				z-index: 10;
					}
			 
			img.b2 {
				position: absolute;
				left: 150px;
				top: 0;
				}
				
			img.a3 {
				position: absolute;
				left: 300px;
				top: 0;
				z-index: 10;
					}
			 
			img.b3 {
				position: absolute;
				left: 300px;
				top: 0;
				}
				
			img.a4 {
				position: absolute;
				left: 450px;
				top: 0;
				z-index: 10;
					}
			 
			img.b4 {
				position: absolute;
				left: 450px;
				top: 0;
				}
		
		.productListing {
	clear: left;
	padding-bottom: 0px;
	overflow: hidden;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #CCC;
	margin-bottom: 20px;
		}
			.productListing img {
	float: left;
	margin-right: 20px;
			}
			    .saleList {
	color: #CA1226;
	font-weight: bold;
	background-image: url(../images/sale.png);
	background-repeat: no-repeat;
	background-position: 155px top;
	height: 23px;
	padding-left: 200px;
	margin-bottom: 13px;
	padding-top: 12px;
	margin-top: -8px;
				}
					.saleList span {
						text-decoration: line-through;
						color: #000;
						}

		#prodDetLeft {
	display: inline;
	float: left;
	width: 400px;
		}
			#prodDetLeft img {
		float: right;
		margin-left: 20px;
		}
			.prodDetTop {
				margin-bottom: 20px;
				overflow:hidden;
			}
			#prodDetLeft li {
				margin-bottom: 8px;
					}
			
		
			.awardRemix {
	background-image: url(../images/award_remix.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 66px;
	padding-top: 9px;
	padding-bottom: 6px;
	margin-bottom: 7px;
	font-weight: bold;				
			}
		
			.sale {
		color: #CA1226;
		font-weight: bold;
		background-image: url(../images/sale.png);
		background-repeat: no-repeat;
		background-position: left center;
		height: 23px;
		padding-left: 50px;
		padding-bottom: 12px;
		padding-top: 2px;
		}
				.sale span {
				text-decoration: line-through;
				color: #000;
				}

			.flashMp3 {
				clear: both;
				color: #F90;
				margin-bottom: 6px;
			}
				.flashMp3Last {
					color: #F90;
					margin-bottom: 20px;
				}
				.flashMp3Full {
					color: #F90;
					margin-bottom: 6px;
					margin-top: -10px;
				}
			
			
			.backOne {
	position: absolute;
	left: 167px;
	top: 153px;
			}
				.backOne a {
					color: #999;
				}
	
		.purchase {
		background-image: url(../images/purchase.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 6px;
		}
			#content p.purchase a {
	display: block;
	padding-left: 54px;
	border-bottom-style: none;
			}
		.downloadDemo {
	background-image: url(../images/download_demo_small.jpg);
	background-repeat: no-repeat;
	background-position: 3px top;
	padding-top: 1px;
	padding-left: 54px;
	padding-bottom: 4px;
		}
			#content p.downloadDemo a {
			border-bottom: none;
			}

		#prodDetRight {
	float: right;
	width: 180px;
	display: inline;
	padding-left: 20px;
	padding-top: 60px;
		}
			#prodDetRight img {
				float: left;
				margin: 0 10px 2px 0;
			}
			.fullReview {
	overflow: auto;
	width: 700px;
	height: auto;
	padding: 10px;
	color: #333;
			}
				.boldSig {
					font-weight: bold;
				}
				.fullReview img {
				float: left;
				margin: 0 10px 2px 0;
			}
			#prodDetRight ul {
			}
				#prodDetRight li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
				}
			
			

#footer, .push {
	height: 160px;
}
#footer {
	height: 160px;
		background-image: url(../images/footer_curve.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
	#footer p {
		margin-bottom: 0;
	}
	#footerInner {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 40px;
		}
		ul#footerUl1, ul#footerUl2 {
	color: #FFFFFF;
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
		}
		ul#footerUl1 {
		float: left;
		margin-left: 40px;
		margin-top: 20px;
		}
		ul#footerUl2 {
			float: left;
			margin-top: 20px;
			margin-left: 80px;
		}
		ul#footerUl1 li, ul#footerUl2 li {
		margin-left: 0px;
		margin-top: 3px;
		}
		ul#footerUl1 a, ul#footerUl2 a {
		color: #666666;
		font-weight: normal;
		}
		ul#footerUl1 a:hover, ul#footerUl2 a:hover {
			color: #FFFFFF;
		}
		
		.copy {
	float: right;
	color: #FFF;
	background-image: url(../images/footer_logo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 58px;
	height: 49px;
	vertical-align: text-bottom;
	padding-top: 33px;
	margin-top: 85px;
	font-size: 11px;
		}
		

/* Random classes etc */

.clear {clear: both ;}
.orange {
	color: #F90;
	font-weight: bold;
}
.blackBold {
	font-weight: bold;
	color: #000;
}
.border {
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #CCC;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
.floatRightImg {
	float: right;
	margin-left: 10px;
}
.paypalBuy {
	width: 200px;
	float: right;
	text-align: right;
}
	.paypalBuy img {
		float: right;
	}

.productListing .normalGrey, p.sale span.normalGrey {
	font-weight: normal;
	text-decoration: none;
	color: #666;
}

/* mailing list */

.mailinglistform {
	overflow:hidden;
	padding-bottom:30px;
}
	.mailinglistform > p {
		float:left; clear:both;
		margin-left:150px;
	}
    .mailinglistform > label, #other label {
		display:block;
		font-weight:bold;
		text-align:right;
		float:left;
		padding-left:10px;
		width:130px;
		color:#333;
    }
		.mailinglistform > label strong {
			color:#ff0000;
	    }
        .mailinglistform > label .small {
            color:#666666;
            display:block;
            font-size:1.1em;
            font-weight:normal;
            text-align:right;
            width:130px;
            line-height:normal;
        }
    .mailinglistform > input, #other input {
        float:left;
        width:340px;
        margin:2px 0 10px 10px;
        padding:5px;
        border:#999999 1px solid;
    }
    .mailinglistform > select {
        float:left;
        width:340px;
        margin:2px 0 10px 10px;
        padding:5px;
        border:#999999 1px solid;
    }
    .mailinglistform > textarea {
        float:left;
        width:340px; height:100px; overflow:auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
        margin:2px 0 10px 10px;
        padding:5px;
        border:#999999 1px solid;
    }
 	.mailinglistform > .checkbox {
        float:left;
        width:340px;
        margin:2px 0 10px 10px;
        padding:5px;
    }
	.mailinglistform #captcha-img {
		float:left;
		margin:2px 0 10px 150px;
	} 
		.mailinglistform > .checkbox div {
			float:left;
			margin:10px;			
		}
			.mailinglistform > .checkbox div label {
				margin-right:10px;			
			}
	.mailinglistform .submit {
		float:left;
		clear:both;
	}
	.mailinglistform input[type="submit"] {
		margin-left:150px; margin-bottom:10px;
	}
	
	input[type="submit"]        { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee; clear:both; }
	input[type="submit"]:hover,
	input[type="submit"]:focus  { border-color:#333;background:#ddd; }
	
 	#callback {
		display:none;
		clear:both;
		font-weight:bold;
		margin-left:150px;
		margin-bottom:10px;
		color:#F60;
	}
	
	#success {
		display:none;
		clear:both;
		font-weight:bold;
		color:#F60;
	}