* {
	font-family: verdana;
}
#wrapper {
	text-align: left;
	margin: 4px auto;
	padding: 0px;
	border: 2px #4A7F0C solid;
	width: 800px;
	background: url('/images/background_cols.gif');
}

#out-header {
	margin: 0 0 0 0;
	background: yellow;
}

#header {
	background: url('/images/natural-healing-alternative-wellness-costa-mesa.jpg') no-repeat top left; 
	left: 0px;
	top: 0px;
	width: 600px; 
	height: 100px;
	}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#header span.h1 {
	display:none; 
	}
#header h1 span {
	display:none;
	}
#header span.h2 {
	display:none;
	}
#header h2 span {
	display:none;
	}
#sub-header {
	position: relative;
	width: 584px;
	height: 16px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	font: 10px verdana;
	font-weight: bold;
	background-color: #D5B0B5;
	text-decoration: none;
	color: #754040;
}

#sub-header a:hover, #sub-header a:active { text-decoration: underline;}
#sub-header a, #sub-header a:visited { text-decoration: none; color: #754040;}
#sub-header-left {float: left;}
#sub-header-right {float: right; text-align: right;}


#side-a {
	float: left;
	width: 200px;
}

#side-b { 
	margin: 0;
	float: left;
	width: 600px;
	height: 1%; /* Holly hack for Peekaboo Bug */
	/* border-left: #4A7F0C solid 1px; */
}

/* footer CSS */
#footer {
clear: both;
background: url('/images/design.jpg') top left;
height: 14px;
width: 792px;
padding: 3px 4px 10px 4px;
font-size: 9px;
color: #D3FF38;
font-family: verdana,Helvetica,sans-serif;
}

#footer a:link { 
	font-weight: bold;
	color: #D3FF38;
	}
#footer a:visited {
	font-weight: bold;
	color: #D3FF38;
	}
#footer a:hover { 
	font-weight: bold;
	color: White;
	}

#footer-left {float: left; margin: 4px;}
#footer-right {float: right; margin: 4px; text-align: right;}
/* end footer CSS */

/* menu.css */
#menu {
width: 200px;
text-align: center;
font: 12px verdana;
line-height: 2.2;
}
#menu a {
color: #316305;
width: 200px;
text-decoration: none
}
#menu a:visited {
color: #316305;
}
#menu a:hover {
color: #800000;
font-weight:bold;
}
#menu a:active {
color: #800000;
text-decoration: none;
}
#menu ul {
margin-top: -5px;
}
#menu li {
line-height: 3ex;
list-style-type: none;
display: block; 
}
	
#menu-brea-office {
width: 200px;
text-align: center;
font: 12px verdana;
color: #316305;
line-height: 1.5;
}	
	
#menu-costa-mesa-office {
width: 200px;
text-align: center;
font: 12px verdana;
color: #316305;
line-height: 1.5;
}	
#menu-hear-more, #menu-hear-more a:link, #menu-hear-more a:visited {
width: 185px;
margin-left: auto;
margin-right: auto;
background: url('/images/design.jpg') no-repeat top center;
text-align: center;
color: #D3FF38; 
font-weight:bold; 
font-size:11px; 
font-family:Verdana;
}
#menu-kcal9, #menu-kcal9 a:link, #menu-kcal9 a:visited {
width: 185px;
margin-left: auto;
margin-right: auto;
background: url('/images/design.jpg') no-repeat top center;
text-align: center;
color: #D3FF38; 
font-weight:bold; 
font-size:11px; 
font-family:Verdana;
}


#menu-hear-more a:hover, #menu-hear-more a:active {
text-decoration: none;
color: white;
}

#menu-main, #menu-main a:link, #menu-main a:visited{
width: 185px;
margin-left: auto;
margin-right: auto;
background: url('/images/design.jpg') no-repeat top center;
text-align: center;
color: #D3FF38; 
font-weight:bold; 
font-size:11px; 
font-family:Verdana;
}

#menu-main a:hover, #menu-main a:active {
text-decoration: none;
color: white;
}

#menu-our-offices, #menu-our-offices a:link, #menu-our-offices a:visited{
width: 185px;
margin-left: auto;
margin-right: auto;
background: url('/images/design.jpg') no-repeat top center;
text-align: center;
color: #D3FF38; 
font-weight:bold; 
font-size:11px; 
font-family:Verdana;
}

#menu-our-offices a:hover, #menu-our-offices a:active {
text-decoration: none;
color: white;
}

/* GENERAL FORMATTING */
a {
text-decoration: none;
	color: #316305;
}
a:hover {
	text-decoration: underline;
	color: #800000;
}
a:visited { 
	text-decoration: none; 
	color: #316305;
	}

h3 { 
	font: bold 12px verdana; 
	letter-spacing: 1px;
	margin-top: 30px;
	margin-bottom: 0px; 
	color: #800000;
	}
h3 a:link {
	font: bold 11px verdana;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	text-decoration: none;
	color: #D3FF38;
	}
h3 a:hover {
	font: 11px verdana;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	text-decoration: underline;
	color: #D3FF38;
	}
h3 a:visited {
	font: bold 11px verdana;
	text-decoration: none;
	color: #D3FF38;
	}

p { 
	font: 12px verdana;  
	text-align: justify;
	}


ul {
	margin: 0px 20px 20px 20px;
	padding: 0px;
	list-style-type: circle;
	display: block; 
	font: 12px verdana;  
	}

li {
	line-height: 3ex; 
	list-style-type: circle;
	display: block; 
	padding-top: 10px;
	font: 12px verdana;  
	}

ul a:link { 
	color: #316305;
	}
ul a:visited {
	color: #316305;
	}
ul a:hover {
	color: #800000;
	}

ul#sitemap, ul#sitemap li ul {
	margin: 0 2em 1em;
	padding: 0px;
	list-style-type: circle;
	display: list-item; 
	font: 12px verdana;  
	}

ul#sitemap li {
	line-height: 0; 
	padding: 0px;
	list-style-type: circle;
	display: list-item; 
	font: 12px verdana;  
	}

#supportingText {
	padding: 10px;
	clear: both;
	}
#supportingText p {
	margin-top: 0px;
	}
	
	
#quickSummary {
	position: relative;
	background: url('/images/demo2.jpg') no-repeat top left;
	padding: 10px;
	float: right;
	width: 280px; 
	height: 332px;
	}
#quickSummary h3 {
	display:none; 
}
#quickSummary p {
	margin-top: 35px;
	font: italic bold 13px verdana;
	color: white;
	text-align: center;
	}
#quickSummary a {
	font: italic 14px verdana;
	font-weight: bold;
	color: #C4FF90;
	}

#preamble {
	position: relative;
	float: left;
	background: url('/images/road.jpg') no-repeat top left;
	width: 280px;
	height: 332px;
	padding: 10px;
	}
#preamble h1 {
	display: none;
	}
#preamble h3 {
	text-align: right;
	font: italic bold 16px verdana;
	color: #D3FF38;
	}
#preamble p { 
	text-align: right;
	font: 11px verdana;
	color: white;
	}
#myGallery
{
width: 550px !important;
height: 412px !important;
}
h1 {
	margin:0 0 0.5em; padding:0;
	position:relative;
	width:580px; height:40px;
	overflow:hidden;
	
}
h1 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:580px; height:40px;
	margin:0; padding:0;
	
}
h1#about-us span { background-image: url('/images/about-us.gif'); }
h1#acupressure span { background-image: url('/images/acupressure.gif'); }
h1#sports-lecture span { background-image: url('/images/sports-lecture.gif'); }
h1#heart-rate-variability span { background-image: url('/images/heart-rate-variability.gif'); }
h1#what-we-do span { background-image: url('/images/what-we-do.gif'); }
h1#brea-office span { background-image: url('/images/brea-office.gif'); }
h1#diet-plans span { background-image: url('/images/diet-plans.gif'); }
h1#common-questions span { background-image: url('/images/common-questions.gif'); }
h1#costa-mesa-office span { background-image: url('/images/costa-mesa-office.gif'); }
h1#success-stories span { background-image: url('/images/success-stories.gif'); }
h1#events-and-seminars span { background-image: url('/images/events-and-seminars.gif'); }
h1#stress-eating span { background-image: url('/images/stress-eating.gif'); }
h1#products-and-supplements span { background-image: url('/images/products-and-supplements.gif'); }
h1#new-clients span { background-image: url('/images/new-clients.gif'); }
h1#newsletters span { background-image: url('/images/newsletters.gif'); }
h1#learning-center span { background-image: url('/images/learning-center.gif'); }
h1#exercise span { background-image: url('/images/exercise.gif'); }
h1#media span { background-image: url('/images/media.gif'); }
h1#food-and-you span { background-image: url('/images/food-and-you.gif'); }
h1#your-healing-team span { background-image: url('/images/your-healing-team.gif'); }
h1#how-we-guide span { background-image: url('/images/how-we-guide.gif'); }
h1#benefits span { background-image: url('/images/benefits.gif'); }
h1#requirements span { background-image: url('/images/requirements.gif'); }
h1#sitemap span { background-image: url('/images/sitemap.gif'); }
div.coinshow {
	width: 550px;
	margin: 1em auto;
}
div.coinshow a {
	font-size: 10pt;
}
div.coinshow a span {
	width: 550px;
}
div.coinshow h3,
div.coinshow p {
	color: #ffffff;
	font-size: 10pt;
	margin: 0;
	width: 520px;
}
p.share {
	float: right;
	margin: 1em 1em 2em 2em;
}
table.testimonials {
	width: 100%;
}
table.testimonials td {
	text-align: center;
	width: 33%;
}