/* Site CSS */

body
{
	background-color: #B4F0EC;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	font-family: "Arial", sans-serif;
	font-size: 100%;
	color: #000;
}

a:link
{
	color: #275FFF;
	text-decoration: underline;
}
a:visited
{
	color: #002EB1;
	text-decoration: underline;
}
a:hover
{
	color: #5984FF;
	text-decoration: underline;
}

h1
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}

h2
{
	color: #006AB6;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0 0;
}

p
{
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}

div#wrapper
{
	width: 1000px;
	margin: 0 auto;
}

div#top_logo
{
	float: left;
	display: inline;
	margin: 9px 0 0 27px;
	width: 619px;
	height: 334px;
	background-image: url(../images/top_logo.jpg);
	background-repeat: no-repeat;
}

div#jar
{
	float: left;
	display: inline;
	margin: 48px 0 0 77px;
	width: 267px;
	height: 295px;
	background-image: url(../images/jar.jpg);
	background-repeat: no-repeat;
}

div#content
{
	margin: 51px 40px 0 40px;
}

div#menu
{
	float: right;
	width: 332px;
	margin: 0 0 0 20px;
}

div#menu ul { list-style: none; }

div#menu a:link, div#menu a:visited, div#menu a:hover { color: #2FBAB2; }

#nav_how
{
	width: 332px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_how a:link span, #nav_how a:visited span { background-position: 0px -50px; }
#nav_how a:hover span { background-position: 0px -100px; }
#nav_how_img, #nav_how_img span
{
	width: 332px;
	height: 50px;
	background-image: url(../images/menu-how.png);
}

#nav_what
{
	width: 332px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_what a:link span, #nav_what a:visited span { background-position: 0px -50px; }
#nav_what a:hover span { background-position: 0px -100px; }
#nav_what_img, #nav_what_img span
{
	width: 332px;
	height: 50px;
	background-image: url(../images/menu-what.png);
}

#nav_testimonials
{
	width: 332px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_testimonials a:link span, #nav_testimonials a:visited span { background-position: 0px -50px; }
#nav_testimonials a:hover span { background-position: 0px -100px; }
#nav_testimonials_img, #nav_testimonials_img span
{
	width: 332px;
	height: 50px;
	background-image: url(../images/menu-testimonials.png);
}

#nav_reviews
{
	width: 332px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_reviews a:link span, #nav_reviews a:visited span { background-position: 0px -50px; }
#nav_reviews a:hover span { background-position: 0px -100px; }
#nav_reviews_img, #nav_reviews_img span
{
	width: 332px;
	height: 50px;
	background-image: url(../images/menu-reviews.png);
}

#nav_contact
{
	width: 332px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_contact a:link span, #nav_contact a:visited span { background-position: 0px -50px; }
#nav_contact a:hover span { background-position: 0px -100px; }
#nav_contact_img, #nav_contact_img span
{
	width: 332px;
	height: 50px;
	background-image: url(../images/menu-contact.png);
}

#nav_index
{
	width: 332px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_index a:link span, #nav_index a:visited span { background-position: 0px -50px; }
#nav_index a:hover span { background-position: 0px -100px; }
#nav_index_img, #nav_index_img span
{
	width: 332px;
	height: 50px;
	background-image: url(../images/menu-index.png);
}

div#footer { margin: 3em 0 3em 0; width: 100%;}
div#footer p
{
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	color: #777;
}

div#twitter_wrap
{
	width: 948px;
	height: 117px;
	margin: 30px -13px 10px -13px;
	background-image: url(../images/twitter_bg.png);
	background-repeat: no-repeat;
	background-position: 113px;
}
div#twitter_icon
{
	float: left;
	width: 113px;
	height: 117px;
	background-image: url(../images/twitter_icon.png);
	background-repeat: no-repeat;
}
div#twitter
{
	float: left;
	width: 807px;
	height: 92px;
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
	padding: 12px 0 0 10px;
}

p.fun_fact
{
	text-align: center;
	color: #1482D0;
	font-weight: bold;
	font-style: italic;
	margin: 2em 0;
}

div.review
{
	margin-bottom: 2.5em;
	width: 520px;
	border: 2px #005 solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px 10px 5px 10px;
	background-color: #EAEAEA;
}
div.review p
{
	font-style: italic;
	font-size: 1.0em;
}


.cursor { cursor: pointer; }

div#paypal { margin: 1em 2em 1em 2em; }

div.paypal_button
{
	float: left;
	display: inline;
	width: 88px;
	height: 23px;
	padding-bottom: 15px;
	padding-right: 5px;
}