/*  
Theme Name: Watermania 
Description: Watermania Sports Therapy Clinic
Version: 1.1.0
Author: Alan Chiu @ deBruynDesign
Author URI: http://www.debruynDesign.com/
*/

* {margin: 0; padding: 0;}

/* clearfix snippet */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
a{
	color: #666;
	text-decoration: none;
}

a:hover{
	color: #01A4E3;
	text-decoration: none;
}

p a{
	color: #01A4E3;
	text-decoration: none;
}

p a:hover{
	color: #666;
	text-decoration: none;
}

img a	{
	outline: none;
	 border-style: none;
}

img {
	outline: none;
	 border-style: none;
}

/********************************************************/
/*                  general layout                      */
/********************************************************/

body {
	background: #fff url('image/bg.jpg') repeat-x top center;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	}
	
body > #container {
	height: 100%;
	}
	
h1 { 
	font-size: 18px; 
	margin-bottom: 10px;
	font-weight: normal;
	color: #01A4E3;
	}
	
h2 {
	color: #209456;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: normal;
	}

ul { margin-bottom: 10px; }

#content p { margin-bottom: 10px; }

p { margin-bottom: 10px; }

.lightblue { color: #01a4e3; }

.darkblue { color: #0060aa; }

.green { color: #209456; }

.borderR { border-right: 1px solid #fff; }

.clear { clear: both; }


	
/********************************************************/
/*                container section                     */
/********************************************************/

/*
.home #container {
	background: #4CAACF;
	width: 950px;
	border-right: 10px solid #eaeaea;
	border-left: 10px solid #eaeaea;
	margin-left: 23.5%;
	height: 100%;
	position: absolute;
	}
*/

.home #container { min-height: 1000px; }

#container {
	background: #4CAACF;
	width: 950px;
	border-right: 10px solid #eaeaea;
	border-left: 10px solid #eaeaea;
	margin: auto;
	}


table img{
border: 3px solid #b2c8d3;
 	
}

table {
background-attachment:scroll;

background-position:0 0;
background-repeat:repeat;
height:50px;
 	
}

#contact table  {
background-attachment:scroll;

background-position:0 0;
background-repeat:repeat;
height:40px;
 	
}

#operation td{
padding: 2px;	
}

td {
	padding: 0px;
}

#staff td {
	padding: 5px;
}


/********************************************************/
/*                  header section                      */
/********************************************************/

#header { 
	background: url('image/headerBG.jpg') no-repeat;
	height: 159px;
	position: relative;
	}
	
#logo {
border:medium none;
height:115px;
left:32px;
position:absolute;
top:34px;
width:205px;
z-index:1000;
}

#frag {
	position: absolute;
	border: none;
	top: 20px;
	right: 20px;
	z-index: 1000;
	}
	
/********************************************************/
/*               navigation section                     */
/********************************************************/

#nav {
	width: 700px;
	height: 50px;
	padding-top: 90px;
	padding-left: 250px;
	position: relative;
	}

#nav li {
	list-style: none;
	float: left;
	font-size: 15px;
	/*border: 1px solid #CECECE;*/
	background: url('image/navBG.jpg') no-repeat;
	line-height: 13px;
	margin-right: 10px;
	text-align: center;
	width: 106px;
	}

#nav li a { 
	text-decoration: none;
	color: #00a4e3;
	display: block;
	padding: 10px;
	}

#nav ul ul { 
	display: none;
	position: absolute;
	border: 1px solid #CECECE;
	z-index: 100;
	background: #fff;
	margin-left: -2px;
	}
	
#nav ul ul li:hover, #nav ul ul li.current_page_item:hover { background: #dcf1f9; }
	
#nav ul ul li {
background:transparent none repeat scroll 0 0;
border:medium none;
float:none;
margin-right:0;
text-align:left;
width:160px;
}
	
	
#nav ul ul li a { font-size: 12px; }

#nav ul ul li a, #nav li.current_page_item  ul li a, #nav li:hover ul li a { color: #7d7d7d; }

#nav li.current_page_item, #nav li:hover{ background: url('image/navHover.jpg') no-repeat; }

#nav li.current_page_parent { background: url('image/navHover.jpg') no-repeat; }


#nav li.current_page_item a, #nav li:hover a { color: #fff; }

#nav ul ul li.current_page_item { background: #DCF1F9; }

#nav li:hover ul { display: block; }

#nav li.page-item-8 { font-size: 12px; }

#nav li.page-item-8 a { padding: 5px; line-height: 11px;}


/********************************************************/
/*                  content section                     */
/********************************************************/

#content_wrapper { background: #fff; }

#content { 
	position: relative; 
	min-height: 500px;
	width: 718px;
	float: left;
	}

/* Home Page Section */

.home #content { 
	height: 380px;
	float: none;
	min-height: 0;
	background: #fff;
	}

#slideshow { z-index: 99; margin-bottom: 0px;}

#slideshow li { list-style: none; }

#slideshow li img { 
	width: 950px; 
	height: 345px;
	}

#swirl {
	background: url('image/swirl.png') no-repeat;
	position: absolute;
	top: 246px;
	height: 100px;
	width: 950px;
	z-index: 100;
	}

#mainText {
	position: absolute;
	top: 360px;
	left: 32px;
	width: 600px;
	font-weight: regular;
	z-index: 100;
	line-height: 19px;
	}
	
#mainText h1 { font-weight: normal; }

/* Sub Page Section */

#subHeader {
	background: url('image/subHeader.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderWater {
	background: url('image/hydrotherapy.jpg') no-repeat;
	height: 247px;
	}

#subHeaderKinesiology {
	background: url('image/kinesiology.jpg') no-repeat;
	height: 247px;
	}
#subHeaderPhysiotherapy {
	background: url('image/physio.jpg') no-repeat;
	height: 247px;
	}

#subHeaderPhysiotherapists {
	background: url('image/physio.jpg') no-repeat;
	height: 247px;
	}

#subHeaderMassageTherapists {
	background: url('image/massage.jpg') no-repeat;
	height: 247px;
	}

#subHeaderKinesiologist {
	background: url('image/kinesiology.jpg') no-repeat;
	height: 247px;
	}

#subHeaderMassageTherapy {
	background: url('image/massage.jpg') no-repeat;
	height: 247px;
	}

#subHeaderFitToWork {
	background: url('image/fittowork.jpg') no-repeat;
	height: 247px;
	}	
	
#subHeaderTherapists {
	background: url('image/therapists.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderNews {
	background: url('image/news.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderFAQ {
	background: url('image/FAQ.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderContact {
	background: url('image/contact.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderAppointment {
	background: url('image/book_appointment.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderLastestNews {
	background: url('image/subHeader.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderNews {
	background: url('image/subHeader.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderInjury {
	background: url('image/injuryotm.jpg') no-repeat;
	height: 247px;
	}
	
#subHeaderExercise {
	background: url('image/exerciseotm.jpg') no-repeat;
	height: 247px;
	}
	#subHeaderEducation {
	background: url('image/education.jpg') no-repeat;
	height: 247px;
	}
	
	#subHeaderArticles {
	background: url('image/articles.jpg') no-repeat;
	height: 247px;
	}

#subHeaderOperation {
	background: url('image/contact.jpg') no-repeat;
	height: 247px;
	}

#subHeaderFees {
	background: url('image/fees.jpg') no-repeat;
	height: 247px;
	}

#subHeaderLinks {
	background: url('image/links.jpg') no-repeat;
	height: 247px;
	}	
	
.post {
clear:left;
float:left;
padding:0 30px 30px;
}
/* Contact Page */

element.style {
z-index:910;
}
#contactInfo {
left:450px;
position:absolute;
top:285px;
}
#googlemap{
	border:none;
}
/********************************************************/
/*                 sidebar section                      */
/********************************************************/

#sidebar {
	float: left;
	background: url('image/sideBG.jpg') repeat-y;
	width: 219px;
	font-size: 12px;
	}

#sidebar h2 { 
font-size: 16px;
font-weight:normal;
color: #01a4e3; 
text-decoration: none;}

#sideTop {
	background: url('image/sideTop.jpg') no-repeat;
	height: 8px;
	}
	
#sideBottom {
	background: url('image/sideBottom.jpg') no-repeat;
	height: 8px;
	}
	
#sideContent {
	padding: 17px;
	}
	
#sideContent li { list-style: none; }

#sideContent li a {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}
	
#sideContent li a:hover { color: #0060aa; font-weight: normal; }

#sideContent .shadowbox a img {
border:medium none;
height:70px;
margin-bottom:5px;
margin-right:5px;
width:82px;
}
/********************************************************/
/*                  footer section                      */
/********************************************************/

#footer { 
	color: #fff;
	background: #4CAACF url(image/footerBG.jpg) no-repeat scroll 0 0;
	height: 344px;
	font-size:10px;
	}

#footer li { 
	list-style: none;
	float: left;
	padding: 0 10px;
	}

#footer li a { 
	text-decoration: none;
	color: #fff;
	}

#footer_inner {
	padding-top: 170px;
	padding-left: 165px;
	opacity: 0.9;
	}
	
/********************************************************/
/*                comment form section                  */
/********************************************************/

#comment {
	width: 650px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.nocomments { display: none; }

/********************************************************/
/*                 blog section                         */
/********************************************************/

.entry {
clear:left;
float:left;
padding-bottom:0px;
}

#twitter_update_list li{
	border-bottom: 1px solid #209456;
	margin-bottom: 5px;
	padding-bottom:5px;
	
}

#social_media a{
border-style: none;
	vertical-align: middle;
}

   
 /* Z-index of #mask must lower than #boxes .window */  
 #mask {  
   position:absolute;  
   z-index:9000;  
   background-color:#000;  
   display:none;  
 }  
     
 #boxes .window {  
   position:absolute;  
   width:440px;  
   height:200px;  
   display:none;  
   z-index:9999;  
   padding:20px;  
 }  
   
   
 /* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:375px;   
  height:203px;  
}  

#discipline .wpcf7-list-item {
display:list-item;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


select{
	width:204px;
}

#discipline .wpcf7-list-item-label{
	padding-left: 5px;
}



.wp-caption{
	float:left;
margin-bottom:10px;
margin-right:10px;
margin-top:10px;
	
}

.wp-caption p.wp-caption-text {
	background-color:#c8edfd;

   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




#content ul {
list-style-position:inside;
list-style-type:disc;
margin-left:0px;
}