body {

color: #474747;
font-family: verdana, arial, sans-serif;
font-size: 13px;
}

span {
color: #7ba832;
font-size: 14px;
}

a {
color: #7ba832;
outline: none;
}

a:hover {
color: #b7b6b6;
outline: none;
}

#container {
margin-left: auto;
margin-right: auto;
position: relative;
top: 0px;
left: 25px;
width: 1003px;
}


.flashmovie {
position: relative;
top: 20px;
width: 1003px;
float: left;
height: 545px;
}

.noflash {
	position: relative;
	top: 0px;
	width: 1003px;
	float: left;
	height: 545px;	
	background: url('../images/home-noflash.gif') no-repeat;	
}

.productsbox {
	position: absolute;
	left: 483px;
	top: 409px;
	width: 485px;
	height: 124px;
	background: url('../images/index_productbox.gif') no-repeat;	
}

.productsbox .copy {
	position: relative;
	top: 22px;
	left: 270px;
	width: 195px;
	height: 124px;

}


.boxtop {
position: relative;
top: 20px;
width: 1003px;
float: left;
background: url('../images/boxtop.png') no-repeat;
height: 25px;
display: block;

}

.boxmid {
position: relative;
top: 20px;
width: 1003px;
float:left;
background: url('../images/boxmid.png') repeat-y;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;

}

.boxbot {
	position: relative;
	top: 20px;
width: 1003px;
float:left;
background: url('../images/boxbot.gif') no-repeat;
height: 21px;
display: block;

}

.boxcontent {
	width: 953px;
	background: url('../images/dots.gif') top right no-repeat;
	display: block;
	height: 100%;
	float: left;
	position: relative;
}

.boxcontent H3{
width: 953px;	
float: right;
position: relative;
padding-right: 187px;
}

.bgcircle {
	background: #fff url('../images/bgcircle.gif') top left no-repeat;
	position: absolute;
	top: 0px;
	left: 3px;
	display: block;
	width: 92px;
	height: 230px;
	z-index: 0;
}

.header {
position: relative;
top: 25px;
left: 0px;
width: 990px;
float: left;
z-index: 100;
}

.logo {
position: relative;
top: 0px;
left: 20px;
width: 165px;
float: left;
}



/* NAV */

#jsddm
{
	position: relative;
	top: 0px;
	left: 57px;
	float: left;
margin: 0px;
padding: 0px;
z-index: 100;
}

#jsddm li
{ float: left;
list-style: none;
font: 11px Tahoma, Arial;
position: relative;
vertical-align: middle;
top: 23px;
left: 0px;
height: 23px;

}




#jsddm li a
{ display: block;
    background: url('../images/nav.gif');
    background-repeat: no-repeat;
    text-indent: -3000px;
	outline: none;
white-space: nowrap;
height: 23px;
}

#jsddm li a:hover {
display: block;

}

#jsddm li.home a {
width: 82px;
background-position: 0px 0px;
}
#jsddm li.products a {
width: 96px;
background-position: -82px 0px;
}

#jsddm li.whybuy a {
width: 94px;
background-position: -178px 0px;
}

#jsddm li.creator a {
width: 149px;
background-position: -272px 0px;
}

#jsddm li.creator a {
width: 149px;
background-position: -272px 0px;
}

#jsddm li.testimonials a {
width: 116px;
background-position: -420px 0px;
}

#jsddm li.faqs a {
width: 62px;
background-position: -536px 0px;
}

#jsddm li.contact a {
width: 78px;
background-position: -598px 0px;
}

#jsddm li.email a {
width: 97px;
background-position: -676px 0px;
}




/* hover state */

#jsddm li.home a:hover {
background-position: 0px -30px;
height: 34px;
}

#jsddm li.products a:hover {
background-position: -82px -30px;
height: 34px;
}

#jsddm li.whybuy a:hover {
background-position: -178px -30px;
height: 34px;
}

#jsddm li.creator a:hover {
background-position: -272px -30px;
height: 34px;
}

#jsddm li.testimonials a:hover {
background-position: -420px -30px;
height: 34px;
}

#jsddm li.faqs a:hover {
background-position: -536px -30px;
height: 34px;
}

#jsddm li.contact a:hover {
background-position: -598px -30px;
height: 34px;
}

#jsddm li.email a:hover {
background-position: -676px -30px;
height: 34px;
}

#jsddm li ul
{ margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;

}





#jsddm li ul li
{
position: relative;
top: 30px;
left: 0px;
line-height: 14px;
padding: 2px;
z-index: 100;
float: left;
height: 15px;
display: inline;
background-color: white;
border: 1px solid #b7b6b6;
width: 155px;
}

#jsddm li ul li a.subprod {
background: white;
display: block;
width: 157px;
height: 13px;	
	
}

#jsddm li ul li a {
float: left;
width: 155px;
background: white;
color: #70a021;
font-family: verdana;
display: block;
height: 15px;
text-align: left;
text-decoration: none;
z-index: 100;
text-indent: 0px;
}

#jsddm li ul li a:hover
{ 

	color: #605d5d;
}

/* end nav*/

.tagline {
	position: relative;
	top: 49px;
	left: 0px;
	float: left;
	width: 570px;
	z-index: 0;
}

.socialmedia {
	position: relative;
	top: 49px;
	left: 0px;
	float: right;
	width: 165px;
}

.footer {
	position: relative;
	top: 20px;
	left: 0px;
	float: left;
	width: 1003px;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	color: black;
	text-align: center;
}

.footer a {
	color: black;
	text-decoration: none;
}

.footer a:hover {
	color: #619b00;
}


.footer span {
	color: #000;
	font-size: 14px;
}

.footer span a {
	color: #619b00;
	font-size: 11px;
	text-decoration: underline;
}

.footer span a:hover {
	color: #000;
		text-decoration: underline;
}