* { padding: 0; margin: 0;  }
body {
	background: #336699 repeat url(../images/assets/pattern_dkBlue.gif);
	color: #6A97C2;
	font: 1em Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	}
	
/*------ text ---------*/
h1 {
	font: 1.4em/1.3 Arial, Helvetica,  sans-serif;
	text-transform: uppercase;
	}
h1 a { color: #4C86B6; }
h2 { font: 1.2em/1.2 Arial, Helvetica, sans-serif; }
h2 a, h2 a:hover, h2 a:active { color: #fff; text-decoration: none; }
h3 {
	font: 1.1em/1.3 "Times New Roman", Times, serif;
	font-style:italic;	
	color: #fff;
	}
.ltBlue { color: #83B3E0; }
h3.quote { font-size: 1.1em; color: #fff; }
h3.quoteRight { 
	font-size: 1.1em;
	text-align: right; 
	padding-right: 60px; 
	color: #fff;
	}
h3.company {
	color: #4C86B6;
	float: right;
	} 
h3 a, h3 a:hover, h3 a:active { color: #fff; }
h4 { /* white titles in boxes */
	font: 1.1em/1.1 Arial, Helvetica, sans-serif; 
	}
h4 a, h4 a:hover, h4 a:active { color: #fff; }
h5 { /* subHeading */
	text-transform: lowercase;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 0px;
	font-size: 28px;
	}
h6 { /* body headlines */
	font: 0.8em/1 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4A4949;
	margin-left: 5px;
	margin-bottom: 10px;
	}
a { text-decoration: none; color: #4C86B6; }
a:hover, a:active { text-decoration: underline; color: #4C86B6; }
p a { text-decoration: none; color: #4C86B6; }
p a:hover, p a:active { text-decoration: underline; color: #4C86B6;  }
p { 
	font: 0.8em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #4A4949; 
	margin-left: 5px;
	margin-bottom: 1em;
	}
#bodyCopy p {
	font: .8em/1.6 Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1.7em;
	}
#bodyCopy ul, #bodyCopy ol { 
	padding-left: 30px; 
	color: #4A4949;  
	font: 0.8em/1.6 Verdana, Arial, Helvetica, sans-serif;
	}
.teal { color: #1EA0C3; }
.green { color: #61A073; }

/* #bodyCopy a { text-decoration: none; color: #4C86B6;; }
#bodyCopy a:hover, #bodyCopy a:active { text-decoration: underline; color: #fff; } */

/*------- Menu Lists ----------*/
ul.topMenu {
	display: inline;
	color: #fff;
	position: relative;
	top: 1px; left: 0;
	}
ul.topMenu li {
	list-style: none;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	}
ul.topMenu li.first a, ul.topMenu li.firstActive a {
	border-left: none;
	padding-left: 22px;
	} 
ul.topMenu li.active a {
	background:  #4C86B6; 
	}
ul.topMenu a { 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	padding: 5px 20px 5px 20px; 
	float: left; 
	border-left: 1px solid #747A7F; 
	} 
ul.topMenu a:hover, ul.topMenu a:active { background-color: #64A0D2; color: #fff; text-decoration: none; } /* lt blue #83B3E0; med blue #64A0D2; dk blue #4C86B6; */

/*------- Main Container with Drop Shadow ------*/
	
#mainContainer { 
	width: 660px;
	position: absolute;
	left: 50%;
	margin-left: -330px;
	background: #fff;
	border-left: 2px solid #2C587E;
	border-right: 2px solid #2C587E;
	padding-bottom: 15px;
	}
#mainContainer.shortPage {
	border-bottom: 2px solid #2C587E;
	padding-bottom: 70px;
	}
/*-------- Header elements ----------------*/
	
#headerContainer { 
	height: 55px;
	padding: 20px;
	}
#headerContainer.landing { background: url(../images/assets/harper_header.gif); }
#headerContainer.laser { background: url(../images/assets/harperNutrition_header.gif); }
#logo { display: none; } 
#header { display: none; } 
#navStripe { 
	position: absolute;
	top: 91px; left: 0;
	height: 24px; width: 660px;
	background: #83B3E0;
	border-top: 1px solid #747A7F;
	border-bottom: 1px solid #747A7F;
	}
	
/*-------- Main Body ---------------*/
#bodyContainer {
	postion: absolute;
	top: 0; left: 0;
	}
#footer {
	margin-top: 10px;
	margin-left:35px;
	margin-right: 35px;
	margin-bottom: 0;
	}
#footer a { color:#4C86B6; }
#footerPerson { text-align: right; margin-right: 10px;
 }

/*-------- Landing Page ------------*/
#bodyContainer.borderAll { 
	margin: 56px 30px 0 30px;
	padding-left: 10px;
	padding-right: 10px;Ve
	border: 1px solid #666;
	padding: 10px; 
	}
#landImage {
	background: no-repeat center center url(../images/assets/pills.gif);
	height: 352px; 
	width: 279px;
	float: right;
	}
#laserBox { 
	background: repeat url(../images/assets/pattern_teal.gif);
	border: 1px solid #1EA0C3;
	height: 149px;
	width: 267px;
	color: #fff;
	margin: 0;
	padding: 10px;
	}
#bodyContainer.borderAll a:hover h2, #bodyContainer.borderAll a:active h2{
	text-decoration: underline; color: #fff;
	}
#bodyContainer.borderAll a:hover h3, #bodyContainer.borderAll a:active h3{
	text-decoration: none;
	}
#laserText {
	position: relative;
	left: 0;
	top: 110px;	
}
#medicineBox {
	background: repeat url(../images/assets/pattern_green.gif);
	border: 1px solid #61A073;
	height: 149px;
	width: 267px;
	color: #fff;
	margin: 10px 0 0 0;
	padding: 10px;
	}
#medicineText {
	position: relative;
	left: 0;
	top: 110px;
	font-size: 14px;
}
/*------------ Homepage ---------------*/
#bodyContainer.borderBothSmall { 
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0 40px;
	padding-top: 10px;
	}
#bodyContainer.borderBothSmall #bodyCopy {
 	margin-left: 150px; 
	}
#navImageContainer {
	margin: 60px 40px 20px 40px;
	}
#navImageContainer a { display: block; }
#navImageContainer a:hover h4, #navImageContainer a:active h4{
	text-decoration: underline; color: #fff;
	}
#bigImage {
	background: no-repeat center center url(../images/assets/apples.jpg);
	height: 352px; 
	width: 429px;
	float: right; 
	}
#imageQuote {
	/* background: repeat url(../images/dkBlue_trans.png);  */
	position: relative;
	top: 128px;
	left: 0;
	height: 81px;
	width: 399px;
	color: #fff;
	padding: 15px;
	}
#transBox {
	position: relative;
	top: 241px;
	left: 0;
	height: 111px;
	width: 429px;
	}
#imageQuote img { }
#box_first { /*-- green --*/
	background: repeat url(../images/assets/pattern_green.gif);
	border: 1px solid #61A073;
	height: 88px;
	width: 125px;
	color: #fff;
	padding: 10px 7px;
	} 
#box_second { /*dark blue*/
	background: repeat url(../images/assets/pattern_dkBlue.gif);
	border: 1px solid #3D7AAE;
	height: 89px;
	width: 125px;
	color: #fff;
	margin-top: 10px;
	padding: 10px 7px;
	} 
#box_third { /*teal*/
	background: repeat url(../images/assets/pattern_teal.gif);
	border: 1px solid #1EA0C3;
	height: 89px;
	width: 125px;
	color: #fff;
	margin-top: 10px;
	padding: 10px 7px;
	} 
#firstText {
	position: relative;
	left: 0;
	top: 75px;
	}
#secondText {
	position: relative;
	left: 0;
	top: 75px;
	}
#thirdText {
	position: relative;
	left: 0;
	top: 75px;
	}
#arrow { 
	display: none;
	}

/*-------- Interior Page Style ------------*/
#bodyContainer.borderBoth {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 50px 0 7px 0;
	padding:0;
	}
#subNav {
	width: 166px;
	float:left;
	overflow: hidden;
	margin: 0px 0 15px 0;
	}
#subNav ul {
	font: 1em/1.2 Arial, Helvetica, sans-serif;
	list-style: none;
	display: block;
	}
#subNavTitle { font: 14px Arial, Helvetica, sans-serif;  }
#subNav ul ul { font: 0.8em/1.4 Verdana, Arial, Helvetica, sans-serif; }
#subNavTitle { color: #4C86B6; width: 146px; height:18px; padding: 16px 0px 2px 20px;  } /* 2nd tier titles */
#subNav li li {   padding: 0px 0 0 0px;  }
#subNav ul a { color: #4A4949; padding: 0px 0 0px 20px; text-decoration: none; display: block; width: 146px;} /* 3rd tier - links */
#subNav li li.current a, #subNav li li.current a:hover { background: #64A0D2; color: #4A4949; }
#subNav li li a:hover { background: #83B3E0; } /* lt blue #83B3E0; med blue #64A0D2; dk blue #4C86B6; */

#interiorBody {
	position: relative;
	top: 0; left: 0;
	margin-left: 166px;
	width: 493px;
	border-left: 1px solid #999999;
	}
#subHeading {
	margin: 0 0 10px;
	height: 17px;
	background: #4D8BC0;
	padding-top: 28px;
	padding-left: 10px;
	}
#interiorBody #bodyCopy {
	margin-left: 0;
	padding: 20px 40px 90px 20px;
	}
#bodyCopy ul { padding-left: 30px; color: #4A4949  }
#bodyCopy ol { padding-left: 30px; color: #4A4949; }
.subImage {
	float: left;
	border: 1px solid #5F5F5F; /* blue #4C86B6; */
	margin-right: 15px;
	margin-bottom: 5px;
	}
	
#quote p {
	margin-top: 10px;
	margin-left:35px;
	margin-right: 35px;
	margin-bottom: 0;
	color: #FFFFFF;
	background-color: #78a0bc;
	padding: 10px;
}