/* =GRID OVERRIDE */
/*  Grid is inactive when entire section is commented */
/*
body {
  background: #fff url("/images/16_col.png") center top repeat-y !important;
}

#gutter, #navigation, #wrapper, #banner, #content, #container, #bg_social, #bg_footer {
  background: none !important;
}
brown: 754c24
green: 8cc63f
*/
/* =BASE */

body {
  background: #191919;
  color: #333;
  font: normal 12px/22px "Lucida Grande", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6{
    font-family: Georgia;
    font-weight: 400;
}

a:link, a:visited {
  /*font-weight: bold;*/
  text-decoration: none;
}

a:hover, a:active {
  border-color: #6b8d94;
  color: #754c24;
  text-decoration: underline;
}

a:link.tool_tip, a:visited.tool_tip {
  border-bottom: 1px dotted #6b8d94;
}

a, strong, b { /* Straightens out OS X font rendering */
  line-height: 19px;
}

.hidden {
  display: none;
}

/* =GRID =MODIFIERS */
.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_16{display:inline-block}
* html .container_16{height:1%}
.container_16{display:block}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix li{display:inline-block}
* html .clearfix li{height:1%}
.clearfix li{display:block}

.alpha { clear: left}

/* =GUTTER */

#gutter {
  background: #191919;
}

#gutter #logo {
  margin: 20px 10px;
}

#gutter #logo a img {
  display: block;
}

#gutter #logo a {
 /*#background: transparent url("../images/logo.png") no-repeat; 
  border: 0;
  display: block;
  height: 41px;
  width: 154px;
*/
  text-indent: -9999px;
}

#gutter #logo a img {
  display: block;
}

/* Gutter navigation */
#gutter #navigation {
  padding: 9px 0;
}

#gutter #navigation ul {
  list-style-type: none;
  overflow: hidden;
  margin-top: 25px;
}

#gutter #navigation ul li {
  float: left;
  margin-left: 20px;
}

#gutter #navigation ul li:first-child { /* This works for everything except IE6, which needs the last li to be targeted explicitly */
  margin-left: 0;
}

#gutter #navigation ul li a {
  /*border: 1px solid #4d9473;*/
  color: #dbeae3;
  display: block;
  font-size: .9em;
  padding: 4px 0;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}

#gutter  div.login a{
	color: #dbeae3;
	font-size: .9em;
	padding: 4px 0;
	text-align: center;
}

#gutter  div.login a:hover {
color: #754c24;
}



/* Safari */
/*
#gutter #navigation ul li a {
  -webkit-border-radius: 14px;
}
*/
/* Firefox 3 */
/*
#gutter #navigation ul li a, x:-moz-any-link, x:default { 
  -moz-border-radius: 14px;
}
*/

#gutter #navigation ul li a:hover {
	/*border: 1px solid #417d64;*/
	color: #754c24;
}

/*
.home #menu_primary ul li.menu_home a,
.features #menu_primary ul li.menu_features a,
.tour #menu_primary ul li.menu_tour a,
.pricing #menu_primary ul li.menu_pricing a,
.affiliates #menu_primary ul li.menu_affiliates a,
.support #menu_primary ul li.menu_support a,
.blog #menu_primary ul li.menu_blog a,
.blog_post #menu_primary ul li.menu_blog a,
.about #menu_primary ul li.menu_about a {
  background: #356751;
  border: 1px solid #356751;
  color: #fff;  
}
*/

/* =LAYOUT */

#banner {
  background: #8cc63f top center repeat-x;
  border-top: 1px solid #6cbd92;
  border-bottom: 1px solid #78af39;
}
#banner .prod_image{
	margin:20px 0 10px;
}

#banner .elevator_heading {
color:#FFFFFF;
display:block;
font-size:40px;
letter-spacing:-0.05em;
line-height:40px;
margin:40px 0 20px;
}

#banner h1 {
color:#304812;
font-size:30px;
margin:0 0 20px;
}

#banner #call_to_action h3 {
color:#304812;
font-size:1.1em;
margin-bottom:0;
}

#banner .banner-nav{
	margin-bottom:20px;
}
#prod_image {
  position: absolute;
  left: 0;
  top: 60px;
}

#prod_image a:hover {
  background: none;
}


h1, h2 {
letter-spacing:-0.05em;
line-height: 23px;
}

#wrapper {
	background: #FFF;
	min-height: 300px;
    padding-bottom: 40px;
}

#wrapper h1{
	color: #333;
	font-size: 24px;
	line-height: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper h2{
	font-size:20px;
    margin-top: 10px;
}
#wrapper h5{
	color: #333;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper #content .first_block{
	clear: left;
	margin-left: 0;
}
#wrapper #content .last_block{
	margin-right: 0;
}

#wrapper #page-sublinks ul, #wrapper #upcoming ul{
    list-style-image: none;
    list-style-position: normal;
    list-style-type: none;
}

#wrapper #page-sublinks ul li{
    display: inline;
    margin-left: 0px;
    margin-right: 20px;
}

#wrapper #upcoming ul li{
    margin-left: 0px;
}

#wrapper #page-sublinks ul li a, #wrapper #upcoming ul li a{
    color: #005A8C;
}

#wrapper #content a{
    color: #005A8C;
}

#content p {
margin:0.7em 0 2em;
}

#content div.hide{
display: none;
}

/* forms */
#content form p label{
float: none;
height: 18px;
line-height: normal;
text-align: left;
color: #555;
display: block;
font-weight: bold;
margin: 8px 10px 0 0;
width: 210px;
}

#content form p input.text input.password{
font-size: 16px;
width: 300px;
background: #FFF none repeat scroll 0 0;
border: 2px solid #DDD;
padding: 2px;
}

#content div.formbox p span.formred{
margin-left: 20px;
color: #FF0000;
}
/* end of the forms bit */


/* Footer */
#footer{
	margin-top:10px;
}

#footer h3 {
color:#8cc63f;
font-size:18px;
margin-bottom:20px;
}

#footer ul.sitemap {
border-top:1px solid #333333;
margin-top:10px;
padding-top:9px;
}
#footer ul.sitemap li a {
border-bottom:0 none;
font-weight:normal;
}

#footer ul.sitemap li a:link, a:visited {
color:#E2F1CF;
}

#footer ul.sitemap li a:hover, a:active {
color: #754c24;
background-color: #fff;
}