body {
	margin: 0;
	padding: 0;
	background: #fff;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7C7C7C;
}

* {
	margin: 0;
	padding: 0;
}
a:link {
	color: #53ae4c;
	text-decoration: none;
}
a:visited {
	color: #53ae4c;
	text-decoration: none;
}
a:hover {
	color: #53ae4c;
	text-decoration: underline;
}
a:active {
	color: #53ae4c;
	text-decoration: none;
}

a img {
	border: 0;
}


#outline {
	width: 792px;
	border: 1px solid #000;
	margin: 25px auto;
}
#container {
	width: 790px;
	border: 1px solid #bfbfbf;
	background: #fff url(img/logo.png) no-repeat 45px 17px;
}
#header {
	text-align: left;
	margin-top: 75px;
	margin-right: 60px;
	margin-bottom: 45px;
	margin-left: 0;
}
	#header ul li{
		display: inline;
		list-style: none;
		margin-left: 30px;
		text-transform: uppercase;
		}
	#header ul li a {
		color: #4ca445;
		font-weight: bold;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		text-decoration: none;
		text-transform: uppercase;
	}	
	
	
#mainbody {
	width: 715px;
	margin: 0 auto;
}		


h1 {
	color: #4ca445;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
}

div#copyright {
	clear: left; 
	font-size: 10px; 
	color: #B2B1B1; 
	text-align:right; 
	width: 750; 
	padding: 10px 15px 25px 0;
}

.colorHightlight {
	color: #F99D31;
}

/********** HOME PAGE CSS **********/
div#homeFooter {
	width: 715px;
	height: 136px;
	margin: 20px auto;
	background: #fff url(img/homeFooterBack.gif) no-repeat;
}
	div#homeFooter div.homeColumns {
		height: 115px;
		float: left;
		border-right: 1px solid #cccaca;
		margin-top: 10px;
		padding-right: 8px;
		}
	div#homeFooter div.homeColumns img {
		float: left;
		margin: 10px 10px 0 15px;;
		}
	div#homeFooter div.homeColumns h1 {
		margin-top: 20px;
		}		
	div#homeFooter div.homeColumns h1 a {
		color: #4ca445;
		font-weight: bold;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		text-decoration: none;
		}
	div#homeFooter div.homeColumns h2 {
		color: #7C7C7C;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		text-decoration: none;
		}		


/********** Zevia INFO CSS **********/
div#zeviaInfoBody {
	background: url(img/zinfo_back.jpg) no-repeat 300px 0;
	padding-bottom: 20px;
}
	div#zeviaInfoBody h1 {
		padding: 235px 0 5px 45px;
	}
	div#zeviaInfoBody p {
		margin: 10px 45px;
		line-height: 2em;
	}	

/********** Zevia FAQ CSS **********/
div#zeviaFAQBody {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 25px;	
}
	div#zeviaFAQBody div {
		padding-left: 50px;
		background: url(img/qna.gif) no-repeat;
		margin-top: 15px;
	}
	div#zeviaFAQBody div p {
		font-size: 11px;
		line-height: 17px;
	}	
	div#zeviaFAQBody div p.question {
		font-weight: bold;
		color: #53ae4c;
		padding-top: 5px;
	}	
	
	div#zeviaFAQBody ul {
		padding: 0 0 30px 20px;
		border-bottom: 1px solid #53ae4c;
	}
	div#zeviaFAQBody ul li {
		list-style: none;
		margin-top: 9px;
		font-size: 11px;
		padding-left: 10px;
		background: url(img/bulletline.gif) no-repeat 0px 6px;

	}		
	
/********** Zevia ABOUT CSS **********/	
div#zeviaAboutBody {
	background: url(img/aboutLargeSoda.jpg) no-repeat right top;
	width: 555px;
	margin: 0 auto;
	padding-right: 160px;
	height: 400px;
}	
	div#zeviaAboutBody h1 {
		line-height: 18px;
		padding-top: 30px;
	}		
	div#zeviaAboutBody p {
		line-height: 35px;
	}
	div#zeviaAboutBody #aboutFooter {
		width: 555px;
		margin-top: 20px;
		padding-bottom: 30px;
		float: left;
	}	
	div#zeviaAboutBody #aboutFooter .aboutColumns {
		width: 170px;
		border-right: 1px solid #cccaca;
		padding-left: 14px;	
		float: left;	
	}	
	div#zeviaAboutBody #aboutFooter .aboutColumns h1 {
		margin: 0;
		padding: 0;
		}	
	div#zeviaAboutBody #aboutFooter .aboutColumns h1 a {
		color: #4ca445;
		font-weight: bold;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		text-decoration: none;
		}
		
/********** ABOUT STEVIA CSS **********/	

div#aboutSteviaBody {
	margin: 0 auto;
	width: 600px;
	padding: 100px 0 30px 110px;
	background:url(img/aboutSteviaHead.gif) no-repeat;
}		
	div#aboutSteviaBody h1 {
		line-height: 18px;
		margin-bottom: 15px;
	}	
	div#aboutSteviaBody p {
		line-height: 24px;
		margin-bottom: 18px;
	}	
	div#aboutSteviaBody ul {
		margin-bottom: 15px;
	}
	div#aboutSteviaBody ul li {
		margin-bottom: 8px;
	}	
	
/********** NATURAL CSS **********/		
div#naturalBody {
	width: 605px;
	margin: 0 auto;
	background: url(img/naturalHead.gif) no-repeat right top;
	padding: 70px 0 30px 0;
}
	div#naturalBody h1 {
		margin: 15px 0;
	}
	div#naturalBody p {
		line-height: 22px;
		margin-top: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #53ae4c;
	}
	div#naturalBody ul {
		padding: 0 0 30px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#naturalBody ul li {
		list-style: none;
		margin-top: 6px;
	}	
	
/********** FLAVORS CSS **********/		
div#flavorsBody {
	width: 715px;
	margin: 0 auto;
}	
	div#flavorsBody img {
		margin: 35px 0 25px 0px;
	}		
	div#flavorsBody h1, div#flavorsBody p {
		margin: 15px 0;
		line-height: 22px;
	}			

/********** COLA CSS **********/		
div#colaBody {
	width: 560px;
	margin: 0 auto;
	background: url(img/sideCola.jpg) no-repeat;
	padding-left: 155px;
}		
	div#colaBody div {
		border-left: 1px solid #cccaca;
		padding-left: 12px;
	}	
	div#colaBody div h1 {
		line-height: 22px;
		margin: 10px 0;
	}		
	div#colaBody div h2 {
		font-size: 14px;
		margin-top: 5px;
	}	
	div#colaBody div p {
		line-height: 22px;
	}	
	div#colaBody div p p {
		font-size: 11px;
		width: 100px;
	}		
	div#colaBody ul {
		padding: 0 0 65px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#colaBody ul li {
		list-style: none;
		margin-top: 6px;
	}	
	
/********** ORANGE CSS **********/		
div#orangeBody {
	width: 560px;
	margin: 0 auto;
	background: url(img/sideOrange.jpg) no-repeat;
	padding-left: 155px;
}		
	div#orangeBody div {
		border-left: 1px solid #cccaca;
		padding-left: 12px;
	}	
	div#orangeBody div h1 {
		line-height: 22px;
		margin: 10px 0;
	}		
	div#orangeBody div h2 {
		font-size: 14px;
		margin-top: 5px;
	}	
	div#orangeBody div p {
		line-height: 22px;
	}		
	div#orangeBody div p p {
		font-size: 11px;
		width: 100px;
	}	
	div#orangeBody ul {
		padding: 0 0 65px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#orangeBody ul li {
		list-style: none;
		margin-top: 6px;
	}			

/********** ROOTBEER CSS **********/		
div#rootbeerBody {
	width: 560px;
	margin: 0 auto;
	background: url(img/sideRootBeer.jpg) no-repeat;
	padding-left: 155px;
}		
	div#rootbeerBody div {
		border-left: 1px solid #cccaca;
		padding-left: 12px;
	}	
	div#rootbeerBody div h1 {
		line-height: 22px;
		margin: 10px 0;
	}		
	div#rootbeerBody div h2 {
		font-size: 14px;
		margin-top: 5px;
	}	
	div#rootbeerBody div p {
		line-height: 22px;
	}		
	div#rootbeerBody div p p {
		font-size: 11px;
		width: 100px;
	}		
	div#rootbeerBody ul {
		padding: 0 0 100px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#rootbeerBody ul li {
		list-style: none;
		margin-top: 6px;
	}		
		
/********** TWIST CSS **********/		
div#twistBody {
	width: 560px;
	margin: 0 auto;
	background: url(img/sideTwist.jpg) no-repeat;
	padding-left: 155px;
}		
	div#twistBody div {
		border-left: 1px solid #cccaca;
		padding-left: 12px;
	}	
	div#twistBody div h1 {
		line-height: 22px;
		margin: 10px 0;
	}		
	div#twistBody div h2 {
		font-size: 14px;
		margin-top: 5px;
	}	
	div#twistBody div p {
		line-height: 22px;
	}		
	div#twistBody div p p {
		font-size: 11px;
		width: 100px;
	}		
	div#twistBody ul {
		padding: 0 0 100px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#twistBody ul li {
		list-style: none;
		margin-top: 6px;
	}		
/********** GINGER ALE **********/		
div#gingeraleBody {
	width: 560px;
	margin: 0 auto;
	background: url(img/sidegingerale.jpg) no-repeat;
	padding-left: 155px;
}		
	div#gingeraleBody div {
		border-left: 1px solid #cccaca;
		padding-left: 12px;
	}	
	div#gingeraleBody div h1 {
		line-height: 22px;
		margin: 10px 0;
	}		
	div#gingeraleBody div h2 {
		font-size: 14px;
		margin-top: 5px;
	}	
	div#gingeraleBody div p {
		line-height: 22px;
	}		
	div#gingeraleBody div p p {
		font-size: 11px;
		width: 100px;
	}		
	div#gingeraleBody ul {
		padding: 0 0 100px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#gingeraleBody ul li {
		list-style: none;
		margin-top: 6px;
	}		


	/********** DrZevia **********/		
div#drzeviaBody {
	width: 560px;
	margin: 0 auto;
	background: url(img/sidedrzevia.jpg) no-repeat;
	padding-left: 155px;
}		
	div#drzeviaBody div {
		border-left: 1px solid #cccaca;
		padding-left: 12px;
	}	
	div#drzeviaBody div h1 {
		line-height: 22px;
		margin: 10px 0;
	}		
	div#drzeviaBody div h2 {
		font-size: 14px;
		margin-top: 5px;
	}	
	div#drzeviaBody div p {
		line-height: 22px;
	}		
	div#drzeviaBody div p p {
		font-size: 11px;
		width: 100px;
	}		
	div#drzeviaBody ul {
		padding: 0 0 100px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#drzeviaBody ul li {
		list-style: none;
		margin-top: 6px;
	}		
	
	/********** blackcherry CSS **********/		
div#bcherryBody {
	width: 560px;
	margin: 0 auto;
	background: url(img/sideBlackCherry.jpg) no-repeat;
	padding-left: 155px;
}		
	div#bcherryBody div {
		border-left: 1px solid #cccaca;
		padding-left: 12px;
	}	
	div#bcherryBody div h1 {
		line-height: 22px;
		margin: 10px 0;
	}		
	div#bcherryBody div h2 {
		font-size: 14px;
		margin-top: 5px;
	}	
	div#bcherryBody div p {
		line-height: 22px;
	}		
	div#bcherryBody div p p {
		font-size: 11px;
		width: 100px;
	}		
	div#bcherryBody ul {
		padding: 0 0 100px 30px;
		border-bottom: 1px solid #53ae4c;
	}
	div#twibcherryBodystBody ul li {
		list-style: none;
		margin-top: 6px;
	}		

/********** ABOUT CSS **********/	
div#aboutusBody {
	width: 540px;
	margin: 0 auto;
	background: url(img/aboutLargeSoda.jpg) no-repeat;
	padding-left: 175px;
}	
	div#aboutusBody div {
		padding-left: 12px;
	}	
	div#aboutusBody div h1 {
		line-height: 22px;
		padding-top: 25px;
		margin-bottom: 10px;
		border-bottom: 1px solid #53ae4c;
	}	
	div#aboutusBody div p {
		line-height: 30px;
	}		
	
/********** STORY CSS **********/
div#storyBody {
	width: 540px;
	margin: 0 auto;
	background: url(img/storytop.jpg) no-repeat;
	padding: 0 0 25px 100px;
}	
	div#storyBody div {
		padding-left: 12px;
		padding-top: 75px;
	}	
	div#storyBody div h1 {
		line-height: 22px;
		padding-top: 25px;
		margin-bottom: 10px;
	}	
	div#storyBody div p {
		line-height: 20px;
		margin-bottom: 15px;
	}	
	
/********** MANAGEMENT CSS **********/
div#manageBody {
	width: 715px;
	margin: 0 auto;
}	
	div#manageBody h1 {
		line-height: 22px;
		padding-top: 25px;
		margin-bottom: 10px;
		padding-left: 125px;
	}	
	div#manageBody p {
	margin-bottom: 15px;
	padding-left: 10px;
	}			
	div#manageBody h2 {
	font-size: 12px;
	color: #53ae4c;
	border-top: 1px solid #53ae4c;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}	
	
/********** CONTACT CSS **********/
div#contactBody {
	width: 600px;
	margin: 0 auto;
}	
	div#contactBody h1 {
		line-height: 22px;
		padding-top: 25px;
		margin-bottom: 10px;
		border-bottom: 1px solid #53ae4c;
	}	
	div#contactBody p {
		line-height: 20px;
		margin-bottom: 15px;
	}			
	div#contactBody h2 {
		font-size: 12px;
		padding-left: 125px;
		color: #53ae4c;
	}

	
	
/********** FEEDBACK CSS **********/
div#feedbackBody {
	width: 600px;
	margin: 0 auto;
}	
	div#feedbackBody h1 {
		line-height: 22px;
		padding-top: 25px;
		margin-bottom: 10px;
		border-bottom: 1px solid #53ae4c;
	}	
	div#feedbackBody p {
		line-height: 20px;
		margin-bottom: 15px;
	}			
	div#feedbackBody h2 {
		font-size: 12px;
		padding-left: 125px;
		color: #53ae4c;
	}		
	
/********** Zevia GET CSS **********/
div#getzeviaBody {
	background: url(img/bigpack.jpg) no-repeat 75px 0;
	padding-bottom: 20px;
	width: 600px;
	margin: 0 auto;
}
	div#getzeviaBody h1 {
		padding: 235px 0 5px 45px;
	}
	div#getzeviaBody p {
		margin: 10px 45px;
		line-height: 2em;
	}		

/********** Zevia ORDER CSS **********/	
div#orderzeviaBody {
	padding-bottom: 20px;
	width: 715px;
	margin: 0 auto;
}			

/********** Zevia LOCAL CSS **********/	
div#localBody {
	padding-bottom: 20px;
	width: 715px;
	margin: 0 auto;	
}
	div#localBody h1 {

	}
	div#localBody p {
		margin: 15px 0;
		line-height: 20px;
	}	
	#outline #container #manageBody p {
}
div#colaBody2 {
	width: 560px;
	margin: 0 auto;
	background: url(img/sideCola.jpg) no-repeat;
	padding-left: 155px;
}