body {
	margin: 10px;
	background: #ccc;
	color: #fff;
	font-family: Verdana, Lucida, sans-serif;
	font-size: 14px; 
   	background: #FFFFFF; /* old browsers */
    	background: -moz-linear-gradient(top, #FFFFFF 0%, #81d249 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#81d249)); /* webkit */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#81d249',GradientType=0 ); /* ie */

}

#Frame {
	height: 1080px;
	width: 960px;
	margin: auto;
	border: 1px solid #007a00;
	background-image: url('../images/rainforest.jpg');
	padding: 0px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}
#Header {
	width: 940px;
	height: 125px;
	padding: 0px;
	margin: 10px;
	margin-bottom: 0px;
}
#SiteName {
	width: 380px;
	padding: 5px;
	margin: 0px;
	background: #418144;
	color: #f6f300;
	text-align: center;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}
#SiteName h1 {
	font-size: 30px;
	margin: 0px;
	padding: 10px;
}
#SiteName h3 {
	font-size: 16px;
	margin: 0px;
	padding: 10px;
}	
#HeaderImage{
	height: 125px;
	float:right;
	border: 0;
	margin: auto;
}
#Content {
	width: 940px;
	height: 925px;
	clear: both;
	margin: 10px;
	padding: 0px;
	margin-top: 0px;
}
#Pitch {
	margin-bottom: 10px;
}
#SalesItems1 {
	margin-bottom: 10px;
}
#SalesItems2 .item {
	width: 100%;
}
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.fixed{display:block;}

	.fixed{min-height:1%;}
	* html .fixed{height:1%;}
				
.row{ width:940px;}
	.col-920{ width:920px; float:left; margin-right:0px; }
	.col-700{ width:700px; float:left; margin-right:20px; }
	.col-580{ width:580px; float:left; margin-right:20px; }
	.col-520{ width:520px; float:left; margin-right:20px; }
	.col-460{ width:460px; float:left; margin-right:20px; }
	.col-340{ width:340px; float:left; margin-right:20px; }
	.col-220{ width:220px; float:left; margin-right:20px; }
	.col-180{ width:180px; float:left; margin-right:20px; }
	.col-160{ width:160px; float:left; margin-right:20px; }
			
.last{ margin-right:0px; }
.clear{ clear:both; }
.block{ display:block; }
.hide{ display: none; }	
.text {
	padding: 10px;
	background: #418144;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}
.item {
	text-align: center;
	margin: auto;
	padding: 10px;
	background: #222;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}
.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern! */
        /* Firefox 0.9+, Safari 2?, Chrome any? */
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}
.strikethrough {
	text-decoration: line-through;
}
.red {
	color: red;
	font-weight: bold;
}
.green {
	color: #81d249;
	font-weight: bold;
}
hr {
	width: 100%;
	border: 0px;
	height: 1px;
	color: #fff;
	background-color: #fff;
}

