@charset "utf-8";
/* CSS Document */


@import "innerstyles.css";


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

* {margin:0; padding:0; outline:none; outline-style:none;}

body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Myriad Pro", Arail, sans-serif; font-size:13px; background:url(../images/bg_body.gif);}

p {font-size:12px; line-height:1.5em; color:#231f20;}
p a:link, p a:visited {color:#6E8289; text-decoration: none;}
p a:hover {color:#104C58; text-decoration: underline}

h1 {font-size:30px; color:#583110; font-weight:normal; margin-bottom:10px;} 
h2 {font-size:15px; color:#77B0C5; font-weight:normal; margin-bottom:15px;}
h2 a:link, h2 a:visited {color:#104c58; text-decoration: none;}
h2 a:hover {color:#104c58; text-decoration: underline}

h3 {font-size:20px; color:#104C58; font-weight:normal; background:url(../images/dotline_darkblue_horizontal.gif) bottom repeat-x; padding:0 0 5px 0; float:left;}

h4 {font-size:15px; color:#104C58; font-weight:normal; background:url(../images/dotline_darkblue_horizontal.gif) bottom repeat-x; padding:0 0 5px 0; float:left;}
h4 a:link, h4 a:visited {color:#104C58; text-decoration: none;}
h4 a:hover {color:#104C58; text-decoration: none}

img {border:none;}

a.learn_more { background:url(../images/bg_learn_more.gif) no-repeat; width:110px; height:25px; line-height:25px; color:#fff; font-size:13px; display:block; float:right; text-align:center; text-decoration:none;}

a.read_more {background:url(../images/bg_blue_btton.gif) no-repeat; width:110px; height:25px; line-height:25px; color:#fff; font-size:12px; font-weight:bold; display:block; text-align:center; text-decoration:none;}

/*
---------------------------------------------
02. CONTAINER
---------------------------------------------
*/

#container { width:100%; background:url(../images/bg_top.jpg) top repeat-x #ffffff; float:left}

/*
---------------------------------------------
03. WRAPPER
---------------------------------------------
*/

#wrapper {width:940px; margin:0 auto;}


/*
---------------------------------------------
04. HEADER STYLES
---------------------------------------------
*/

#header {width:940px; height:114px; background:url(../images/bg_masthead.jpg) no-repeat;}

#header #logo {width:227px; height:63px; float:left; padding:30px 0 0 10px;}

#header ul {float:right; list-style:none; margin-top:5px; width:290px;}
#header ul li { display:block; float:left;  padding:0 5px 0 5px; overflow:hidden; background:url(../images/topnav_div.gif) no-repeat; background-position: left 1px;}
#header ul li a {color:#509ab4; text-decoration:none; display:block; line-height:1em; background:url(../images/dotline_lightblue_horizontal.gif) bottom repeat-x; padding-bottom:4px;}
#header ul li a:hover {background:none;}

#header form {float:right; padding:0; margin:52px 0 0 0; clear:right;}
#header form input {margin:0; padding:0;} 
#header form input.search_text_box {height:15px; width:155px; padding:0; margin:0 8px 0 0; font-size:12px; background:none; border:none;}
#header form input.search_button {height:20px; width:60px; background:none; border:none; font-size:13px; color:#104c58; cursor:pointer;}


/*
---------------------------------------------
05. TOP NAV
---------------------------------------------
*/


#nav { float:left; width:940px; height:65px; background:url(../images/bg_nav.gif)}

.navlinks {font-size:10px; font-weight: normal;margin: 0; padding: 0; list-style: none; float:left;}
.navlinks li { float: left; margin: 0; padding:0; list-style: none; background:url(../images/nav_divider.gif) no-repeat top right; height:65px; }
.navlinks a { float: left; margin:0; padding: 23px 10px;text-decoration: none; color:#b09172; font-size:13px; font-weight: bold; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; line-height:1.1em}
.navlinks .nodivider { border-right:none; background:none; padding-right:0px }

.navlinks a:hover { float: left; margin:0; text-decoration: none; color:#36332a; font-size:13px; font-weight: bold; text-transform:uppercase; text-align:center; line-height:0.9em; background: url(../images/bgnav_hover.jpg); height:19px;}
	
/* Dropdown Navigation -- JD */
.navlinks li { position: relative;  }
.navlinks li ul { width: 190px; padding-bottom: 30px; padding-right:20px; display: none; position: absolute; top: 65px; left: 0; background:url(../images/dropdown.png) top left repeat-x #543011; border: none; overflow:hidden;}
.navlinks li ul li { background: transparent; height: 28px; padding-top: 0; padding-bottom: 0; line-height: 28px; font-weight: normal; color: #D5CBC3; display: block; }
.navlinks li ul li a {color: #D5CBC3; display: block; font-size: 13px; font-weight: normal; text-transform: none; background: none; width:190px; overflow: hidden; text-align:left;}
.navlinks li ul li a:hover { color: white; display: block; font-size: 13px; font-weight: normal; text-transform: none; background: none; width:190px; overflow: hidden; text-align:left;}
/* .navlinks li > ul { top: auto; left: auto;} */
.navlinks li:hover ul, .navlinks li.over ul { display: block;}


/*
---------------------------------------------
06. TAB BANNER
---------------------------------------------
*/

#tab-banner { width:920px; height:285px; float:left; background:url(../images/bg_banner.jpg) repeat-x; padding:10px; margin-top:10px;}

#tab-banner .photo {width:576px; float:left;} 

#tab-banner .photo .tabcontent {height:283px; width:576px; overflow:hidden; display:none; }
#tab-banner .photo ul {margin:-40px 0 0 5px; height:40px; list-style:none; position:relative;}
#tab-banner .photo ul li {display:inline; }
#tab-banner .photo ul li a {color:#fff; text-decoration:none; background:url(../images/bg_tab_list.png) repeat-x; line-height:40px; padding:0 15px; display:block; float:left; cursor:pointer;}
#tab-banner .photo ul li.selected a {background:#e2e9ef!important; color:#583110;}

#tab-banner .content {width:290px; float:right; overflow:hidden; padding:25px;}
#tab-banner .content h1 { border-bottom:1px solid #583110; padding-bottom:17px;}
#tab-banner .content p{font-size:20px; color:#104C58; margin-bottom:10px; line-height:1.2em;}

#tab-banner .content a { color: white; }
#tab-banner .content a:visited { color; white; }

/*
---------------------------------------------
07. CONTENT
---------------------------------------------
*/

#content { width:940px; float:left; background:url(../images/bg_content_wrapper.gif) repeat-y;  border-bottom: 45px solid #fff; margin:45px 0 0 0; }

/*
---------------------------------------------
08. LEFT PANEL
---------------------------------------------
*/

#left panel {width:420px; float:left }

/*
---------------------------------------------
08.1 LEFT PANEL - SERVICES
---------------------------------------------
*/

#our_services {width:420px; float:left; padding-right:20px; overflow:auto;}
#our_services h3 { width:200px; margin:10px 0;}
/*	#our_services h3.doubleline_top {margin:20px 0 0 0;}
	#our_services h3.doubleline_bottom {margin:0 0 20px 0;} */
#our_services h3 { background: none; line-height: 160%; } /* JD */
#our_services h3 a { color:#104C58; text-decoration: none; background:url(../images/dotline_darkblue_horizontal.gif) bottom repeat-x; padding-bottom: 1px;} /* JD */
#our_services h3 a:hover {
		background:none;
		color:#77B0C5;
}
#our_services a img {border:1px solid #d5cbc3; padding:5px; background:#fff;}
#our_services a:hover img {border-color:#583110;}
#our_services p {color:#583110; margin-bottom:10px;}

#our_services .chiropractic_care  {width:200px; float:left; margin-bottom:20px;}
#our_services .acupunture         {width:200px; float:left; margin-bottom:20px;}

#our_services .massage_therapy    {width:200px; float:right; margin-bottom:20px;}
#our_services .low_intesity       {width:200px; float:right; margin-bottom:20px;}

#our_services .path_orthotics     {width:200px; float:left; margin-bottom:20px;}
#our_services .orthotics          {width:200px; float:right; margin-bottom:20px;}

/*
---------------------------------------------
09. RIGHT PANEL
---------------------------------------------
*/

#rightpanel {width:500px; float:right; overflow:hidden;} 


/*
---------------------------------------------
09.1 RIGHT PANEL - LATEST ARTICLES
---------------------------------------------
*/

#latest_articles {width:480px; padding:0 0 48px 20px; background:url(../images/bg_articles.gif) left bottom no-repeat; margin-bottom:25px; overflow:auto; }
#latest_articles h2 {margin-bottom:30px; width:480px;}
/*  #latest_articles h4.doubleline_top {margin:20px 0 0 0;}
    #latest_articles h4.doubleline_bottom {margin:0 0 10px 0;}  */
#latest_articles h4 { margin: 20px 0 10px 0; background: none; } /* JD */
#latest_articles h4 a {background:url(../images/dotline_darkblue_horizontal.gif) bottom repeat-x; line-height: 150%; padding-bottom: 4px;}
#latest_articles h4 a:hover {
	color:#77B0C5;
	background:none;
}
#latest_articles p {color:#583110; padding-right:5px; clear:both; overflow:auto; }
#latest_articles a.continue_reading {color:#2f8d9e; text-decoration:underline; display:block; margin:10px 0 5px 0; font-size:12px; font-weight:bold; padding:0;}


#latest_articles .newblocks_left { width:146px; float:left; margin:0; padding:0; height:auto; }
#latest_articles .newblocks_mid { width:146px; float:left;  margin:0 21px; padding:0; height:auto;}
#latest_articles .newblocks_right { width:146px; float:right; margin:0; padding:0; height:auto;} 

#latest_articles .date {background:url(../images/bg_date.gif) no-repeat; width:42px; height:39px; text-align:center; padding:3px 0 0 0; font-size:12px; color:#fff; }

/*
---------------------------------------------
09.2 RIGHT PANEL - CLIENT COMMENT
---------------------------------------------
*/

#product {width:230px; float:left;}
#product h2 {margin-bottom:30px;}
#product p.blockquote {font-family:Georgia, "Times New Roman", Times, serif !important; font-size:20px;}
#product p.blockquote span {font-size:40px;}
#product p {color:#104c58;  line-height:1.50em;  margin-bottom:10px}


/*
---------------------------------------------
09.3 RIGHT PANEL - NEWS LETTER
---------------------------------------------
*/

#newsletter {width:215px; float:left; padding-left:20px; display:inline; padding-top:15px;}
#newsletter h2 {margin-bottom:30px; font-weight:normal}
#newsletter  p {color:#583110; font-size:12px }
#newsletter  p span {font-size:15px;}
#newsletter form {margin:10px 0 20px 0; padding:0;}
#newsletter form label { float:left; display:block; margin:3px 0 5px 8px; color:#104C58; }
#newsletter form input.textbox {width:160px; height:18px; clear:both; margin-bottom:5px; float:left; background:#a7ccd9; border:none; padding:2px; font-size:16px }
#newsletter form input.subscribe { background:url(../images/bg_blue_btton.gif) no-repeat; height:25px; width:110px; text-align:center; line-height:25px; color:#fff; border:none; font-size:12px; font-weight:bold; margin-top:23px; clear:both; }


/*
---------------------------------------------
09.4 RIGHT PANEL - CLIENT COMMENT
---------------------------------------------
*/

#client_comment {width:230px; float:right;}
#client_comment h2 {margin-bottom:30px;}
#client_comment p.blockquote {font-family:Georgia, "Times New Roman", Times, serif !important; font-size:20px; background:url(../images/bg_client_comment_p.gif) bottom left no-repeat; padding-bottom:10px; color:#77B0C5;}
#client_comment p.blockquote span {font-size:40px;}
#client_comment p {color:#104c58;  line-height:1.50em;  margin-bottom:10px}



/*
---------------------------------------------
10. FOOTER STYLES
---------------------------------------------
*/

#bgfooter {width:100%; background:url(../images/bg_banner.jpg) repeat-x; clear:both; float:left; color:#104c58; }

#bgfooter p { font-size:13px; color:#104c58}
#bgfooter p a:link, #bgfooter p a:visited {color:#104c58; text-decoration: underline; padding-left:10px}
#bgfooter p a:hover {color:#104c58; text-decoration: none}

#footer {width:940px; margin:0 auto; padding:25px 0; overflow:auto;}
#footer .footerleft { width:400px; float:left;}
#footer .footerright { width:500px; float:right; text-align:right}

#footer ul { width:500px; float:right; margin-bottom:10px;}
#footer ul li {display:inline;}
#footer ul li a {display:block; float: right; color:#fff; text-decoration:none; text-align:center; line-height:25px; padding:0 8px; margin-left:5px; background:#6e8289;}

#footer ul li a:hover {
	background:#77B0C5;
}


/* Kyles styles */
#leftpanel-inner img {
	float:right;
	background-color:#fff;
	padding:7px;
	margin-bottom:20px;
	margin-left:10px;
}

#leftpanel-inner ul {
	
	margin-bottom:20px;
	list-style-position:inside;
	list-style-type:square;
}

#leftpanel-inner ul li {
	color:#583110;
	margin-bottom:5px;
}

#rightlinks ul li a:hover {
		color:#fff;
		text-decoration:none;
}

#leftpanel-inner table {
	border:1px solid #77B0C5;
	text-align:center;
	color:#583110;
	margin-bottom:10px;
}

#leftpanel-inner table th {
	background-color:#104c58;
	padding:5px;
	color:#fff;
}

#leftpanel-inner table tr {
	padding:5px;
}

#leftpanel-inner table .alternaterow {
	background-color:#DFEBF3;
}

#leftpanel-inner table td {
	padding:5px;
}

.hour-table {
	
}

.fee-table {
	float:left;
	margin-right:5px;
	text-align:left;
	width:210px;
}

#form-download {
	list-style-type:none;
	padding:0;
	margin:0;
	padding-top:20px;
}

#form-download li {
	padding-left:25px;
	margin-top:10px;
	background:url(../images/form-icon.png) center left no-repeat;
}

#form-download li a {
	color:#104c58;
	text-decoration:none;
}

#form-download li a:hover {
	text-decoration:underline;
}

.navlinks li .twolines {
	padding: 18px 20px 26px 20px;
}

#homeLaser {
	margin-top:26px;
}

.clear-right {
	clear:right;
}