body {
	background-image: url(images/bg2.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #4493c7;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444545;
	

}

.wrapper{
width:1260px;
margin:0 0 0 0;
float:left;}

.container{
height:auto;
margin:0 0 0 210px;
text-align:left;
width:1000px;
float:left;
}

.left{ width:757px; float:left; margin:0 0 0 0; }
.left_top{ height:129px; width:757px; background-image:url(images/index_01.png); background-repeat:no-repeat; float:left;}
.left_mid{ width:757px; background-image:url(images/index_03.png); background-repeat:repeat-y; float:left; line-height:15pt;}
.left_bot{ height:77px; width:757px; background-image:url(images/index_04.png); background-repeat:no-repeat; float:left;}

#logo{   
        width: 310px; 
        height: 72px; 
		float:left;
		padding:8px 0 0 57px;
		}

a.logo { 
        background:url(images/naturamax-logo.png) repeat 0px 0px; 
        width: 310px; 
        height: 72px;;   
        display: block; 
		
}

a.logo:hover { 
        background: url(images/naturamax-logo.png) repeat 0px 0px; 
}






.right{width:170px; float:left; margin:105px 0 0 0;}



.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 0px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover, selected span{ /* Hover state CSS (for text) */
color: yellow;
}
.selected{color: yellow;}

.livechat{width:215px; height:87px; margin:15px 25px 0 0; float:right;}

h1 {font:normal 18px/25px Verdana, Arial, Helvetica, sans-serif; color:#023ffd; border-bottom:1px #CCCCCC solid; padding:10px; font-weight:bold;}
h2 {font:normal 16px/20px Verdana, Arial, Helvetica, sans-serif; color:#405566;  font-weight:bold; color: #08c;}


img.pic{
float:left;
padding:5px;
margin:0 10px 10px 0;
border:1px  #CCCCCC solid;
}

img.pic1{
float:right;
padding:5px;
margin:10px 0 10px 5px;
border:1px  #CCCCCC solid;
}

.benefits dl {
	position: 			relative;
	margin: 			0 0 0 0;
	}

	.benefits dl dd {
		position: 			relative;
		margin: 			0 0 10px 20px;
		padding: 			0px 0 0 50px;
		min-height: 		24px;
		height: 			32px;
		background:			url(images/leaf.png) no-repeat;
		font-size: 14px;
		font-weight:bold;
		color:#0056a6;
		

	}
	
	
	#testis {
	
  border: 1px #CCCCCC dotted; padding:10px;
  background-color:#d4f1fb;
}


#form{float:left; margin:25px 15px 0 0; width:450px;}

#inputArea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color: #d6e5f4;
	    padding: 10px;
	    width:450px;
		float:left;
			}
	#inputArea input, #inputArea textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 425px;
		
	}

        .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
        .idle
        {
	    border: solid 1px #85b1de;
	    background-image: url( 'images/blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;
        }


.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;
margin-left:2px;
}

.button{width:450px; background-color:#d6e5f4;  float:left; padding:10px;}



.footer{width:900px; float:left;}

.footer a {
	color: #fff;
	text-decoration: none;
}
.footer  a:hover  {
	color: #fff;
	text-decoration: underline;
}

.footer_txt{width:800px; overflow: hidden; float:left; margin:20px 0 0 200px; font-family: Arial, Helvetica, sans-serif; color:#7c7b7b; font-size: 12px;}


.footer_txt ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
list-style-type: none;

}



.footer_txt li{
display: inline;
margin: 0;

}


.footer_txt li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 10px; /*padding inside each tab*/
/*border-right: 1px dotted #ffcd8d; right divider between tabs*/
color:#fff;
}


.footer_txt li .last {
     border-right: none;
}


.footer_txt li a:visited{
color: #fff;

}

.footer_txt li a:hover, .footer_txt li.selected a{
color: #fff; 
text-decoration: underline;

}


#statements{
	width:700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	padding-top:10px;
	padding-left:48px;
	text-align:center;
	}
#c_link{text-align:center; font:normal 10px Arial, Helvetica, sans-serif; color:#fff; padding-top:15px; color: #fff;}