@charset "utf-8";

*{
margin: 0;
padding: 0;
}

html{
	background: #eee;
}

body {
	font: 100% Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 11pt;
	text-align: center;
	color: #000;
	background: #eee;
	line-height: 130%;
}

.clear{
	clear:both;
	height: 10px;
}

/* Default Styles for h1,p etc*/

h1{
padding-left: 18px;
background: url(../images/arrow.png) no-repeat 0 6px;
font-size: 150%;
padding-bottom: 10px;
}

h2{
font-size: 130%;
padding-bottom: 20px;
color: #333;
}

h3{
font-size: 120%;
color: #888;
padding-bottom: 5px;
padding-top: 10px;
}

p{
padding: 10px 0;
}

a, a:visited, a:link{
	color: #1968eb;
}
a:hover{
	color: blue;
}

/* */

#container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* Header */
#header {
	/*background: #ccffcc;*/
	background: #65a3bb; /* Light Blue */
	background: #008080; /* Teal */
	height: 180px;
}
#header div {
	margin: 0 auto;
	width: 960px;
}
#header div .logo {
	float: left;
	width: 49%;
}
/* end #header */

/* Menu */

#menu{
	background: url(../images/menu.jpg); /* Blue */
	height: 45px;
}

#nav {
	width: 960px;
	margin: 0 auto;  
	position: relative;
	display: block;
	z-index: 20;
}

#nav ul {
	overflow: hidden;
	padding: 0;

}
#nav ul li{
	/* background: url(../images/menudiv.png) no-repeat top right; */
	background: url(../images/menubit.jpg) no-repeat top right;
	display: block;		
	float: left;
	margin: 3px 0 0 0;
	height: 35px;
	text-align: center;
	
	padding: 0 16px 0px 16px; 
}

#nav li a {
	/* color: #333; */
	color: #eee;
	display: block;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	height: 30px;
	line-height: 1em;
	padding: 8px 5px 0;
	text-decoration: none;		
}

#nav a:hover { 
	color: #fff !important; 
}

/* End Nav */


#container{
	width: 960px;
}

/* Content (in box) */

#content_top{
	background: url(../images/content_top.png);
	height: 20px;
	margin-top: 20px;
}
#content{
	background: url(../images/content.png);
	min-height: 400px;
	padding: 0 20px;
}

#content h1{
padding-left: 18px;
background: url(../images/arrow.png) no-repeat 0 6px;
font-size: 150%;
padding-bottom: 10px;
}

#content p{
padding: 10px 0;
}

#content_bottom{
	background: url(../images/content_bottom.png);
	height: 20px;
}

/* end #content */

/* Pane */

.pane{
width: 250px;
float: right;
margin-left: 20px;
margin-bottom: 20px;
clear: both; 
}

.pane .top{
background: url(../images/pane_top_blue.png);
height: 10px;
}
.pane .middle{
background: #66b0af; /*url(../images/pane_middle_blue.png);*/
padding: 0 20px;
color: #fff;
}
.pane .middle p{
padding: 0;
padding-bottom: 10px;
color: #fff;
}
.pane .middle h1{
background-image: none !important;
padding: 0 !important;
font-size: 120% !important;
color: #fff;
}
.pane .bottom{
background: url(../images/pane_bottom_blue.png);
height: 10px; /* was 19*/
}

/* end .pane */

#footer{
	font: 80% Trebuchet MS, Arial, Verdana, sans-serif;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0 10px;
	text-align: right;
	color: #333;
}
#footer .centered{
	text-align: center;
	color: #999;
}
p{
padding: 0;
}
#footer a, #footer a:visited, #footer a:link{
	color: #333;
}
#footer a:hover{
	color: #444;
}

.note{
text-decoration: underline;
color: blue;
font-size: 70%;
}

/* Cols for contact page*/

#col1{
float: left;
width: 480px;
}

#col2{
float: left;
}

/* END cols */

/* Accordian */

.haccordion .header, .haccordion .content{
   float: left;
   height: 275px;
  }
  
  .haccordion .header{
   width: 30px;
   background: #fff;
   color: #fff;
   cursor: pointer;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
  }
  
  .haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
  }
  
  .haccordion .content p, .haccordion .content h3{
   margin: 5px;
   margin-left: 10px;
  }
  
/* END accordian  */

/* Services Page */

#treatments{
background: url(../images/sportsmassage.gif) no-repeat;
height: 200px;
padding: 0px;
width: 920px;
}

#treatments p{
font-size: 80%;
padding: 5px 0 5px 0;
}
#treatments h4{
font-size: 90%;
color: #5690a6; /* was: green */
padding: 0;
}

#treatments .pane{
width: 750px;
float: left;
height: 180px;
margin-top: 10px;
margin-left: 150px;
}

#therapies{
background: url(../images/sportsmassage2.gif) no-repeat;
height: 200px;
margin-top: 10px;
width: 920px;
}

#therapies p{
font-size: 80%;
padding: 5px 0 5px 0;
}
#therapies h4{
font-size: 90%;
color: #5690a6; /* was: green */
padding: 0;
}

#therapies .pane{
width: 750px;
float: right;
height: 180px;
margin-top: 10px;
margin-right: 150px;
}

/* End Services */