html {
	margin: 0px;
	padding: 0px;
	}
body {
	background:#4F7C00 url(img/mainBG.jpg) repeat-x;
	margin: 0px; 
	padding: 0px 0px 30px 0px;
	}
	
h1 {
	width:271px;
	height:85px;
	margin:0px;
	padding:0px;
	text-indent:-600em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(img/st_logo-web2.jpg);
}	

h2 {
	margin:0px;
	padding:0px;
	text-indent:-600em;
	}
h2.awesome {
	width:760px;
	height:216px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(img/awesome_energy.jpg);
}
h2.welcome { background:transparent url(img/welcome.jpg) no-repeat; width:381px; height:233px;}
h2 span {display:none;}

h3 {
	margin:0px;
	padding:0px;
	text-indent:-600em;
	}
h3.about { background:transparent url(img/about.gif) no-repeat; width:175px; height:46px;}
h3.wlc { background:transparent url(img/wlc.gif) no-repeat; width:301px; height:73px;}
h3.menu {
	width:240px;
	height:46px;
	background-color: transparent;
	background-image: url(img/smoothies_teas.gif);
	background-repeat: no-repeat;
}
h3.testimonies { background:transparent url(img/testimonies.gif) no-repeat; width:230px; height:46px;}
h3.contact { background:transparent url(img/contact.gif) no-repeat; width:230px; height:46px;}
h3.calendar { background:transparent url(img/calendar.gif) no-repeat; width:230px; height:46px;}

h3.vanilla {
	width:296px;
	height:45px;
	background-color: transparent;
	background-image: url(img/vanilla2.gif);
	background-repeat: no-repeat;
}
h3.chocolate {
	width:296px;
	height:45px;
	background-color: transparent;
	background-image: url(img/chocolate2.gif);
	background-repeat: no-repeat;
}
h3.tropical {
	width:296px;
	height:45px;
	background-color: transparent;
	background-image: url(img/tropical2.gif);
	background-repeat: no-repeat;
}
h3.berry {
	width:296px;
	height:45px;
	background-color: transparent;
	background-image: url(img/coffee2.gif);
	background-repeat: no-repeat;
}
h3.herbal {
	width:296px;
	height:45px;
	background-color: transparent;
	background-image: url(img/tea2.gif);
	background-repeat: no-repeat;
}
h3.add {
	width:296px;
	height:45px;
	background-color: transparent;
	background-image: url(img/boosts.gif);
	background-repeat: no-repeat;
}

/* -------------------------------------------------------------- */	

#mainContainer {
	width: 760px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	vertical-align:top;
	}

/* -------------------------------------------------------------- */

.topH {
	width:760px;
	height:24px;
	background:transparent url(img/top.gif) no-repeat;
	}
#headerContainer {
	width:760px;
	height:85px;
	background:transparent url(img/headerBG.jpg) repeat-x;
	}
#headerContainer .logo{
	width:271px;
	height:85px;
	float:left;
	}	
#headerContainer .topMenu{
	width:227px;
	height:85px;
	float:right;
	}
	
#headerContainer .topMenu ul {
	width:227px;
	height:85px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#headerContainer .topMenu li {
	display:inline;
	margin:0px;
	padding:0px;
	}
#headerContainer .topMenu a {
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	}
#headerContainer .topMenu span { display:none;}
	
#headerContainer .topMenu a.homeT { background:transparent url(img/top_home_btn.jpg) 0px 0px no-repeat; width:97px; height:85px;} 
#headerContainer .topMenu a.homeT:hover { background:transparent url(img/top_home_btn.jpg) 0px -85px no-repeat; width:97px; height:85px;} 

#headerContainer .topMenu a.contactT { background:transparent url(img/top_contact.jpg) 0px 0px no-repeat; width:130px; height:85px;} 
#headerContainer .topMenu a.contactT:hover { background:transparent url(img/top_contact.jpg) 0px -85px no-repeat; width:130px; height:85px;} 		

/* -------------------------------------------------------------- */

#mainMenu {
	width:726px;
	height:22px;
	padding:6px 17px 8px 17px;
	background:transparent url(img/menuBG.jpg) no-repeat;
	}
	
#mainMenu ul {
	width:726px;
	height:22px;
	margin:0px;
	padding:0px;
	overflow: hidden;
	float: right;	
	list-style-type: none;
	}
#mainMenu li {
	display: inline;
	}
	
#mainMenu a {
	overflow:hidden;
	float:left;
	display:block;
	height: 23px;
	padding:4px 11px 0px 11px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background:transparent url(img/menu_separator.gif) top right no-repeat;
	}	
	
#mainMenu a.last { background:none;}
#mainMenu a:hover { color: #FFEEAC;}	

/* -------------------------------------------------------------- */

#contentContainer {
	width:724px;
	padding:0px 18px 0px 18px;
	background:transparent url(img/contentBG.jpg) repeat-y;
	}
	
#contentContainer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1F2F3F;
	text-decoration: none;
	margin:0px;
	padding:0px 0px 10px 0px;
	}	

#contentContainer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #75765B;
	text-decoration: underline;
	}	
#contentContainer a:hover{text-decoration: none;}

#contentContainer .leftContent{
	width:341px;
	height:170px;
	float:left;
	background:transparent url(img/left_img.jpg) no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	}	
#contentContainer .rightContent{
	width:381px;
	margin:0px 0px 15px 0px;
	float:right;
	}
	
#contentContainer .leftContentA{
	width:341px;
	margin:0px 0px 10px 0px;
	float:left;
	}	
	
#contentContainer ul{
	width:316px;
	margin:0px;
	padding:0px 0px 0px 35px;
	list-style-type: none;
	}
#contentContainer li{
	display: block;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #575956;
	text-decoration: none;
	margin:0px;
	padding:0px 0px 0px 15px;
	background:transparent url(img/bullet.gif) 0px 1px no-repeat;
	}

#contentContainer .rightContentA{
	width:341px;
	margin:0px 0px 10px 0px;
	float:right;
	}	

#contentContainer .photo{
	width:381px;
	margin:0px 0px 15px 0px;
	float:right;
	}
	
#contentContainer .photo{
	width:112px;
	height:270px;
	margin:0px 0px 20px 0px;
	float:left;
	}
	
#contentContainer .txt{
	width:575px;
	float:right;
	margin:0px 0px 50px 0px;
	}	

/* -------------------------------------------------------------- */

#footerContainer {
	width:760px;
	height:26px;
	padding:26px 0px 0px 0px;
	text-align:center;
	background:transparent url(img/footerBG.jpg) no-repeat;
	}
#footerContainer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #75765B;
	text-decoration: none;
	margin:0px;
	padding:0px;
	}
	

/* -------------------------------------------------------------- */	

.orange {color: #FF6000;}

.medium {font-size: 16px;}
	
	
#contentContainer input, textarea{	
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #485D2F;
	text-decoration: none;
	border:solid 1px #cdd2d5;
	background-image:none;
	background-color:#fff;
	padding:1px;
	padding-top:2px;
	padding-left:4px;
	border-left: 4px solid #65B808;
	margin:0px;
	}	
