﻿div {
border: 0px solid #FAA00F;
}

body {
	margin: 0;
	padding: 0;
	}
	
#main a {
    text-decoration: none;
    color: #008e98;
    border-bottom: 1px dotted #008e98;
}

#main a:hover {
    border-bottom: 1px solid #008e98;
}

#main a:active {
	border-bottom: none;
	color: red;
}

#main a:visited{
	color: purple;
}

img {
	border: none;
}

body>#container {
	margin: 0 auto;
	min-width: 980px;
	max-width: 1300px;
	position: relative;
}

#top_fade {
	background: #FFFFFF url(images/top_fade.gif) repeat-x;
	height: 10px;
	}


#top_1 {
	background: #FFFFFF url(images/top_new.gif) no-repeat;
	margin-top: 0px !important;
    margin-top: -10px;
	height: 141px;
	width: 153px;
	float: left;
}

#top_2 {
    position: absolute;
	margin-top: 0px !important;
    margin-top: -10px;
	background: #FFFFFF url(images/top.gif) repeat-x;
	height: 108px;
    left: 153px;
	right: 0;
	margin-bottom: 33px;
	min-width: 853px !important;
}

* html #top_2{
	width:100%;
}

#top_3 {
	background: #FFFFFF url(images/right.gif) no-repeat;
	margin: 0px;
	height: 77px;
	width: 74px;
	float: right;
}

#contact {
	height: 23px;
	color: #fff;
    text-align: right;
    position: absolute;
    z-index: 1000;
    font-size: 17px;
    padding: 5px 10px;
    font-family: Helvetica, Arial, sans-serif;
    top: 80px;
    right: 0;
}

#contact a {
  	text-decoration: none;
	color: #fff;
	padding-right: 20px;
}


#menu {
    position: absolute;
	margin-top: 141px !important;
    margin-top: 98px;
    margin-left: 0px;
    left: 0px;
	background: #ffffff url(images/contact.gif) no-repeat;
	width: 180px;
	height: 390px;
	float: left;
	padding-left: 7px;
	padding-top: 20px;
	}
	

#main {
	margin-top: 128px;
	margin-right: 20px;
	margin-left: 210px;
	padding: 10px 10px 30px 10px;
	border: 1px dashed #bde2e4;
	font-family:arial;
	font-size:14px;
	max-width: 900px;
	min-width: 640px;
	min-height: 400px;
	line-height: 1.4;
	overflow: hidden;
}

#image_left {
	background: #ffffff url(images/physio_1.jpg) no-repeat;
	height: 220px;
	width: 227px;
	float: left;
}

#image_right {
	background: #ffffff url(images/physio_2.jpg) no-repeat;
	height: 202px;
	width: 220px;
	float: right;
}

#image_right2 {
	background: #ffffff url(images/physio_3.jpg) no-repeat;
	height: 240px;
	width: 235px;
	float: right;
}

#image_right3 {
	background: #ffffff url(images/physio_4.jpg) no-repeat;
	height: 270px;
	width: 195px;
	float: right;
}


#image_right4 {
	background: #ffffff url(images/physio_5.jpg) no-repeat;
	height: 277px;
	width: 190px;
	float: right;
}

#image_erica {
	background: #ffffff url(images/erica.jpg) no-repeat;
	height: 125px;
	width: 125px;
	float: left;
}


#footer {
	background: #ffffff url(images/footer.gif) repeat-x;
	height: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 6px;
	color: #ffffff;
	font-family:arial;
	font-size:10px;
	text-align: center;
	}
	
#footer a {
	text-decoration: none;
	color: #ffffff;
}

/*Menu*/

#menu ul{
	padding: 0 0 0 5px;
	margin: 0;
	list-style-type: none;
	width: 152px;
}

#menu ul li{
	margin: 0;
	padding: 0;
	display: inline;
}

#menu ul li a{
	color: #fff;
	font-family: Arial, sans-serif;
	display: block;
	font-size: 13px;
	border-bottom: 1px solid #45adb4;
	padding: 3px 4px;
	line-height: 1.3;
	text-decoration: none;
	border: 1px solid #fff;
	margin-bottom: 2px;
}

#menu ul li a:hover{
	background: #31a4ac;
}

/*Active menu items*/
.home #menu .home a,
.book #menu .book a,
.contact #menu .contact a,
.erica #menu .erica a,
.faq #menu .faq a,
.how #menu .how a,
.joinus #menu .joinus a,
.patients #menu .patients a,
.registration #menu .registration a,
.websites #menu .websites a,
.what #menu .what a,
.where #menu .where a,
.whoweare #menu .whoweare a,
.news #menu .news a
{
	background: #45adb4;
	background: #fff;
	color: #008e98;
}

/*Typo*/
h1{
	margin-top: 0;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: .25em;
}

h2{
	margin: 1.5em 0 .25em;
	font-weight: normal;
	font-size: 1.5em;
}

h3{
	margin-bottom: 0;
}

h4{
	margin: .25em 0;
}

ul, ol{
	margin: .25em 0 .75em;
	padding-left: 3em;
}

blockquote{
	background: #F2F9FA;
	padding: 1px 10px;
	border-left: 5px solid #bde2e4;
}

/*Page specifics*/
.home .feature{
	text-align: center;
	margin-bottom: 2em;
}

.registration .notes{
	font-size: .9em;
}

.faq #main h3{
	margin-bottom: .25em;
}

.faq #main p{
	margin-top: .5em;
}

/* Case study page*/
.case-study, .case-study li{
	margin: 0;
}

.case-study li{
	list-style-type: none;
	padding: 10px;
	clear: left;
	overflow: hidden;
	position: relative;
}

.case-study li .caption{
	padding: 30px 20px 10px 360px;
	position: absolute;
	top: 0;
}

.case-study li .image{
	text-align: left;
}

.case-study li.odd .image{
	text-align: right;
}

.case-study li.odd .caption{
	padding-left: 30px;
	padding-right: 360px;
}

.case-study li.odd{
	background: #F2F9FA;
}

.main-image, img.right{
	float: right;
	margin: 0 0 25px 30px;
}

img.left{
	float: left;
	margin: 0 30px 25px 0;
}

#main blockquote{
	clear: right;
}

#case-studies{
	margin-bottom: 1em;
}

/*Sound bites*/
.sound-bite{
	overflow: hidden;
	padding: 5px;
}

.sound-bite p{
	margin-top: 0;
}

.sound-bite .image{
	width: 140px;
	float: left;
}

#main ul{
	display: inline-block;
}
