/* CSS Document */


/* 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, b, u, i, center, 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%;
	vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: none; }


/* LAYOUT  -------------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	background-color:#fff;
	color: #000000;
	text-align:justify;
	width:960px;
	margin: 20px auto;
	}

a {	
	text-decoration: none;
	font-size: 12px;
	font-weight:normal;
	color:#666666;
	}

p {
	padding-bottom: 10px;
	} 

h3 { 
	font-size:14px;
	line-height:20px;
	text-align:center;
	}
	
#logo {
	background: url('images/logo.gif');
	width:954px;
	height:80px;
	text-indent:-9999px;
	border: 3px solid #4e2515;
	}

ul#nav {
	list-style:none;
	width:960px;
	height:50px;
	margin: 20px 0px 30px;
	background-color: #4e2515;
	}
	ul#nav li{
		display:inline;
		}
		ul#nav li a {
			font-size: 18px;
			line-height:18px;
			display: block;
			color: #6cc31e;
			padding: 16px 50px;
			float: left;
			}
			ul#nav li a:hover {
				color:#fff;
				}
			ul#nav li a.active {
				color:#fff;
				font-weight:bold;
				}

		ul#nav li img {
			float:left;
			}		
		ul#nav li img.color {
			float: right;
			}
#image {
	float:right;
	}

#sidebar {
	width: 300px;
	float:right;
	}

#content {
	float:left;
	width:630px;
	background-image:url(images/logo-bg.gif);
	background-repeat:no-repeat;
	background-position:right top;
	min-height:400px;
	}
	#content h2 {
		font-size:24px;
		line-height:36px;
		}
	#content hr {
		color: #6cc31e;
		}
		
#prod-box1 {
	font-size:11px;
	text-align:center;
	float:left;
	display:inline;
	border: 1px solid #4e2515;
	width:180px;
	padding:9px;
	margin-right:15px;
	height:226px;
	}
	
#prod-box2 {
	font-size:11px;
	text-align:center;
	float:left;
	display:inline;
	border: 1px solid #4e2515;
	width:180px;
	padding:9px;
	margin-right:15px;
	height:226px;
	}
	
#prod-box3 {
	font-size:11px;
	float:left;
	text-align:center;
	display:inline;
	border: 1px solid #4e2515;
	width:180px;
	padding:9px;
	height:226px;
	}
	
#comm, #qual, #health, #graph {
	display:none;
	}
	
#footer {
	width:950px;
	font-size:10px;
	line-height:10px;
	color:#fff;
	margin-top:30px;
	padding:5px;
	background-color: #4e2515;
	background-image:url(images/color.gif);
	background-repeat:no-repeat;
	background-position:right;
	}