@charset "UTF-8";
/* CSS Document */

/* styles for content pages */

/* ---------------------------------------------------- */  
/* GLOBAL 
/* ---------------------------------------------------- */  

* {
	margin: 0;	
}

body {
	font-family: century gothic;
	color: #4a372d;
	background-image:url(../images/bg.gif)
}

@font-face {
 font-family:dead hardy;
 src: url(../fonts/deadhardy.eot); /* EOT file for IE */
}

@font-face {
 font-family:dead hardy;
 src: url(../fonts/deadhardy.ttf); /* TTF file for CSS3 browsers */
}


h1 {  /* home page header */
	font-family: dead hardy;
	font-weight:500;
	color: #31434b;
	text-shadow: 0px 1px 0px #ffffff; /* letter press effect */
	font-size: 30px;
	margin-bottom: .5em;
	 background-image:url(../images/tail-border-1.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

h2 { /* content page header */
	font-size: 20px;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #ffffff; /* letter press effect */
	letter-spacing: 2px;
	color: #44937c;
	margin-bottom: 15px;
}

h3 { /* side bar header */
	font-family: script;
	font-weight:500;
	text-shadow: 0px 1px 0px #ffffff; /* letter press effect */
	font-size: 25px;
	margin-bottom: 8px;
}
hr {
	
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;		
}

.downloads-link, #sequences a {
	color: #096;	
}
.downloads-link hover,#sequences a:hover {
	text-decoration:none;
}

.downloads-link a:visited, #sequences a:visited {
	color: #096;	
}


/* ---------------------------------------------------- */  
/* LOGO & NAVIGATION 
/* ---------------------------------------------------- */  
#social {
	clear: both;
	background-image:url(../images/footer-bg.jpg);
	height: 35px;	
}
#tagline {
float:left;	
padding: 8px;
}
p.tagline {
	text-align:left;
	font-family: Chaparral Pro;
	font-style: italic;
	letter-spacing: 6px;
	word-spacing: 7px;
	color: #5e813f;
	text-shadow: 0px 1px 0px #fffceb; /* letter press effect */
}
#social-btns {
	color: #989898;
	padding: 8px;
	text-align:right;
	font-family: arial;
	font-size: 14px;
}
#social-btns a {
		color: #6d8637;	
		text-decoration: none;	

}
#social-btns a:hover {
	text-decoration: underline;	
}
#logo {
	float: left;	
		margin-right: 130px;	

}
#navigation {
 float: left;

}
ul#nav {
	list-style: none;
	float: left;
	margin-top: 80px;
}
ul#nav li {
	float: left;
	font-family: arial;
}
ul#nav li a {
	font-size: 100%;
	padding-right: 17px;
	padding-left: 17px;
	/*-moz-padding-right: 18px;
	-moz=padding-left: 18px;*/
	display: block;
	color: #aaa797;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff; /* letter press effect */

}
ul#nav a:hover{
	color: #f79843;
	text-shadow: 0px 1px 0px #ffffff; /* letter press effect */

}
ul#nav li a.active  {
	color: #f79843;
}
ul#navli a.active  {
	color: #f79843;
	text-shadow: 0px 1px 0px #ffffff; /* letter press effect */
}
/* ---------------------------------------------------- */  
/* CONTENT
/* ---------------------------------------------------- */  
#photo-header-content {
	clear: both;
	background-color: #261f34;
	height:150px;	
}
#content-container {
	margin-top: 25px;
}
#left-content {
	float: left;	
	width: 300px;
	margin-bottom: 25px;
	padding: 15px;

}
#right-content {
	float: left;	
	width: 640px;
	margin-bottom: 25px;
	padding: 15px;

}
.content-block {
	background-image:url(../images/content-bg.gif);
	clear: left;
	padding: 15px;
	margin-bottom: 20px;
	-moz-box-shadow: 0 0 5px 5px #E8E5D6;
	-webkit-box-shadow: 0 0 5px 5px#E8E5D6;
	box-shadow: 0 0 5px 5px #E8E5D6;
	overflow: hidden;
	text-align: left;
}

.number {
	height: 40px;
	width: 40px;
	float: left;
}
#one {	background-image: url(../images/one.png);	}
#two {  background-image:url(../images/two.png); 	}
#three {  background-image:url(../images/three.png); 	}
.description {
	font-size: 14px;
	width: 130px;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}
.description-title {
	font-family: arial;
	font-size: 18px;
	color: #f79843;
}

#cover {
	float: left;
	margin-bottom: 50px;
	clear: both;
}
#wp-table {
	float: left;	
}
.summary {
	float: left;
	width: 720px;
	padding-right: 20px;
	margin-left: 25px;
	margin-bottom: 50px;
}
#12-simple-words {
	float: right;
	width: 260px;
	margin-left: 25px;
}
.table-1{
	clear: both;
}
#store-table .table-1 tr {
	background-image:url(../images/tail-border-1.png);
	background-position:bottom;
	background-repeat:repeat-x;
	
}
#store-table p{
	clear: both;
}

#suzanne {
 margin: 5px;
 text-align:center;

}


.button {
	border-top: 1px solid #41926e;
	background: #41926e;
	background: -webkit-gradient(linear, left top, left bottom, from(#41926e), to(#41926e));
	background: -webkit-linear-gradient(top, #41926e, #41926e);
	background: -moz-linear-gradient(top, #41926e, #41926e);
	background: -ms-linear-gradient(top, #41926e, #41926e);
	background: -o-linear-gradient(top, #41926e, #41926e);
	padding: 5px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
	text-align: right;
   }
.button:hover {
   border-top-color: #55c090;
   background: #55c090;
   color: #ffffff;
   }
.button:active {
   border-top-color: #55c090;
   background: #55c090;
   }
   /* ---------------------------------------------------- */  
/* FOOTER & COPYRIGHT
/* ---------------------------------------------------- */  
#footer {
	clear:both;	
	background-image: url(../images/footer-bg.jpg);
	height: 35px;
	font-size: 12px;
	text-align:right;
	padding-top: 10px;
	
}

#footer a {
	color: #d56f00;
}
