/* -----------------------------------------------------------------------------
Styles for:		Performance Chiropractic 
Author:			Chris Robinson
------------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}
body
	{
	margin: 0px;
	padding: 0px;
	background: url(images/bg.jpg) center top repeat-y #502503;
}
#all
	{
	background-color: white;
	font-family: arial, helvetica, "san-serif";
	font-size: 11pt;
	width: 779px;
	margin: auto;	
	padding: 0px 0px 0px 0px;
	color: black;
	}
#all ul.main li{
	list-style: none;
}
a img{
	border: 0px;
}
/* -----------------------------------------------------------------------------
HEADER & NAVIGATION ELEMENTS
------------------------------------------------------------------------------*/
#header{
	height: 200px;
}
#header h1{
	height: 159px;
	text-indent: -9999px;
	background: url(images/header2.png) no-repeat;
}
#header h1.aboutchiro{
	height: 159px;
	text-indent: -9999px;
	background: url(images/header.png) no-repeat;
}
#header h1.therapies{
	background: url(images/header3.png) no-repeat;
}
#header h1.directions{
	background: url(images/header4.png) no-repeat;
}
#header h1.faq{
	background: url(images/header5.png) no-repeat;
}
#header h1.aboutus{
	background: url(images/header6.png) no-repeat;
}
ul.navigation{
	display: block;
	float: left;
	color: #000;
	width: 778px;
	background-color: #383838;
	margin: 0px 0px 10px 0px;
	list-style-type: none;
}
ul.navigation li{
	margin: 0px 25px 0px 15px;
	float: left;
	text-align: center;
	padding: 3px 0px;
}
ul.navigation a{
	text-decoration: none;
	color: #fff;
}
ul.navigation a:hover{
	text-decoration: underline;
}
/* -----------------------------------------------------------------------------
INDEX PAGE ELEMENTS
------------------------------------------------------------------------------*/
h3.welcome{
}
ul.top{
	display: block;
}
ul.top li{
	list-style-type: none;
	float: left;
	width: 200px;
	margin: 10px 25px 10px 140px;
}
ul.middle{
	clear: both;
	display: block;
}
ul.middle li{
	list-style-type: none;
	float: left;
	width: 200px;
	margin: 10px 25px 10px 140px;
}
ul.bottom{
	clear: both;
	display: block;
}
ul.bottom li{
	list-style-type: none;
	float: left;
	width: 200px;
	margin: 10px 25px 10px 140px;
}
.readmore{
	color: blue;
	text-decoration: none;
	font-size: 9pt;
}
ul.top li.zero{
	float: left;
	margin: 10px 0px 0px 50px;
}
ul.middle li.zero{
	float: left;
	margin: 10px 0px 0px 50px;
}
ul.bottom li.zero{
	float: left;
	margin: 10px 0px 0px 50px;
}
img.indeximgleft{
	margin: 0px 15px 0px -110px;
	float: left;
	border: 1.5px solid black;
}
img.indeximgright{
	margin: 0px -138px 0px 0px;
	float: right;
	border: 1.5px solid black;
}	
#right{
	margin: 0px 10px 0px 0px;
	float: right;
}
#directions {
	display: block;
	clear: both;
}
#directions p {
	width: 100%;
}
#directions .map {
	float: left;
}
#directions .map p {
	margin-left: 10px;
	margin-right: 10px;
}
#directions .directionspara {
	float: left;
	width: 350px;
}
/* -----------------------------------------------------------------------------
MAIN CONTENT ELEMENTS
------------------------------------------------------------------------------*/
p{
	width: 400px;
	margin: 0px 0px 10px 25px;
}
p.full{
	width: 600px;
}
body#intake p {
	width: 730px;
}
p.newsletter{
	text-align: center;
	margin: auto;
	padding: 0px;
	clear: both;
}
p.newsletter a{
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}
p.newsletter a:hover{
	text-decoration: underline;
}
h3{
	margin: 0px 0px 2px 15px;
}
h4{
	margin: 0px 0px 2px 15px;
}
h3.aboutstaff{
	clear: both;
}
table.officehours{
	margin: 10px 0px 10px 15px;
	float: left;
}
table.officehours tr td.contactinfo{
	padding: 0px 0px 0px 50px;
}
ul.bullet{
	margin: 0px 0px 0px 40px;
}
ul.bullet a{
	color: black;
	text-decoration: underline;
}
ul.bullet a:hover{
	color: blue;
}
ul.degrees{
	list-style-type: none;
	padding-left: 150px;
}
/* -----------------------------------------------------------------------------
RIGHT SIDE IMAGES & QUOTES
------------------------------------------------------------------------------*/
h6{
	width: 338px;
	height: 202px;
	text-indent: -9999px;
	float: right;
}
h6.aboutchiro{
	background: url(images/quote.png) no-repeat;
}
h6.missionstatement{
	background: url(images/missionstatement.png) no-repeat;
}
h6.quote{
	background: url(images/quote2.png) no-repeat;
}
h6.headshot{
	background: url(images/headshot.jpg) no-repeat;
	width: 160px;
	height: 217px;
	padding: 0px 10px 0px 0px;
	text-indent: -9999px;
	float: left;
}
/* -----------------------------------------------------------------------------
THERAPIES ELEMENTS
------------------------------------------------------------------------------*/
p.limited{
	font-weight: 700;
}
p.back{
	margin: 10px 0px 0px 50px;
	font-size: 10pt;
}
/* -----------------------------------------------------------------------------
FAQ ELEMENTS
------------------------------------------------------------------------------*/
ul.answer{
	margin: 100px 0px 0px 0px;
	list-style: none;
}
ul.answer li{
	margin-top: 10px;
}
ol.questions{
	margin: 0px 0px 0px 50px;
}
a.btt{
	margin-left: 25px;
}
/* -----------------------------------------------------------------------------
DIRECTIONS ELEMENTS
------------------------------------------------------------------------------*/
img.map{
	margin: 0px 0px 0px 40px;
}
p a.map{
	font-size: 10pt;
	margin: 0px 0px 0px 130px;
}
.bold{
	font-weight: bold;
}
p.directionspara{
	width: 310px;
}
/* -----------------------------------------------------------------------------
KINESEO TAPE ELEMENTS
------------------------------------------------------------------------------*/
ol.numbered{
	margin: 0px 0px 0px 30px;
}
.italics{
	font-style: italic;
	font-weight: bold;
}
p.kinesio{
	margin: 0px 0px 5px 0px;
}
table.faqtable tr td{
	width: 100px;
	text-align: center;
}
table.faqtable tr td.total{
	font-weight: bold;
}
/* -----------------------------------------------------------------------------
SURVEY ELEMENTS
------------------------------------------------------------------------------*/
form.survey, form.survey p {
	width: 95%;
	margin-left: 20px;
}
form.survey p {
	margin: 0 0 10px 0px;
}
form.survey label {
	float: left;
	width: 50px;
}
form.survey label input {
	margin-right: 5px;
}
/* -----------------------------------------------------------------------------
FOOTER ELEMENTS
------------------------------------------------------------------------------*/
#footer{
	border-top: 1px solid black;
	clear: both;
	display: block;
	padding: 0px 0px 15px 0px;
	margin: 20px 0px 10px 0px;
	width: 779px;
}
#footer a{
	text-decoration: underline;
	font-size: 9pt;
	color: black;
}
#footer ul{
	margin: 10px 0px 0px 50px;
	list-style-type: none;
}
#footer li{
	font-size: 9pt;
	float: left;
	margin: 0px 5px 0px 5px;
	text-align: center;
}
/* -----------------------------------------------------------------------------
CLIPBOARD
------------------------------------------------------------------------------*/
body.therapies p.nobg{
	background: none;
	width: 95%;
}
h3.listheading{
	color: #000;
	font-size: 15px;
	width: 375px;
	height: 29px;
	text-align: center;
	text-indent: -5px;
	margin: 0px;
	padding-top: 120px;
	background: url(images/manilatop.png) no-repeat;
}
ul#contentNav{
	margin-left: 10px;
	float: left;
	list-style-type: none;
}
ul#contentNav a{
	color: blue;
}
body.therapies p{
	background: url(images/manilamiddle.png) repeat-y;
	padding: 0px 15px;
	width: 375px;
	margin: 0px;
}
body.therapies ol.numbered{
	background: url(images/manilamiddle.png) repeat-y;
	padding-left: 20px;
	padding-right: 50px;
	width: 325px;
	margin: 0px;
}
body.therapies ol.numbered li{
	padding: 10px;
	margin-left: 14px;
}
.section{
	background: url(images/manilabottom.png) bottom left no-repeat;
	float: right;
	margin-left: 300px;
	margin-top: -230px;
	padding-bottom: 74px;
	width: 375px;
	margin-right: 20px;
}