body {
  font-family: Verdana, sans-serif;
  color: #666;
  font-size: 80%;
  background: #333;
  text-align: center;
  margin: 0;
  line-height: 140%;
  }
h1 { font-size: 130%; text-transform: uppercase; color: #333; }
    h1 span { word-spacing: -0.40em; font-weight: normal;}
	h1 em { font-style: normal; font-weight: normal;}
h2 { font-size: 130%;  }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

a { color: #587020; text-decoration: none; font-weight: bold;}
a:hover { color: #889e2c; text-decoration: underline;}
a img { border: 0;}
	.clear-both { clear: both;}



/* -------------------------------/
/    HEADER GRAPHICS              /
/ ------------------------------ */
	#logo {
	  background: url("img/logo.jpg") no-repeat;
	  width: 262px;
	  height: 55px;
	  margin: 20px 0;
	  }
	  #logo strong { display: none;}

	#splash { 
	  background: url("img/splash-gfx.jpg") no-repeat;
	  width: 800px;
	  height: 260px;
	  margin: 0;
	  clear: both;
	  }
	  #splash em { display: none;}



/* -------------------------------/
/    TOP NAV                      /
/ ------------------------------ */
#header { background: url("img/topnav-bg.jpg") repeat-x;}

	#top-nav { background: url("img/topnav-right.jpg") no-repeat right bottom }
		#top-nav ul {
			background: url("img/topnav-left.jpg") no-repeat bottom left;
			line-height: 20px;
			vertical-align: center;
			height: 44px;
			text-transform: lowercase;
			margin: 0 0 0 0;
			padding: 0;
			list-style-type: none;
			width: 800px;
			}
		#top-nav li { 
			float: left;
			margin: 10px 0 0 0;
			padding: 0 25px;
			border-right: 1px solid #c7bca1;
			border-left: 1px solid #947a4d;
			}
			#top-nav .first { border-left: 0;}
			#top-nav .last { border-right: 0;}
		/* Sharethis logo in bg 
			 background: url("img/sharethissm.png") no-repeat 25px bottom; padding-left: 50px; text-transform: capitalize;
		*/
		#top-nav a { color: #fff; text-decoration: none; font-weight: bold; font-size: 85%}
		#top-nav a:hover { color: #eedfcc;}



/* -------------------------------/
/    STRUCTURE                    /
/ ------------------------------ */
#box {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  }
  #contentarea { background: #fff url("img/content-bg.jpg") repeat-y ;}

	#content { 
	  width: 490px;
	  float: left;
	  margin-left: 25px;
	  padding: 20px 0 20px 0;
	  }
	#sidebar { 
	  width: 250px;
	  margin-right: 10px;
	  float: right;
	  padding: 20px 0 20px 0;
	  }
	#footer { clear: both;}




/* -------------------------------/
/    CONTENT STYLES               /
/ ------------------------------ */
.video { text-align: center;}
.video2 { margin-top: 40px;}
.error { color: red;}
#contact { padding: 20px 40px; width: 70%; margin: 0 auto; border-color: #889e2c}
#contact legend { margin-bottom: 20px; font-weight: bold; text-transform: uppercase; margin-left: -10px; color: #587020;}
#contact input, #contact textarea { margin-bottom: 10px; width: 100%;}

#contact .send { 
	margin: 0; 
	float: right;
	width: 100px; 
	border: 1px solid #587020; 
	background: #889e2c; 
	color: #fff; 
	font-weight: bold;
	text-transform: lowercase;
	}
#contact sup { text-align: right; display: block;}




/* -------------------------------/
/    SIDEBAR - STEPS              /
/ ------------------------------ */
#sidebar h3 { font-size: 110%; text-align: right; text-transform: lowercase; margin-bottom: -10px}

	#steps dl { margin: 0; padding: 0;}
	#steps dt { display: none;}
	#steps dd { 
		width: auto; 
		margin: 0 0 5px 0; 
		padding: 10px 20px 10px 55px; 
		font-size: 85%;
		color: #000;
		}
		#steps .first { background: #f1f1f1 url("img/step01.jpg") no-repeat 10px 10px}
		#steps .second { background: #e3e3e3 url("img/step02.jpg") no-repeat 10px 10px;}
		#steps .third { background: #d0d0d0 url("img/step03.jpg") no-repeat 10px 10px;}



/* -------------------------------/
/    FOOTER                       /
/ ------------------------------ */
#footer { 
  background: #000 url("img/feature-bg.jpg") repeat-x 0px 16px;
  display: block;
  }



/* -------------------------------/
/    FEATURES                    /
/ ------------------------------ */
#features { 
  background: url("img/content-btm.jpg") no-repeat 0px 0px; 
  display: block;
  color: #fff;
  padding: 30px 0px 20px 0px;
  }  
  #features dl { margin: 0; padding: 0;}
  #features h4 { margin-top: 0; display: none;}
  #features dd { 	
    width: 24%;
	float: left;
	text-align: left;
	}

	.call { width: 28% !important; background: url("img/feature-divider.jpg") no-repeat right center;}
		.call img { margin-right: 10px;}
		.call b { display: block; padding-top: 15px;}

	.share { width: 32% !important; font-size: 85%; padding-top: 10px;}
		.share b { font-size: 115%; display: block; padding-top: 5px;}
		.share img { margin-right: 10px;}

	.youtube { width: 31%; text-align: right !important; padding-top: 2px;  background: url("img/feature-divider.jpg") no-repeat left center;}
		.youtube img { margin: 3px 40px 0 0;}

#features a { color: #fff;}


/* -------------------------------/
/    COPYRIGHTS                   /
/ ------------------------------ */
.copyrights { 
  background: #9c8c62 url("img/footer-bg.jpg") no-repeat top left;
  padding: 7px 85px 5px 0;
  text-align: center;
  color: #e0dacb;
  line-height: 30px; 
  vertical-align: center;
  font-size: 85%;
  }
  .copyrights a {  color: #fff; text-decoration: none; padding-left: 40px;}
  .copyrights a:hover { text-decoration: underline;}