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

body{
	background: #cc9999 url(../images/footer-bg.jpg) 0 100% repeat-x;	
	color: #663333;
	font-family: Helvetica, Arial, sans-serif;
	font-variant: small-caps;
}

a:link{
	color:#663333;
}

a:visited{
	color:#663333;
}

a:hover{
	color:#cc9999;
}

a:active{
	color:#cc9999;
}

#wrap{
	background: url(../images/header-bg.jpg) repeat-x;
}

#container{
	background: #f7eded;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
	text-align: center;
}

/* Header */
#header{
	background: #f7eded url(../images/header.jpg) no-repeat;
	height: 170px;
	width: 960px;
}

#logo{
	float:left;
	width: 300px;
	margin-left: 20px
}

#navigation{
	float: right;
	margin: 7px 20px 0 0;
	text-align: right;
}

#navigation ul {
	float: left;
	color: #663333;
}

#navigation ul li {
	padding:0px 10px 0px 0px;
	list-style: none;
}

#navigation li {
	margin-bottom: 10px;
}

#navigation ul li a {
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	color: #663333;
	text-decoration: none;
}

#navigation a:visited{
	color: #663333;
}

#navigation a:hover{
	color: #f7eded;
}

#navigation a.selected{
	color: #f7eded;
}

#AboutContent img.patent{
	float: right;
	border: none;
	margin: -40px -120px 5px 5px;
}
/* MainContent */

#MainContent {
	width: 960px;
	margin-top: 30px;
	margin-bottom: 30px;
}


#slideshow {
	background: url(../images/image_holder-trans.jpg) no-repeat;
	background-position: 50% 50%;
	height: 501px;

}

/* Footer */
#footer {
	background: #cc9999 url(../images/footer.jpg) top no-repeat;
	height: 125px;
	font-size: 10px;
	font-variant: normal;
}

#footer p {
	float: left;
	text-align: left;
	padding: 100px 0px 0px 30px;
}

#footer ul {
	float: right;
	text-align: right;
	padding: 100px 30px 0px 0px;
}

#footer ul li {
	display: inline;
	padding: 0px;
	text-decoration: none;
}

#footer ul li a {
	font-size: 10px;
	font-weight: bold;
	color: #663333;
	text-decoration: none;
}

#footer a:visited {
	color: #663333;
}

#footer a:hover {
	color: #f7eded;
}
/* About */

#AboutContent {
	float: right;
	margin: 10px 120px 60px 24px;
	width: 700px;
}
#About Content h1 {
	text-transform: uppercase;
	text-shadow:#CCC;
	padding-bottom: 20px;
}

#AboutContent p {
	text-align: left;
	padding-bottom: 16px;
}

#AboutContent img{
	float: left;
	margin: 0 18px 0 0;
	padding: 3px;
	border: 3px solid #cc9999;
}

#AboutContent em {
	font-style: italic;
	font-weight: bold;
}

.tagline{
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
}

/* Gallery */
#GalleryContent{
	margin: 25px;
}

/* #GalleryContent img {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:7px;
	margin: 10px;
} */

/*Instructions */
#InstructContent{
	border: double 3px;
	margin: 5px 100px 20px 100px;
	padding: 20px 150px 20px 150px;;
}

#InstructContent h1{
	text-transform: uppercase;
	text-align: center;
}

#InstructContent ol li{
	list-style: decimal;
	text-align: left;
}

#InstructContent p{
	padding: 10px;
	text-align: center;
}

/* Shop */
#ShopContent{
	background-color: #fff;
	border: double 3px;
	padding: 20px;
	margin: 5px 100px 20px 100px;
}

#ShopContent p{
	padding-bottom: 14px;
}

#ShopContent ul li{
	list-style: none;
	display: inline;
	font-size: 14px;
}


#ShopContent hr{
	width: 80%;
	margin-top: 20px;
	margin-bottom: 30px;
}

.mission{
	font-variant:small-caps;
}

.note{
	font-size:10px;
	font-style:italic;
	padding-bottom: 0;
}

.border{
	padding:5px;
	border:1px solid #eee;
	background-color:#efefef;
}

.form{
	text-align: left;
}

.product{
	width: 50% !important;
	width: 480px;
	float: left;
	padding-bottom: 30px;
}

.product-button{
	float: right;
	width: 50% !important;
	width: 480px;
	text-align:left;
}

.thumb-border{
	border: 2px solid #663333;
	padding: 5px;
	background-color: #cc9999;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}