@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* CSS Clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#36433a;
	background:#fff url(images/bg.gif) repeat-x;
}
h1 {
	font-size:3em;
	letter-spacing:-1px;
}
h2 {
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#36433a;
}
h3 {
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#af0000;
}
p {
	font-size:1.1em;
}
a:link, a:visited {
	color:#f6861f;
}
a:hover, a:active {
	color:#878787;
}
.orangebtn {
	width:115px;
	height:32px;
	padding-top:10px;
	text-align:center;
	margin:10px 0 10px 45px;
	background:url(images/orangebtn.gif) no-repeat;
}
.orangebtn a {
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.greenbtn {
	width:115px;
	height:32px;
	padding-top:8px;
	text-align:center;
	margin-left:190px;
	background:url(images/greenbtn.gif) no-repeat;
}
.greenbtn a {
	font-size:1.5em;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#wrapper {
	width:818px;
	margin:0 auto;
}
#header {
	float:left;
	width:818px;
	height:217px;
	background:url(images/stock.jpg) no-repeat;
}
#header .logo {
	float:left;
	width:300px;
	margin:20px 0 0 200px;
}
#header .logo h1 {
	font-size:3.2em;
	color:#427294;
}
#header .logo h2 {
	color:#fff;
}
#header .product {
	float:right;
	width:300px;
	margin:50px 0 0 0;
}
#header .product h3 {
	text-transform:uppercase;
	margin-bottom:10px;
}
#header .product img.prod {
	float:left;
	margin-right:15px;
}
#menu {
	float:left;
	width:818px;
	height:34px;
	color:#fff;
	background:url(images/menubg.gif) center no-repeat;
}
#menu ul {
	float:left;
	margin:5px 0 0 15px;
	font-size:1.1em;
}
#menu li {
	display:inline;
}
#menu li a {
	padding:10px;
}
#menu li a:link, #menu li a:visited {
	color:#fff;
	text-decoration:none;
}
#menu li a:hover, #menu li a:active {
	text-decoration:underline;
}
#content {
	float:left;
	width:786px;
	height:auto;
	padding:12px 15px 15px 15px;
	border-left:1px solid #5c839f;
	border-right:1px solid #5c839f;
	background:#fff url(images/toprc.gif) top no-repeat;
}
#content .leftcontent {
	float:left;
	width:550px;
	padding-right:5px;
}
#content .leftcontent h1 {
	font-weight:normal;
}
#content .leftcontent h2 {
	font-weight:normal;
	margin-bottom:10px;
}
#content .leftcontent p {
	margin-bottom:20px;
}
#content .rightcontent {
	float:left;
	width:230px;
}
#content .rightcontent .boxtop {
	float:left;
	width:230px;
	height:6px;
	background:#e0f2ff url(images/rctop.gif);
}
#content .rightcontent .boxbottom {
	float:left;
	width:230px;
	height:6px;
	background:#e0f2ff url(images/rcbottom.gif);
}
#content .rightcontent .box {
	float:left;
	width:210px;
	padding:2px 10px 2px;
	background-color:#e0f2ff;
}
#content .rightcontent .box h2 {
	font-size:1.9em;
	color:#af0000;
	margin-bottom:8px;
}
#content .rightcontent .box p {
	float:left;
	width:100%;
	font-size:1em;
	margin-bottom:10px;
}
#content .rightcontent .box .italic {
	text-align:right;
	font-style:italic;
	font-weight:bold;
}
#footer {
	float:left;
	width:818px;
	height:30px;
	background:url(images/footerbg.gif) center no-repeat;
}
#footer p {
	color:#fff;
	padding:7px 0 0 20px;
}
ul.features {
	margin-left:10px;
}
ul.features li {
	padding:5px 0 5px 20px;
	background:url(images/chkbullet.gif) no-repeat left center;
}

