/* CSS Document */

/* Layout Styles
***************************************************/
html {overflow: -moz-scrollbars-vertical;}
body {
	margin:0px;
	padding:0px;
	background-image:url(../images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	}
#wide-container {
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
	width:100%;
	}
#site-container {
	background-image:url(../images/left_col_header.gif);
	background-repeat:repeat-y;
	width:961px;
	margin:0 auto;
	}
#logo {
	padding:15px;
	float:left;
	}
#left-side {
	width:192px;
	float:left;
	}
#left-side .content {
	width:160px;
	margin:0px auto;
	padding:15px 0px;

	border-bottom:1px solid #efefef;
	}
#rotator {
	width:160px;
	text-align:center;
	margin:0 auto;
	border-bottom:1px solid #efefef;
	min-height:183px; 
	height:auto;
	}
* html #rotator {
	height: 183px;
	}
#right-side {
	float:right;
	width:769px;
	}

#header {
	width:749px;
	margin:0 auto;
	padding-top:8px;
	}
	
#header .img {
	background-image:url(../images/header_home.jpg);
	background-repeat:no-repeat;
	width: 749px;
	height:217px;
	}
#header .img#home {
	background-image:url(../images/header_home.jpg);
	}
#header .img#header-2 {
	background-image:url(../images/header_2.jpg);
	}
#header .img#header-3 {
	background-image:url(../images/header_3.jpg);
	}
#header .img#header-4 {
	background-image:url(../images/header_4.jpg);
	}
#header .img#header-5 {
	background-image:url(../images/header_5.jpg);
	}
#header #download-kit {
	display:block;
	line-height:40px;
	width:205px;
	position:relative;
	left:544px;
	top:177px;
	text-align:center;
	text-indent:-5000px;
	}

#utility-nav {
	padding-bottom:8px;
	margin:0px;
	}
#utility-nav .left {
	float:left;
	color:#A1A0A5;
	}
#utility-nav .right {
	float:right;
	color:#999999;
	}
#utility-nav .right a {
	color:#999999;
	}
#utility-nav .right a#send-to-friend {
	background-image:url(../images/icon_mail.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#0863B4;
	padding-left: 22px;
	padding-right:5px;
	text-decoration:none;
	}
#utility-nav .right a:hover {
	text-decoration:underline;
	}
#content-holder {
	background-image:url(../images/left_col_content.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding:10px;
	margin-top:12px;
	}
#content-area {
	background-color:#ffffff;
	margin:0px;
	padding:15px;
	min-height:300px; 
	height:auto;
	}
#content-area img {
	/*max-width:700px;*/
	}
* html #content-area {
	height: 300px;
	}
#content-area p{
	padding:5px 0px;
	margin:0px;
	}
#footer {
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-y;
	color: #A4B89F;
	}
#footer a {
	color: #A4B89F;
	}
#footer .top {
	background-image:url(../images/footer_top.gif);
	background-repeat:no-repeat;
	height:9px;
	}
#footer .bottom {
	background-image:url(../images/footer_bottom.gif);
	background-repeat:no-repeat;
	height:7px;
	}
#footer p {
	margin:0px;
	padding: 5px 20px;
	text-align:center;
	}
.clear {
	clear:both;
	height:0px;
	overflow: hidden;
	}
	
/* Navigation Styles
********************************************************/

/**** Main Nav ****/
#main-nav {
	background-image:url(../images/nav_bg.gif);
	background-color:#568A73;
	}
#main-nav ul {
	position:relative;
	top:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#main-nav ul li{
	float:left;
	background-image:url(../images/nav_bg.gif);
	background-color:#0F5736;
	}
#main-nav ul li a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	line-height:32px;
	padding-left:9px;
	padding-right:9px;
	font-weight:bold;
	border-left:2px solid #7DB29E;
	}
#main-nav ul li a#home {
	border-left:none;
	}
#main-nav ul li a:hover {
	background-image:url(../images/nav_hover.gif);
	}
#main-nav ul li a.current {
	background-image:url(../images/nav_current.gif);
	}
#main-nav ul li ul {
	position:absolute;
	display:none;
	margin-top:7px;
	margin-left:2px;
	background-color:#0F5736;
	}
#main-nav ul li ul li {
	float:none;
	display:block;

	background-color:#0F5736;
	background-image:none;
	line-height:25px;
	}
#main-nav ul li ul li a.has-subnav {
	background-image:url(../images/has_subnav.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
#main-nav ul li ul li a {
	white-space:nowrap;
	line-height:25px;
	font-weight:normal;
	border-bottom:1px solid #0a452a;
	border-top:1px solid #266a4b;
	border-left:none;
	margin:0px;
	}
#main-nav ul li ul li a:hover {
	background-image:url(../images/nav_bg.gif);
	background-position:left center;
	background-repeat:repeat;
	}

#main-nav ul li:hover ul {
	display:block;z-index:10;top:2em !important;
	}
#main-nav ul li ul li:hover {
	position:relative;
	}
#main-nav ul li ul li:hover a {
	display:block;
	}
#main-nav ul li ul li:hover ul {
	visibility:visible;
	}

#main-nav ul li ul li ul {
	display:none;
	visibility:hidden;
	position:absolute;
	padding:25px;
	padding-left: 20px;
	padding-top:10px;
	background-color:transparent;
	left:100%;
	margin-left:-30px;
	margin-top:-24px;
	}
#main-nav ul li ul li ul li {
	border-left:2px solid #51997E;
	}
#main-nav ul li ul li ul li:hover {
	position:static;
	}
*:first-child+html #main-nav ul li ul li ul li{

	}
/**** Side Nav ****/

#side-nav {
	width:160px;
	margin:0 auto;
	min-height:175px; 
	height:auto;
	}
* html #side-nav {
	height: 175px;
	}
#side-nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#side-nav ul li ul {
	padding-left:12px;
	}
#side-nav ul li a {
	display:block;
	padding-left:15px;
	background-image:url(../images/side_nav_arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:5px;

	text-decoration:none;
	color:#0863B4;
	border-bottom:1px solid #efefef;
	}
#side-nav ul li a:hover {
	text-decoration:underline;
	}

/* Breadcrumb Styles
****************************************************/

#breadcrumbs {
	background-image:url(/images/breadcrumb-bg.gif);
	background-repeat:repeat-x;
	font-size:11px;
	background-color:#f5f5f5;
	border:1px solid #e6e6e6;
	padding-left:10px;
	color:#777777;
	}
#breadcrumbs a {
	line-height:21px;
	color:#777777;
	}
#breadcrumbs .current a {
	text-decoration:none;
	font-weight:bold;
	color:#0F7833;
	}
#breadcrumbs .current a:hover {
	text-decoration:underline;
	}

	
/* Browser Style Overrides
****************************************************/

a {
	text-decoration:none;
	color:#0863B4;
	}
a:hover {
	text-decoration:underline;
	}

h1 { 
	font-size:17px;
	padding:4px 0px;
	margin:0px;
	color:#086C2C;
	}
h2 {
	font-size:16px;
	color:#999999;
	padding:4px 0px;
	margin:0px;
	}
h3 {
	padding:4px 0px;
	margin:0px;
	font-size:14px;
	color:#0F7833;
	}
h4 { 
	padding:4px 0px;
	margin:0px;
	font-size:13px;
	color:#999999;
	}
h5 { 
	padding:4px 0px;
	margin:0px;
	font-size:12px;
	}
h6 {
	padding:4px 0px;
	margin:0px;
	font-size:11px;
	}
img {
	border:none;
	}
hr.light {
	margin:0px;
	padding:0px;
	border-style:solid;
	border-color:#efefef;
	border-width:1px;
	}

/* Section Specific Styles
******************************************************/

#left-side h4 {
	text-transform:uppercase;
	}
#left-side h4 small {
	text-transform:none;
	}
#left-side h3 {
	background-color:#64A32E;
	font-size:12px;
	margin:0px;
	margin-bottom:4px;
	padding:4px;
	padding-left:10px;
	color:#ffffff;
	}
#stock-info {
	padding-bottom:10px;
	}
#stock-info strong {
	padding-left:4px;
	}
#production-stats h4 {
	padding-top:10px;
	padding-left:4px;
	}
#production-stats ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:4px;
	}
#production-stats ul li:before {
	content: "\002D \0020";
	}

#home-content-area {
	width:466px;
	float:left;	
	}
#home-content-area .content {
	background-color:#FFFFFF;
	margin-bottom:10px;
	border:1px solid #A3A2A7;
	}
#home-content-area p {
	padding-left:8px;
	padding-right:8px;
	}
#home-content-area h1 {
	color:#0F7833;
	font-size:14px;
	padding-left:8px;
	padding-right:8px;
	}
#blog-snippets {
	width:270px;
	float:right;
	background-color:#ffffff;
	border:1px solid #efefef;
	margin-top:10px;
	}
#blog-snippets h3 {
	background-color:#64A32E;
	font-size:12px;
	margin:0px;
	padding:4px;
	padding-left:10px;
	color:#ffffff;
	}
#blog-snippets ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#blog-snippets ul li {
	padding:10px;
	border-bottom:1px solid #efefef;
	}
#blog-snippets ul li p {
	padding-left:0px;
	padding-right:0px;
	}
#blog-snippets ul li .release-date {
	display:block;
	font-size:10px;
	color:#999999;
	}
#blog-snippets ul li a {
	text-decoration:none;
	font-size:14px;
	color:#0863B4;
	}
#blog-snippets ul li a:hover {
	text-decoration:underline;
	}

#recent-news {
	width:270px;
	float:right;
	background-color:#ffffff;
	border:1px solid #efefef;
	}
#recent-news ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#recent-news ul li {
	padding:8px 5px;
	border-bottom:1px solid #efefef;
	font-size:11px;
	}
#recent-news ul li .release-date {
	display:block;
	font-size:10px;
	color:#999999;
	}
#recent-news ul li a {
	text-decoration:none;
	color:#0863B4;
	}
#recent-news ul li a:hover {
	text-decoration:underline;
	}
#recent-news h3 {
	background-color:#2E4B28;
	font-size:12px;
	margin:0px;
	padding:4px;
	padding-left:10px;
	color:#ffffff;
	border-bottom:1px solid #EBEBEB;
	}
	
/* 
Styles Listed Below are to help text only users understand the page
layout.  These styles are not part of the natural flow of the document,
hence why they are not grouped with any other css styles.  These styles 
hide content descriptions such as "Navigation".
*/

.no-style {
	display:none;
	}