html{
	z-index:-1;
	background-color: #009bd4;
	background-image: url("images/bg_fill.png");
	background-repeat: no-repeat;
	height: 100%;
}

body{
	font-family: arial;
	margin: 0;
	padding: 0;
}

div#topGreenBar {
	height: 40px;
	background-color: #a9e90b;
	margin-top:10px;
}

div#main_left_shadow{
	margin: -50px auto;
	padding-left: 6px;
	width: 906px;
	background-image: url("images/shadow_left.png");
	background-repeat: repeat-y;
}

div#main_right_shadow{
	background-image: url("images/shadow_right.png");
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 3px;
}

div#main{	
	height: 100%;
	background-color: white;
	width: 900px;
	z-index: 1;
	min-height: 800px;
	padding-top: 4px;
}

div#main_top_green_bar{
	height: 50px;
	background-color: #a9e90b;
	z-index: 2;
}

div#contact{
	width: 177px;
	height: 124px;
	background-image: url("images/contact.png");
	float: right;
	margin-top: -46px;
	margin-right: 5px;
}

.clear{
	clear: both;
}

h1 {
	text-indent: -100000px;
	font-size: 1px;
	background-image: url("images/banner.png");
	background-repeat: no-repeat;
	height: 124px;
	width: 713px;
	margin-left: 5px;
	z-index: 3;
	margin-top: -46px;
}

div#content{
	width: 890px;
	padding-left: 10px;
}

div#main_description{
	float: right;
	padding-right: 40px;
}

div#main_description_content{
	width: 340px;
	font-weight: bold;
	font-size: 1.0em;
	height: 200px;
}

span.main_title{
	color: #40b4df;
	font-size: 2em;
	font-weight: bold;
}

span.main_title span{
	color: #ffc600;
}

span.product_title{
	color: #40b4df;
	font-size: 1.6em;
	font-weight: bold;
}

span.product_title span{
	color: #ffc600;
}

div#content_box{
	width: 475px;
	height: 320px;
}

div#product_display{
padding-left: 62px;
}

div#product_display img {
	height: 280px;
	width: auto;
}

/* Corners*/
span.t {
	display: block;
	background: url("images/dot.png") 0 0 repeat-x; 
}

span.b {
	display: block;
	background: url("images/dot.png") 0 100% repeat-x
}

span.l {
	display: block;
	background: url("images/dot.png") 0 0 repeat-y
}

span.r {
	display: block;
	background: url("images/dot.png") 100% 0 repeat-y
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 11px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: url("images/corners_left.png");
	background-position: 0 0;
	margin: 0 0px;
}

span.corners-top span {
	background-image: url("images/corners_right.png");
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: url("images/corners_left.png");
	background-position: 0 100%;
	margin: 0 0px;
	clear: both;
}

span.corners-bottom span {
	background-image: url("images/corners_right.png");
	background-position: 100% 100%;
}

/* Title Bar in content box Corners */
div#title_box{
	width: 450px;
	height: 40px;
	background-color: black;
	margin-left: -55px;
	margin-bottom: -40px;
	font-size: 1.6em;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	position: absolute;
}

span.t-corners-top, span.t-corners-bottom, span.t-corners-top span, span.t-corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.t-corners-top {
	background-image: url("images/title_l_cor.png");
	background-position: 0 0;
	margin: 0 -10px;
}

span.t-corners-top span {
	background-image: url("images/title_r_cor.png");
	background-position: 100% 0;
	margin: 0 10px;
}

span.t-corners-bottom {
	background-image: url("images/title_l_cor.png");
	background-position: 0 100%;
	margin: 0px -10px;
	clear: both;
}

span.t-corners-bottom span {
	background-image: url("images/title_r_cor.png");
	background-position: 100% 100%;
	margin: 0px 10px;
}

a img{
	border: none;
}

div#most_popular{
	width: 900px;
	height: 650px;
	text-align: left;
}

div#screen_shots{
	width: auto;
	min-height: 340px;
	text-align: left;
}

ol.popular{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ol.popular li{
	padding-top: 20px;
	float: left;
	text-align: center;
	margin-left: 25px;
}

ol.popular li img.prod_img{
	border: 1px solid black;
	height: 204px;
	width: 255px;
}

ol.media_screenshots{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ol.media_screenshots li{
	padding-top: 20px;
	float: left;
	text-align: center;
	margin-left: 25px;
	width: 256px;
}

ol.media_screenshots li img.prod_img{
	border: 1px solid black;
	height: 204px;
	width: auto;
}

div#product_video{
	padding-left: 24px;
}