/* Fix for Internet Explorer v5.5 and v6, since they don't display transparent PNG images right */
img, div { behavior: url(iepngfix.htc) }

html, body {
	margin: 0;
	padding: 0;
	height: 2400px;
}

body {
	background:url('bg_tile.jpg') top left;
	font-family: tahoma, helvetica, sans-serif;
	font-size: small;
	color: #666;
	text-align: center;
}

a { color: #099;}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-image:url('bullet.gif');
	margin-bottom: 1.2em;
}

a img { border: 0; }

#mainGrad { 
	background:url('bg_top.jpg') top left repeat-x;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1339px;
	width: 100%;
	}

#main {
	width: 946px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#logo {
	background:url('logo.png') top left no-repeat;
	width: 640px;
	height: 152px;
	position: absolute;
	left: 190px;
}

#bestproducts {
	background:url('bestproducts.png') top left no-repeat;
	width: 75px;
	height: 75px;
	position: absolute;
	left: 850px;
	top: 30px;
}

#top {
	background:url('top.png') top left no-repeat;
	width: 779px;
	height: 357px;
	position: absolute;
	left: 20px;
	top: 160px;
}

#video {
	position: absolute;
	top: 65px;
	left: 75px;
}

#top_sidebar {
	position: absolute;
	top: 30px;
	left: 550px;
	width: 220px;
}

#sidebar {
	position: absolute;
	top: 500px;
	width: 251px;
	z-index: 1;
	margin-left: 540px;
}

.sidebarBox {
	background:url('sidebar_box.jpg') top left no-repeat;
	width: 251px;
	height: 169px;
	margin: 25px 0;
	padding: 8px;
}

.sidebarBox ul {
	width: 200px;
	margin-left: 25px;
}
.sidebarBox h3 {
	text-align: center;
	margin: 0.5em auto;
}

#purchase {
	margin-left: 30px;
}

#products {
	background:url('products.png') top left no-repeat;
	width: 448px;
	position: relative;
	top: 500px;
	padding: 85px 30px 0px 29px;
}

#products form {
	margin: 0 auto;
	text-align: center;
}


.description {
	width: 200px;
	margin: 60px 0 120px 50px;
	z-index: 1;
}

.prodimage {
	margin-top: -200px;
	margin-left: 260px; 
	z-index: 100;
}

#samples { margin: 20px 0 0 50px;}

#samples li {
	float: left;
	list-style: none;
	width: 75px;
	text-align: center;
}

#samples img, #samples a { display: block; }

#samples img { 
	margin: 0 auto;
	padding: 5px;
	}

#productsFooter {
	background:url('productsFooter.jpg') top right no-repeat;
	width: 459px;
	height: 26px;
}

#productsSeparator {
	background:url('productsSeparator.jpg') top right no-repeat;
	width: 459px;
	height: 60px;
}

#footer {
	position: relative;
	bottom: -43em;
	text-align: center;
	padding-bottom: 2em;
}

#adsense {
	position: absolute;
	top: 178px;
	margin-left: 830px;
}