/* CSS Document */

#wrapper { 
background-image: url(/template1/images/background.jpg); 
background-repeat: no-repeat; 
width: 900px; 
height: 734px; 
margin:auto;
}

body { 
background-color: #174464;
}

#banner { 
background-image: url(/template1/images/banner.jpg); 
background-repeat: no-repeat; 
height: 150px; 
width: 900px;
}

#left-sidebar { 
float: left; 
width: 147px; 
height: 584px; 
background-image: url(/template1/images/left-sidebar-bg.jpg); 
margin-left: 0px; 
margin-top: 0px;
}

#alkaline { 
float: left; 
height: 75px; 
width: 330px;
}

#anti-oxidant { 
float: left; 
height: 75px; 
width: 330px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
}

#hydrating { 
float: left; 
height: 85px; 
width: 330px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
} 

#green { 
float: left; 
height: 78px; 
width: 330px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
} 

#oxygen { 
float: left; 
height: 78px; 
width: 330px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
} 

#orp { 
float: left; 
height: 78px; 
width: 330px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
} 

#detoxifying { 
float: left; 
height: 78px; 
width: 330px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
} 

#menu-bar { 
background-color: #004467; 
float: left; 
height: 35px; 
width: 753px;
}

#left-content { 
height: 549px; 
width: 323px; 
float: left;
}

#ebook { 
font-family: Arial, Helvetica, sans-serif; 
color: #CCC; 
float: left; 
height: 240px; 
width: 130px; 
text-align: left; 
font-size: 16px; 
margin-left: 17px; 
margin-top: 35px;
}

#videos { 
font-family: Arial, Helvetica, sans-serif; 
float: left; 
height: 115px; 
width: 130px; 
margin-left: 17px; 
color: #CCC; 
font-size: 16px;
}

#newsletter { 
float: left; 
height: 30px; 
width: 130px; 
font-family: Arial, Helvetica, sans-serif; 
color: #CCC; 
margin-left: 17px; 
font-size: 16px;
}

#contact { 
float: left; 
width: 147px; 
height: 160px; 
background-image: url(/template1/images/manAndWoman.png); 
background-repeat: no-repeat; 
background-position: left bottom;
}

#video { 
margin-left:10px; 
margin-top:10px;
}

#right-content { 
float: left; 
height: 549px; 
width: 430px;
}

#hexagonal { 
background-image: url(/template1/images/hexagonal.png); 
background-repeat: no-repeat; 
float: left; 
height: 549px; 
width: 100px; 
background-position: 0px 10px;
}

#wrapper #right-content #anti-oxidant div { 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#left-text { 
float: left; 
height: 250px; 
width: 310px; 
margin-top: 10px; 
margin-left: 10px; 
font-family: Arial, Helvetica, sans-serif;
}

#main-content { 
float: left; 
width: 753px; 
height: 549px;
}

#main-content-top { 
float: left; 
height: 282px; 
width: 100%; 
margin-top: 0px; 
margin-left: 0px;
}

#main-content-bottom { 
float: left; 
height: 250px; 
width: 733px; 
overflow: auto; 
margin-left: 10px; 
margin-top: 10px;
}


#main-content-bottom2 {
float: left;
height: 530px;
width: 733px;
overflow: auto;
margin-left: 10px;
margin-top: 10px;
}

#content-bottom-left { 
float: left; 
height: 235px; 
width: 50%;
}

#content-bottom-right { 
float: left; 
height: 235px; 
width: 50%;
}

.menu-items { 
float: left; 
height: 20px; 
width: 75px; 
padding-top: 10px; 
margin-left: 10px; 
color: #CCC; 
font-size: 14px; 
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
} 

#contact-form {
	float: left;
	height: 300px;
	width: 500px;
	margin-left: 50px;
	margin-top: 25px;
}

.menu-links a:link {text-decoration: none; color:#CCC} 
.menu-links a:visited {text-decoration: none; color:#CCC} 
.menu-links a:hover {text-decoration: underline; color:#999} 
.menu-links a:active {text-decoration: none; color:#CCC} 
.right-links a:link {text-decoration: none; color:#000} 
.right-links a:visited {text-decoration: none; color:#000} 
.right-links a:hover {text-decoration: underline; color:#00F} 
.right-links a:active {text-decoration: none; color:#000}