@charset "utf-8";
/*
Copyright 2009-2010 Blue Water Syndicate LLC. All rights reserved.
Author: Max Hegewald
*/

h1 { font-size: 150%; margin: 0; }
h2 { font-size: 125%; margin: 0; text-align: center; }
h3 { font-size: 110%; margin: 0; text-align: center; }
h2 + p { margin-top: 0; padding-left: 0; }
h3 + p { margin-top: 0; padding-left: 0; }
a img { border: 0; }
a:hover { color: #F00; }
ul { padding: 0 20px; margin: 0; }
li { padding: 5px 0; }
body  {
	width: 100%;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #ccc;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #523352;
	height: 100%;
}
#wrapper {
	position: relative;
	width: 840px;
	height: 100%;
	margin: 20px auto;
	text-align: left;
}
#container {
	position: relative;
	width: 840px;
	height: 100%;
	background: #523352;
	margin: 0 auto;
	text-align: center;
	z-index: 0;
}
#top {
	position: relative;
	width: 840px;
	height: 120px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/graphics/hdrbck.png) no-repeat;
}
#header {
	position: relative;
	height: 120px;
	background: transparent;
}
#header h1 {
	color: #FC9;
	font-size: 250%;
	margin: 0;
}
#header h2 {
	color: #FC9;
	font-size: 109.5%;
	margin: 0;
}
#logo {
	position: relative;
	top: 0px;
	left: 40px;
	background: transparent;
}
#name {
	font-family: "Comic Sans MS";
	position: absolute;
	right: 205px;
	bottom: 18px;
}
#byline {
	position: absolute;
	bottom: 3px;
	right: 75px;
	color: #fff;
}
#left {
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 100%;
	background: #3c3;
	padding: 10px 15px;
	overflow: hidden;
}
#left img {	margin: 15px auto 0 auto; }
#buttonbar {
	position: absolute;
	right: 7px;
	bottom: 7px;
	color: #fff;
	font-size: 150%;
}
#buttonbar a, #buttonbar a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#buttonbar a:hover { color: #6C3; }
#navmenu {
	text-align: right;
	margin: 0 auto;
	color: #523352;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #fff;
}
#navmenu a, #navmenu a:visited { color: #523352; text-decoration: none; }
#navmenu a:hover { color: #C30; }
#navmenu h1 { font-size: 125%; margin-bottom: 5px; }
#main {
	margin: 0 55px 0 145px;
	min-height: 480px;
	text-align: justify;
	background: #CCC;
	padding: 15px;
}
#main h1 {
	text-align: center;
	font-size: 148%;
}
#indexlowertxt {
	width: 400px;
	float: left;
}
#fbbox {
	text-align: center;
	width: 190px;
	float: left;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
.doscol {
	position: relative;
	float: left;
	width: 285px;
	margin: 10px;
}
.trescol {
	position: relative;
	float: left;
	width: 175px;
	margin: 10px 8px;
	padding: 5px;
	text-align: center;
	border: 1px solid #523352;
}
.trescol a, #trescol a:visited { color: #532352; }
.trescol a:hover { color: #c30; }
#trescoll {
	position: relative;
	float: left;
	width: 175px;
	margin: 10px 8px;
	padding: 5px;
	height: 100px;
	text-align: center;
	border: 1px solid #523352;
	background: #3c3;
	color: #523352;
}
#trescolm {
	position: relative;
	float: left;
	width: 180px;
	margin: 10px 6px;
	padding: 5px;
	height: 100px;
	text-align: center;
	border: 1px solid #3c3;
	background: #3c3;
	color: #523352;
	color: #FC9;
	background: #523352;

}
#trescolr {
	position: relative;
	float: left;
	width: 175px;
	margin: 10px 8px;
	padding: 5px;
	height: 100px;
	text-align: center;
	border: 1px solid #523352;
	background: #3c3;
	color: #523352;
}
.trescoltxt { opacity: 1.0; }
#benefits {
	float: left;
	width: 400px;
	margin-top: 15px;
}
#benefits h2 {
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}
#visit {
	position: relative;
	float: left;
	left: 15px;
	width: 190px;
	padding: 10px;
	background: #523352;
	color: #FC9;
	text-align: justify;
}
#visit h2 {
	font-size: 125%;
	text-align: center;
	padding-bottom: 5px;
}
#visit a, #visit a:visited { color: #fc9; }
#visit a:hover { color: #3c3; }
#contactform {
	width: 375px;
	margin: 40px auto;
	padding: 0 20px;
	text-align: center;
}
#contactform input, #contactform label { margin-bottom: 5px; }
#formlabels {
	float: left;
	margin-left: 50px;
	line-height: 26px;
	text-align: right;
}
#forminputs {
	float: left;
	margin-left: 10px;
	text-align: left;
}
#errors {
	position: absolute;
	top: 5px;
	left: 155px;
	color: #f00;
	margin-bottom: -40px;
}
#faq h3 {
	border-top: 1px solid;
	border-bottom: 1px solid;
	background-color: #3C3;
	font-size: 108%;
	padding: 0 5px;
}
#faq p { color: #006; padding: 0 10px; }
	
#bottom {
	position: relative;
	width: 840px;
	height: 120px;
	margin: 0 auto 20px auto;
	background: url(../images/graphics/btmbck.png) no-repeat;
}
#sitelinks {
	height: 15px;
	background: transparent;
	color: #FFFFFF;
	text-align: center;
}
#sitelinks a, #sitelinks a:visited { color: #FFFFFF; text-decoration: none; }
#footer {
	position: relative;
	top: 60px;
	left: 20px;
	height: 12px;
	margin: 0 55px 0 271px;
	background: transparent;
	color: #000;
	font-size: 80%;
	text-align: left;
}
.sidebarpic { width: 100px; }
.linkcat { margin-top: 10px; }
.linkcat h1 {border-bottom: #300 1px solid; opacity: 0.3; font-weight: bold; margin-bottom: 5px;}
.prodcat { margin-top: 10px; border: #300 1px solid; padding: 0 15px; }
.prodcat h1 { margin-top: 0; border-bottom: #300 1px solid; font-size: 140%; font-weight: bold; }
.prodcat a, .prodcat a:visited { color: #300; text-decoration:none; }
.caption { font-size: 80%; }
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}