/************************************************************************/
/**	CSS RESET - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
/************************************************************************/
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 {
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}

:focus {
	outline:0;
}

ol,ul {
	list-style:none;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {
	text-align:left;
	font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

/************************************************************************/
/**	FONT BASELINE
/************************************************************************/
body { 
	font-size: 13px; 
	font-family: Arial, sans-serif;
	color: #fff;
}

/************************************************************************/
/**	UNIVERSAL STYLES
/************************************************************************/
a {
	color: #333;
}

a:hover {
	color: #000;
}

a:visited{

}

p { 
	font-size: 110%;
	line-height: 1.5; 
	margin: 0 0 1.5em 0; 
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

h2, .fauxh2 {
	font-size: 175%;
}

h3, .fauxh3 {
	font-size: 150%;
}

.disnone {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.mouseprint77 {
	font-size: 77%; 
}

.mouseprint88 {
	font-size: 77%; 
}


 
/************************************************************************/
/**	STRUCTURAL ELEMENTS
/************************************************************************/
body {
	background: white url('#') repeat-x;
}

.headwrap {
	background: #0f0f0f;
	height: 175px;
	width: 100%;
}

.header {
	background: url('_images/header_bg.jpg') no-repeat;
	width: 1115px;
	height: 175px;
	margin: 0 auto;
}

.navwrap {
	background: url('_images/nav_bg.jpg') repeat-x;
	height: 42px;
	width: 100%;
}

.nav {
	width: 1000px;
	height: 45px;
	margin: 0 auto;
	font-weight: bold;
}

.nav ul {
	padding: 10px 0 0 0;
}

.nav li {
	display: inline;
	padding: 5px 25px;
}

.nav li a {
	text-decoration: none;
	color: #fff;
	padding: 5px 25px;
}

.nav li a:hover {
	text-decoration: underline;
}

.contwrap1 {
	background: url('_images/cf-texture2.png') repeat;
}

.content1 {
	width: 1000px;
	margin: 0 auto;
	height: 410px;
}

.contwrap2 {
	background: url('_images/content2_bg.gif') repeat-x;
}

.content2 {
	background: url('_images/content2_whtBg.gif') no-repeat;
	width: 1000px;
	margin: 0 auto;
	height: 410px;
	color: #333;
}

.contwrap3 {
	background: url('_images/content3_bg.gif') repeat-x;
}

.content3 {
	background: url('_images/content3_whtBg.gif') no-repeat;
	width: 1000px;
	margin: 0 auto;
	color: #333;
}

.col1 {
	float: left;
	width: 450px;
	padding: 30px 0 0 0;
}

.col2 {
	float: left;
	width: 540px;
	padding: 30px 0 0 10px;
}

.cont2col1 {
	float: left;
	width: 420px;
	padding: 0 25px 0 25px;
	margin: 50px 0 0 0;
}

.cont2col1 li, .cont3col1 li, .cont3col2 li {
	margin: 0 0 10px 19px;
	list-style: disc url('_images/greendisc.jpg');
}

.cont2col2 {
	float: left;
	width: 214px;
	height: 215px;
	padding: 0 25px 0 25px;
	border-left: 1px solid black;
	margin: 50px 0 0 0;
}

.cont2col3 {
	float: left;
	width: 214px;
	height: 215px;
	padding: 0 25px 0 25px;
	border-left: 1px solid black;
	margin: 50px 0 0 0;
}

.cont3col1 {
	float: left;
	width: 630px;
	padding: 0 25px 0 25px;
	margin: 50px 0 0 0;
}

.cont3col2 {
	float: left;
	width: 214px;
	padding: 0 25px 0 25px;
	border-left: 1px solid black;
	margin: 50px 0 0 0;
}

.orderhero {
	background: url('#') no-repeat;
}


.footer {
	margin: 40px auto 0 auto;
	padding: 15px 75px 15px 0;
	text-align: center;
}

.gray {
	color: #999999;
}

.product {
	background:#f3f4f6;
	padding: 10px 10px 5px 10px;
	border-top:#CCCCCC solid 1px;
}




/************************************************************************/
/* begin gallery styling */
/************************************************************************/
/*#jgal { list-style: none; width: 190px; }
#jgal li { opacity: .5; float: left; display: block; width: 40px; height: 40px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px none #ddd; margin-right: -1px; margin-bottom: 14px; }
#jgal li img { position:relative; top: -5px; left: 140px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ 

/************************************************************************/
/* styling without javascript */
/************************************************************************/
/*#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 5px 5px 0; }



/**	CLEARFIX - http://www.webtoolkit.info/css-clearfix.html
/************************************************************************/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.clearfix {
	display:inline-block;
}

html[xmlns] .clearfix {
	display:block;
}

* html .clearfix {
	height: 1%;
}