﻿html, body {
height:auto;
	margin:0px;
	padding: 0px;
	font-size: 12px;
	font-family: Trebuchet MS;
	background-image: url(../images/bg_grad.jpg); background-repeat:repeat-x repeat-y;
	color: #818285;

}

img {
	border: none;
}
#main_container {
	margin:0 auto;
	width: 990px;
	padding-bottom:20px;	
	
}

#FooterLink
{
    width:950px;
}

#FooterLink a
{
    text-decoration:none;
}

#FooterLink a:hover
{
    text-decoration:underline;
}

#header	{
	margin-top:20px;
	background: url(../images/bg_header.jpg) no-repeat;
background-color:#ffffff;	
	width:990px;
			
}

#footer	{
	
	width:990px;
	height:5px;
	background:url(../images/bg_footer.jpg) no-repeat;
}

#main_body	{
	
	width:950px; 
	padding:20px;
	background-color:#fff;	
	min-height:450px;

}

#logo {
	padding:25px 0 0 25px;
	height:84px;
	width:211px;
	position: relative;
	float:left;	
}

#search_holder 
{
    padding:10px 0 0 325px;
	height:124px;
	width:429px;
	position: relative;
	float:left;	
	font-size: 16pt;	
	vertical-align:middle;
	color:#8dc63e;
	clear:right;	 
}

/*--------------------------------------
	Navigation
---------------------------------------*/
#nav {
	font-size:16pt;
	position:relative;
	float:right;
	height:30px;
	padding:13px 20px 0 0;
}
	#nav ul {
	list-style: none; 
	padding:0; 
	margin:0;	
	background-color: #40BDC3; 
}
		#nav ul li {
			float: left; 
			text-align: center;  
			height: 33px;
			width:189px;
			background:url(../images/nav_tab_central.jpg) left;						
	}
	
	#nav ul li a {
		display: block; 
		padding: 5px 5px 7px 7px;
		font-size:16px;
		color: #fff; 
		text-decoration: none;
	}		
		#nav ul li a:hover{
		color: #fff; 
		
	}	
			#nav ul li.active a { 
			color: #4492dd; 
			
			}
			#nav ul li#active  a:hover {}

        #nav ul li.left 
	    {	       					
			background:url(../images/nav_tab_left.jpg);			
	    }
	    
	    #nav ul li.left a:hover
	    {	       					
			background:url(../images/nav_tab_left_on.jpg);			
	    }
	    
	    #nav ul li.left_active 
	    {	       
			background:url(../images/nav_tab_left_on.jpg);			
	    }	
	    #nav ul li#active  a:hover {}		
	    
	    #nav ul li.right 
	    {	    
			background:url(../images/nav_tab_right.jpg);				
	    }
	    
	    #nav ul li.right_active 
	    {	    
			background:url(../images/nav_tab_right_on.jpg);				
	    }
	    
	    #nav ul li.right a:hover 
	    {
	       
			background:url(../images/nav_tab_right_on.jpg);	
			
			background-repeat:no-repeat;
	    }
	    #nav ul li#active  a:hover {}
	    
	    #nav ul li.central 
	    {	    
			background:url(../images/nav_tab_central.jpg);				
	    }
	    
	    #nav ul li.central_active a
	    {	    
			background:url(../images/nav_tab_central_on.jpg);				
	    }
	    
	  #nav ul li.central a:hover 
	    {	       
			background:url(../images/nav_tab_central_on.jpg);							
	    }
		#nav ul li.central_active  a:hover {}
		
			
			#nav ul li ul  {display:none;padding:0;position:relative;top:-5px;}
			#nav ul li ul li {background-image:none;}
			#nav ul li ul li a {background-image:none;}
			#nav ul li.central ul {background-image:none;background-color:#818285;}
			#nav ul li.central ul li a, #nav ul li.central_active ul li a,#nav ul li.central ul li a:hover,#nav ul li.central_active ul li a:hover {height:26px;line-height:26px;padding:0;margin:0;} 
			#nav ul li ul li a {background:none;background-color:#84c533;border-bottom:1px solid #fff;}
			#nav ul li.central ul li a:hover {background-image:none;background-color:#6191b9}
						

/*--------------------------------------
	Common
---------------------------------------*/
h1
{
    color:#8dc63e;
    font-size:14pt;    
    margin-bottom:0px;
}

h2
{
    color:#8dc63e;
    font-size:10pt;
    margin-top:5px;
    margin-bottom:0px;
}

.h2blue
{
    color:#4e76af;
    font-size:10pt;
    margin-top:5px;
    margin-bottom:0px;
}

.Grey14
{
     color:#818285;
    font-size:14pt;  
}

.Green14
{
     color:#8dc63e;
    font-size:14pt;  
}

.h2grey
{
    color:#818285;
    font-size:10pt;
    margin-top:5px;
    margin-bottom:0px;
}

.grey11
{
    color:#6d6f72; 
    font-size:11pt;
}

.12PurpleLink
{
    color:#2d62af; 
    text-decoration:none; 
    font-size:12pt;
}

/*--------------------------------------
	Index
---------------------------------------*/
#LatestNews
{
 background:url(../images/news_border.jpg);
 height:222px;
 width:285px; 
 padding-left:20px;
 padding-top:20px;
 float:left;
}

#IndexContent1Holder
{
    width:430px; 
    padding-top:20px;  
    padding-left:10px; 
    float:left;
}

#IndexContactHolder
{
 background:url(../images/contact_holder.jpg);
 height:226px;
 width:277px; 
 float:left;
 padding-top:10px;
 padding-left:15px; 
}

#ContactButton
{
    margin-top:10px;
    margin-bottom:10px;
    background:url(../images/contact_button.jpg);
    height:32px;
    width:250px;
    padding-top:5px;
    padding-left:5px;
    text-align:center;     
}			
			
#ContactButton a
{
    color:#fff;
    font-size:12pt; 
    text-decoration:none; 
}

#ContactButton a:hover
{
    color:white;
    font-size:12pt; 
    text-decoration:underline; 
}

#ConfusedMan
{
    padding-left:20px;
    width:195px; 
    height:133px;
    float:left
}

#WhatIsHolder
{
    float:left; 
    width:649px;
}

#DoOneOfHolder
{
    float:left; 
    padding-top:20px; 
    padding-left:30px;
}

/*--------------------------------------
	About Nutrivate
---------------------------------------*/
#MainAboutUs
{
    width:650px; 
    text-align:justify; 
    float:left;
}

#ShelleyHolder
{
    float:left; 
    width:500px;
}

#GwawrHolder
{
  width:300px; 
  padding-left:25px; 
  float:left;  
}

 #ChompedApple
 {
    padding-top:150px;
 }
 
/*--------------------------------------
	Who can we help
---------------------------------------*/
#WhoCanContent
{
    width:650px; 
    text-align:justify; 
    float:left;
}

/*--------------------------------------
	Contact Us
---------------------------------------*/
#ContactHolder
{
    width:600px; 
    padding-top:10px; 
    float:left;
}

#ContactInfo
{
    background:url(../images/news_border.jpg);
    height:240px;
    width:285px; 
    padding-left:20px;
    padding-top:10px;
}
		
#ContactRight
{
    width:300px; 
    padding-left:20px; 
    float:left;
}
