body {
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #a0d3f0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;}
	
#container{
width:765px;
height:auto;
margin:0 auto;
text-align:left;
background-color:#fff;

}

#header{
width:765px;
height:227px;
background-image: url(images/index_01.jpg);
background-repeat:repeat-x;}

#contact{font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#fcfcfc; margin:7px 10px 0 0; float:right; font-weight:bold;}
#contact a {
	color: #fcfcfc;
	text-decoration: none;
}
#contact  a:hover  {
	color: #fcfcfc;
	text-decoration: underline;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#menu{width:765px; height:59px;}
#home{width: 170px; 
        height: 59px; 
		float:left;
		background:url(images/index_02.jpg) repeat 0px 0px; 
		}
a.home { 
        background:url(images/index_02.jpg) repeat 0px 0px; 
        width: 170px; 
        height: 59px; 
        display: block
			 
}

a.home:hover { 
        background: url(images/index-over_02.jpg) repeat 0px 0px; 
}

#home_active 
 { 
        background: url(images/index-over_02.jpg) repeat 0px 0px; 
}


#faq{    background:url(images/index_03.jpg) repeat 0px 0px; 
        width: 96px; 
        height: 59px; 
		float:left;}

a.faq { 
        background:url(images/index_03.jpg) repeat 0px 0px; 
        width: 96px; 
        height: 59px; 
        display: block; 
}

a.faq:hover { 
        background: url(images/index-over_03.jpg) repeat 0px 0px; 
}

#faq_active { 
        background: url(images/index-over_03.jpg) repeat 0px 0px; 
}

#ingredients{width: 150px; 
        height: 59px; 
		float:left;
		background:url(images/index_04.jpg) repeat 0px 0px; 
		}

a.ingredients { 
        background:url(images/index_04.jpg) repeat 0px 0px; 
        width: 150px; 
        height: 59px; 
        display: block; 
}

a.ingredients:hover { 
        background: url(images/index-over_04.jpg) repeat 0px 0px; 
}

#ingredients_active { 
        background: url(images/index-over_04.jpg) repeat 0px 0px; 
}


#testi{width: 150px; 
        height: 59px; 
		background:url(images/index_05.jpg) repeat 0px 0px;
		float:left;}

a.testi { 
        background:url(images/index_05.jpg) repeat 0px 0px; 
        width: 150px; 
        height: 59px; 
        display: block; 
}

a.testi:hover { 
        background: url(images/index-over_05.jpg) repeat 0px 0px; 
}

#testi_active { 
        background: url(images/index-over_05.jpg) repeat 0px 0px; 
}



#order{
        background:url(images/index_06.jpg) repeat 0px 0px; 
        width: 199px; 
        height: 59px; 
		float:left;}

a.order { 
        background:url(images/index_06.jpg) repeat 0px 0px; 
        width: 199px; 
        height: 59px; 
        display: block; 
}

a.order:hover { 
        background: url(images/index-over_06.jpg) repeat 0px 0px; 
}

#order_active { 
        background: url(images/index-over_06.jpg) repeat 0px 0px; 
}


#body{width:765px; height:auto; float:left; background-color:#fff;}
#left_panel{float:left; width:202px; height:auto;}
#left_panel_top{float:left; width:202px; height:auto; background-image: url(images/index_07.jpg); background-repeat:repeat-y;}
#left_panel_bottom{float:left; width:202px; height:65px; background-image: url(images/index_09.jpg); background-repeat:repeat-x;}


#right_pan{width:563px; height:auto; float:right; background-color:#fff;}

#contents{width:540px; height:auto; margin:5px 0 0 10px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:justify; line-height:14pt;}
#contents h1{
	font:normal 20px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#6a9301;
	background-color:inherit;
	display:block;
	font-weight:bold;
	margin:10px 0 0 0;
}
#contents a {
	color: #000;
	text-decoration: none;
}
#contents  a:hover  {
	color: #a5060e;
	text-decoration: underline;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
}

blockquote {
	border-left:5px solid #92b146;
	margin:0 0 0 2.5em;
	padding-left:1em;
	padding-right: 1em;
	font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif ;
	color:#3b3b3b;
	background-color:#ecf7bb;
}

#testi_home{width:433px; margin:5px 0 0 40px; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif ; 	color:#3b3b3b;}

#order-spermomax{
        width: 450px; 
        height: 85px; 
		background:url(images/order-spermomax.jpg) no-repeat 0px 0px; 
		padding-bottom:20px;
		}
a.order-spermomax { 
        background:url(images/order-spermomax.jpg) repeat 0px 0px; 
        width: 450px; 
        height: 85px; 
        display: block
			 
}

a.order-spermomax:hover { 
        background: url(images/order-spermomax-over.jpg) repeat 0px 0px; 
}


#footer{width:765px; height:autopx; padding:20px 0 0 0; background-color:#78a506; float:left;}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer  a:hover  {
	color: #effe01;
	text-decoration: underline;
}

#footer_link{text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; }

#c_link{text-align:center; font:normal 10px Arial, Helvetica, sans-serif; color:#fff; padding-top:20px;}


#statements{
	width:700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top:10px;
	}
	
	
	
	.order_txt{font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;	}
	
	.formbutton {
cursor : pointer;
border : 1px outset #ccc;
background : #999;
color : #666;
font-weight : bold;
padding : 1px 2px;
background : url(images/formbg.gif) repeat-x left top;
}