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

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}


body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0; /*set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif;/* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 770px;
	font-size: 101%;
	background-color: #333333;
	background-image: none;
	background-repeat: repeat;
	background-position: left center;
	background-attachment: scroll;
	line-height: normal;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;

}


#contentbox {
	text-align:left;
	margin-top: 50px;
	height: 1000px;
	color: #000000;
	float: right;
}

#wrapper {
	width: 850px;
	color: #000000;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	background-color: #F3FBFC;
	text-align: left;
	margin-top: 20px;
}


#topphotoplatform {
	width: 850px;
	height: 70px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 80px;

	
}

#header {
	color:#00FFFF;
	background-color: #FFFFFF;
	padding: 10px;

}

#navbarvert{
	width: auto;
	padding-left: 220px;
}
#navagationarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15pt;
	font-variant: normal;
	width: 190px;
	text-align: left;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: none;
	border-bottom-style: none;
	float: left;
	border-right-style: none;
	padding-left: 15px;
	background-color: #B7E2EC;
	padding-top: 7px;
}

#navagationarea h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	}
	
	
#navagationarea h2 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 800;
	font-style: normal;
	color: #000000;
}

#navagationarea ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #000000;
	font-size: 10px;



}
#navagationarea ul li{
	padding:0;
	margin:0;
	color: #000000;
}

#navagationarea ul li a{
	color: #000000;
	text-align: left;
	text-decoration: none;
}

#navagationarea ul li a:hover, #nav ul li a:focus{
	color: #2F95AB;
	font-size: 14px;
	
}

#christmasbody {
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFF;
	margin-right: 15px;
	
}

#christmasbody h1{
	font-family:Arial, Helvetica, sans-serif;
	color: #F00;

	
}

#christmasbody2 {
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 15px;
	background-image: url(Backgrounds/Christmas-female.jpg);
	
}

#christmasbody2 h1{
	font-family:Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: 24px;

	
}

#christmasbody2 h2{
	font-family:"Myriad Pro";
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;

	
}

#christmasbody2 h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #F00;
	padding-right: 10px;
}
#mainbody {
	float: none;
	text-align: justify;
	margin-top: 8px;
	margin-left: 5px;
	padding-right: 20px;
	padding-left: 220px;
	background-repeat: no-repeat;
	background-position: right;
}

#mainbody h4 {
	font-size:12px;
	line-height: 17px;
	color: #2F95AB;
}


#mainbody a:link {
	color: #2F95AB;
	font-weight: bold;
}

#mainbody a:visited {
	text-decoration: none;
	color: #2F95AB;
	font-weight: bold;
	}
#mainbody a:hover {
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #2F95AB;
	}
	
	h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F95AB;
}


#rightsidetext{
	text-align: justify;
	padding-right: 50px;
	padding-left: 250px;
}

#autoscroll{
	overflow:auto;
	text-align:justify;
	height: 360px;
	padding-right: 40px;
}
#autoscroll h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #2F95AB;
	padding-top: 12px;
	}
	
#autoscroll h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F95AB;
}
#autoscroll ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 20pt;
}

#autoscroll ul li a {
	color: #CC33FF;
	text-align: right;
	text-decoration: none;
}
#autoscroll ul li a:hover, #autoscroll ul li a:focus{
	color: #FF0000;
	}
#autoscroll a:link {
	color: #2F95AB;
	font-weight: bold;
}

#autoscroll a:visited {
	text-decoration: none;
	color: #2F95AB;
	font-weight: bold;
	}
#autoscroll a:hover {
	color: #2F95AB;
	text-decoration: none;
	font-weight: bold;
}


#indexnav {
	text-align: left;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 30px;
}

#indexnav ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #000000;



}
#indexnav ul li{
	padding:0;
	margin:0;
	color: #000000;
}

#indexnav ul li a{
	color: #25778B;
	text-align: left;
	text-decoration: none;
}

#indexnav ul li a:hover, #nav ul li a:focus{
	color: #0000FF;
	
}



.rightimage{
	float: right;
	margin-top: 10px;
	margin-left: 20px;
}
.topimage1 {
	margin-right: 5px;
	margin-left: 40px;
	position: relative;
	float: right;
	border: 5px solid #F7F7F7;
}

.clearit {
	display: block;
	clear: both;
	}
/* Therapists page*/

#therpistmainbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
	text-align: justify;
	white-space: normal;
	font-style: normal;
	color: #000000;
	padding-left: 30px;
	width: 90px;
}
#therpistsnavagationarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25pt;
	float: none;
	font-variant: normal;
	text-align: right;
	color: #CCCCCC;
	margin-bottom: 80px;
	border-top-width: 1px;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

#footer {
	background-color: #333333;
	color: #FFF;
	
	
}

#footer h3 {color:#FFFFFF;
}
	h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFFFFF;
	font-style: normal;
	font-weight: normal;
}


#GoogleMap {

}
	
.indentforcontact {
	padding-left: 150px;
	text-indent: 90px;
}
.leftimage{
	float: ;
	float: left;
	margin-bottom: 5px;
	padding: 10px;
}
#contactdetails {
	white-space: normal;
	display: block;
	padding: 10px;
	padding-left: 250px;
	
}

#contactdetails a:link {
	color: #000000;
	font-weight: normal;
}

#contactdetails a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	}
#contactdetails a:hover {
	color: #2F95AB;
	text-decoration: none;
	font-weight: normal;
}
.handwriting {
	font-family: "Lucida Handwriting";
	color: #6DC1B2;
	font-size: 24px;
}
#wrapper #mainbody table tr th {
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #navagationarea ul li h2 a {
	color: #000;
}