body{
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: #f5ffea;
margin:0px;
padding:0px;
color: #000000;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

p{
padding: 5px 30px 5px 15px;
margin:0px;
text-align: justify;
line-height: 20px;
text-indent: 15px;
color: #000;
}

#mainframe {
margin:0px;
padding:0px;
background: url(images/background.gif) repeat-y;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
width: 1050px;
}

a:link, a:visited {
color: #000000;
}

a:hover{
color: #666666;
}


div#header{
width:1050px;
padding: 0px;
margin: 0px auto;
}

div#header img{
margin: 0px;
padding: 0px;
display:block;
}

ul#menu {
width: 980px;
height:auto;
overflow:hidden;
margin:0px auto;
padding:5px 0px 0px 20px;
}

ul#menu li {
display:inline;
margin:0;
padding:0;
font-weight:bold;
}

ul#menu li a {
float:left;
color:#000;
background:#e8fdcc url(images/color_tabs_left.gif) no-repeat left top;
text-decoration:none;
letter-spacing:1px;
margin:0px 4px 0px 0px;
padding:0px 0px 4px 8px;
}

ul#menu li a span {
display:block;
background:transparent url(images/color_tabs_right.gif) no-repeat right top;
float:none;
padding:7px 8px 3px 0px;
}

ul#menu a:hover{
color: white;
background-color: #466916;
}

ul#menu a:hover span{
color: white;
background-color: #466916;
}

ul#menu li.current_page_item a, ul#menu li.current_page_item a span{ /*currently selected tab*/
color: white;
background-color: #466916;
}

.show-menu {
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	background: #466916 url(images/menu-button.gif) no-repeat left center;
	text-align: center;
	padding: 10px 0;
	display: none;
}

input[type=checkbox]{
display: none;
}

input[type=checkbox]:checked ~ #menu{
display: block;
}

#container {
width: 1000px;
padding: 0px;
background: url(images/content-bg.gif) repeat-y;
text-align: left;
clear: both;
margin: 0px auto;
border-bottom: 2px solid #e8fdcc;
border-top: 2px solid #e8fdcc;
position:relative; 
}

/* left menu */

#leftmenu {
width: 265px;
text-align: left;
float:left;
background: url(images/phone-side.gif) no-repeat left bottom;
padding-bottom: 155px;
padding-top: 5px;
padding-left: 5px;
position:absolute; 
left: 5px; 
top: 5px; 

}

.leftmenu-top {
background: url(images/menu-top.gif) no-repeat;
margin: 0px;
padding: 8px 0px 4px;
text-align: center;
font-size: 12px;
font-weight: bold;
color:#FFF;
width: 260px;
}

.leftmenu-bottom {
background: url(images/menu-bottom.gif) no-repeat;
height: 8px;
width: 260px;
margin: 0px;
padding: 0px;
}

ul.lmenu {
width: 250px;
margin: 0px;
padding: 0px 6px 0px 4px;
background: url(images/menu-background.gif) repeat-y;
}

ul.lmenu li {
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
}

ul.lmenu li a {
display: block;
text-decoration: none;
padding: 5px 0px 5px 20px;
margin: 0px;
color: #333333;
font-weight: bold;
border-top: 1px solid #bbb;
background: url(images/arrow-menu.gif) no-repeat left center;
}

ul.lmenu li a:hover{
background: url(images/arrow-menu-hover.gif) no-repeat left center;
color: #537c1b;
}

ul.lmenu li.current_page_item a, ul.lmenu li.current-cat a{
background: url(images/arrow-menu-hover.gif) no-repeat left center;
color: #537c1b;
}

#content {
padding: 0px 0px 80px 15px;
background: url(images/bottom-logo.jpg) no-repeat center bottom;
margin: 0px 0px 0px 280px;
}

#content ul {
text-align: justify;
margin: 5px 30px 15px;
}

#content ul li {
background: url(images/bullet.gif) no-repeat 0px 1px;
list-style: url(none) none outside;
padding-left: 25px;
margin-left: 0px;
line-height: 19px;
margin-bottom: 4px;
overflow: hidden;
}

#content ul li ul {
text-align: justify;
margin: 5px 0px 10px;
}

#content ul li ul li {
background: url(images/subbullet.gif) no-repeat 0px 1px;
list-style: url(none) none outside;
padding-left: 20px;
margin-left: 0px;
line-height: 19px;
margin-bottom: 4px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
margin:10px 15px 10px 0px;
padding: 0px 0px 7px;
font-weight: bold;
text-align: center;
font-size: 12px;
border-bottom: 1px solid #CCC;
}

#content ul.featured
{
	list-style:none;
	padding:0px;
	margin: 10px 0px;
	overflow: hidden;
}

#content ul.featured li#feature1
{
list-style:none;
padding:0px;
float:left;
width:330px;
height: 130px;
margin:0px 15px 10px 10px;
background: url(images/bg-acupuncture.gif) no-repeat;
}

#content ul.featured li#feature2
{
list-style:none;
padding:0px;
float:left;
width:330px;
height: 130px;
margin:0px 0px 10px 0px;
background: url(images/bg-herbal.gif) no-repeat;
}

#content ul.featured li#feature3
{
list-style:none;
padding:0px;
float:left;
width:330px;
height: 130px;
margin:0px 15px 10px 10px;
background: url(images/bg-nutrition.gif) no-repeat;
}

#content ul.featured li#feature4
{
list-style:none;
padding:0px;
float:left;
width:330px;
height: 130px;
margin:0px 0px 10px 0px;
background: url(images/bg-pain.gif) no-repeat;
}

#content ul.featured p
{
margin:10px 10px 0px 80px;
padding:10px;
text-indent: 0;
}


li p a {
font-weight: bold;
}

li p a:hover {
color: #537c1b;;
}

.li2columns {
width: 710px;
float: left;
padding: 0px;
margin-bottom: 5px;
margin-top: 5px;
}

ul.cols2 {
float: left;
width: 700px; /* width is changed */
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden;
}
 
ul.cols2 li {
margin: 3px 0px 0px 30px;
float: left;
width: 300px;
background: url(images/bullet.gif) no-repeat left top;
list-style: url(none) none outside;
line-height: 12px;
} 


#content .linkbox1
{
float:right;
width:240px;
height: 115px;
margin:5px 25px 2px 20px;
background: url(images/pagebox.gif) no-repeat;
text-align: left;
padding-top: 35px;
}

#content .linkbox1 ul
{
list-style:none;
padding:0px;
margin-left: 10px;
margin-top: 5px;
margin-right: 0px;
}

#content .linkbox1 ul li
{
list-style:none;
background: url(images/arrow-menu.gif) no-repeat left center;
margin: 0px;
padding: 0px 0px 0px 20px;
font-size: 11px;
line-height: 22px;
font-weight: bold;
}

#content .linkbox1 ul li a:hover 
{
color: #537c1b;
}


.photo {
margin: 5px 0px 5px 15px;
float: right;
padding: 3px;
border: 1px solid #CCC;
}


/* Google Map */

.officemap {
padding: 5px;
margin-left: 35px;
border: 2px solid #CCCCCC;
width: 640px;
margin-top: 10px;
margin-bottom: 10px;
min-height:500px;
}

form {
margin-left: 26px;
font-weight: bold;
padding: 0px;
margin-top: 0px;
}
#content input[type=checkbox]{
display:inline;
}

input {
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
textarea {
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.tableform {
font-weight: bold;
margin-left: 10px;
}

.tableform td {
padding: 5px 7px 5px 0px;
}

.buttonSubmit {
font-weight: bold;
border-top: 1px solid #999999;
border-right: 2px outset #CCCCCC;
border-bottom: 2px outset #CCCCCC;
border-left: 1px solid #999999;
padding: 2px;
cursor: hand;
color: #4a4a4a;
background: #E8E8E8;
}


.testimonials {
margin: 10px 35px;
background: #f5ffea url(images/quote.gif) no-repeat left top;
text-indent: 30px;
padding: 15px;
font-style: italic;
}



#footer {
margin: 0px auto;
padding: 0px 0px 20px;
width: 1030px;
clear: both;
background: url(images/footer.gif) no-repeat center bottom;
}


#footer p{
text-align: center;
margin-right: 5px;
margin-left: 5px;
font-size: 11px;
font-weight: bold;
}

#footer a:link, #footer a:visited {
text-decoration: none;
}



@media screen and (max-width: 650px) {
	
html {
-webkit-text-size-adjust: 100%;
}
body{
background: #FFF;
}

#mainframe {
margin:0px;
padding:0px;
background: url(none);
margin: 0px;
width: 100%;
}

div#header{
width:100%;
height:auto;
}

div#header img{
width:100%;
height:auto;
}

ul#menu {
position: static;
display: none;
width:100%;
height:auto;
border:none;
margin:0px;
padding:0px;
}

ul#menu li {
margin:0;
padding:0;
}

ul#menu li, ul#menu li a {
width: 100%;
}

ul#menu li a {
background:#e8fdcc url(none);
margin:0 3px 0 0;
padding:0 0 3px 8px;
border: solid 1px #fff;
text-align:left;
}

.show-menu {
display:block;
}


#container {
width: 100%;
border: none;
position: relative;
background: url(none);
}

#leftmenu {
width: 265px;
text-align: left;
float:left;
background: url(images/phone-side.gif) no-repeat left bottom;
padding-bottom: 155px;
padding-top: 5px;
padding-left: 5px;
position:relative; 
left: 0px; 
top: 0px; 
}

#content {
padding: 0px 0px 10px;
margin-left: 0px;
background: url(none);
}

#content ul.featured
{
width: 350px;
margin: 0px;
}

#content ul.featured li#feature1, #content ul.featured li#feature2, #content ul.featured li#feature3, #content ul.featured li#feature4
{
margin:0px;
}

p{
padding: 5px;
margin:5px;
line-height: 20px;
text-indent: 0px;
font-size:11pt;
text-align:left;
}

#content ul {
text-align: left;
margin: 5px;
}

#content ul li {
font-size:11pt;
}

#content ul li ul {
text-align: left;
margin: 5px;
}

ul.cols2 {
width: 100%;
}
 
ul.cols2 li {
margin: 5px;
width: 90%;
font-size:11pt;
}

.photo {
margin: 5px;
max-width:55%;
height:auto;
}

.testimonials {
margin: 5px;
background: #f5ffea url(images/quote.gif) no-repeat left top;
text-indent: 30px;
padding: 10px;
}

#footer {
margin: 0px auto;
padding: 0px 0px 15px;
width: 100%;
clear: both;
}

}