/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
height: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

img {border:0 !important;}

a { color: #066; }

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color: #DCE8E8;
}
#wrapper {
	width: 957px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/wrapper_back.jpg);
}
#inner_wrapper {
	background-image: url(images/header.jpg);
	padding-top: 48px;
	background-repeat: no-repeat;
}
#branding {
	height: 76px;
	text-align: left;
}
/* -------------------------------- Top nav ------------------------------ */
#top_nav {
	margin-top: 17px;
	clear: both;
	height: 39px;
	width: 725px;
	float: right;
	margin-right: 14px;
		_margin-right: 7px;
}

#top_nav li{

            list-style: none;
 			float:left;

}
#top_nav ul {
}
#top_nav li a{
            display: block;
            text-indent: -5000px;
            height: 39px;
            background-repeat: no-repeat;
}
/* ----------- Home Button -------------- */
.nav_home a{
            width: 44px;
            background-image: url(images/home_butt.gif);
}

.nav_home a:hover, body#home .nav_home a{
            background-image: url(images/home_butt.gif);
            background-position: left -39px;
}
/* ----------- About Button -------------- */
.nav_about a{
            width: 68px;
            background-image: url(images/about_butt.gif);
}

.nav_about a:hover, body#about .nav_about a{
            background-image: url(images/about_butt.gif);
            background-position: left -39px;
}
/* ----------- Team Button -------------- */
.nav_team a{
            width: 98px;
            background-image: url(images/team_butt.gif);
}

.nav_team a:hover, body#team .nav_team a{
            background-image: url(images/team_butt.gif);
            background-position: left -39px;
}
/* ----------- physio Button -------------- */
.nav_physio a{
            width: 98px;
            background-image: url(images/physio_butt.gif);
}

.nav_physio a:hover, body#physio .nav_physio a{
            background-image: url(images/physio_butt.gif);
            background-position: left -39px;
}
/* ----------- Piltates Button -------------- */
.nav_pilates a{
            width: 55px;
            background-image: url(images/pilates_butt.gif);
}

.nav_pilates a:hover, body#pilates .nav_pilates a{
            background-image: url(images/pilates_butt.gif);
            background-position: left -39px;
}
/* ----------- Business Button -------------- */
.nav_business a{
            width: 86px;
            background-image: url(images/business_butt.gif);
}

.nav_business a:hover, body#business .nav_business a{
            background-image: url(images/business_butt.gif);
            background-position: left -39px;
}
/* ----------- Locations Button -------------- */
.nav_locations a{
            width: 74px;
            background-image: url(images/locations_butt.gif);
}

.nav_locations a:hover, body#locations .nav_locations a{
            background-image: url(images/locations_butt.gif);
            background-position: left -39px;
}
/* ----------- News Button -------------- */
.nav_news a{
            width: 47px;
            background-image: url(images/news_butt.gif);
}

.nav_news a:hover, body#news .nav_news a{
            background-image: url(images/news_butt.gif);
            background-position: left -39px;
}

/* ----------- CSR Button -------------- */
.nav_csr a{
            width: 36px;
            background-image: url(images/csr_butt.gif);
}

.nav_csr a:hover, body#csr .nav_csr a{
            background-image: url(images/csr_butt.gif);
            background-position: left -39px;
}

/* ----------- Offers Button -------------- */
.nav_offers a{
            width: 53px;
            background-image: url(images/offers_butt.gif);
}

.nav_offers a:hover, body#offers .nav_offers a{
            background-image: url(images/offers_butt.gif);
            background-position: left -39px;
}

/* ----------- Contact Button -------------- */
.nav_contact a{
            width: 87px;
            background-image: url(images/contact_butt.gif);
}

.nav_contact a:hover, body#contact .nav_contact a{
            background-image: url(images/contact_butt.gif);
            background-position: left -39px;
}
#main {
	clear: both;
}
/* ------------------------------------------ Left Column ------------------------------- */
#left_column {
	float: left;
	width: 187px;
	margin-right: 19px;
	padding-top: 7px;
	padding-left: 12px;
}
#left_nav h6 {
	height: 22px;
	width: 187px;
	text-indent: -3000px;
	display: block;
}
#left_nav .header_team {
	background-image: url(images/meet.jpg);
}
#left_nav .header_about {
	background-image: url(images/header_about.jpg);
}
#left_nav .list_of_services {
	background-image: url(images/list_of_services.jpg);
}
#left_nav .header_physio {
	background-image: url(images/header_physio.jpg);
}
#left_nav .header_pilates {
	background-image: url(images/header_pilates.jpg);
}
#left_nav .header_locations {
	background-image: url(images/header_locations.jpg);
}
.blue {
	color: #205893;
}
/* ----------------- Left Nav ------------ */
#left_nav {
	width: 187px;
	text-align: left;
}
#left_nav ul{
	background-image: url(images/tabfooter.jpg);
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
#left_nav ul li{
	display: inline;
	padding: 0;
	margin: 0;
	background-image: url(images/buttonback.jpg);
}
#left_nav ul li a{
	color: #408179;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	width: 164px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	font-size: 9px;

} 
#left_nav ul li a:hover, #left_nav ul li a:focus{
	color: #0E2A8D;

}
#left_column p {
	text-align: left;
	padding-left: 20px;
	font-size: 11px;
	padding-right: 10px;
}
/* ------------------ Acupuncture ----------------- */
#accupuncture {
}
.left_img {
	margin-top: 10px;
	margin-bottom: 5px;
}

a.left_cta {
	font-size: 10px;
	font-weight: bold;
	color: #408179;
}
a.left_cta:hover {
	text-decoration:none;
}

#accupuncture h5 {
	background-image: url(images/acupuncture.jpg);
	text-indent: -3000px;
	height: 23px;
	width: 187px;
}
/* ------------------ Pilates ----------------- */
#pilates {
}
.left_img {
	margin-top: 10px;
	margin-bottom: 5px;
}

a.left_cta {
	font-size: 10px;
	font-weight: bold;
	color: #408179;
}
a.left_cta:hover {
	text-decoration:none;
}

#pilates h5 {
	background-image: url(images/header_pilates_arrow.jpg);
	text-indent: -3000px;
	height: 23px;
	width: 187px;
}
/* ------------------ peronal training ----------------- */
#personal{
	margin-top: 20px;
}
#personal h5 {
	background-image: url(images/persoanl.jpg);
	text-indent: -3000px;
	height: 23px;
	width: 187px;
}
#right_column {
	float: left;
	width: 729px;
	margin-top: 7px;
	text-align: left;
}
#footer p {
	float: right;
	font-size: 10px;
	margin-top: 25px;
	margin-right: 15px;
}

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

#right_column h1 {
	font-size: 24px;
	font-weight: normal;
	color: #4e8e86;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}

#right_column h2 {
	font-size: 16px;
	font-weight: normal;
	color: #4e8e86;
}
#right_column p {
	font-size: 12px;
	padding-bottom: 10px;
	padding-right: 15px;
}

#right_column ul {
	font-size: 11px;
	padding-bottom: 10px;
	padding-right: 15px;
	margin-left: 20px;
}
.float_right {
	float: right;
}

.small {
	color: #205893;
	font-size: 14px;
}

#hero {
	background-image: url(images/hero.jpg);
	height: 158px;
	width: 699px;
	margin-bottom: 10px;
	padding: 15px;
}

#hero h2 {
	float: left; 
	width: 100%;
	padding-top: 15px;
}

#hero hr {
	float: left;
	width: 380px;
	height: 1px;
	border: none;
	background: #999;
}

#hero ul {
	float: left;
	width: 100%;
}

#hero ul li {
	font-size: 12px;
	padding-bottom: 5px;
}

#footer {
	clear: both;
	height: 40px;
	background-image: url(images/footer.jpg);
}
.linebox {
	width: 320px;
}

div.wrapper {
	width: 400px;
	position: relative;
	float: left;
} 

div.left { 
width: 50%; 
position: relative; 
float: left; 
} 

div.right { 
width: 50%; 
position: relative; 
float: right; 
}


/* ------------------ Contact Form----------------- */
/* Ccontact Form CSS */


#contactEmail {
	margin-left: 80px;
	margin-bottom: 50px;
}
#right_column fieldset {
	width: 500px;
	border: 1px solid #79AAA4;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


#right_column fieldset table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 5px;
	margin-left: 25px;
	padding-bottom: 10px;
}

#right_column fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #97C6C0;
	padding: 2px;
	background-color: #FFFFFF;
}

#right_column fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #97C6C0;
	padding: 2px;
	background-color: #FFFFFF;
}

#right_column legend {
	color: #205893;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

#feedback fieldset {
	width: 650px;
	border: 1px solid #79AAA4;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


#feedback fieldset table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 5px;
	margin-left: 25px;
	padding-bottom: 10px;
	width: 600px;
}

#feedback fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #97C6C0;
	padding: 2px;
	background-color: #FFFFFF;
}
.feed_butt {
	background-color: #000000;
}


#feedback fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #97C6C0;
	padding: 2px;
	background-color: #FFFFFF;
}

#feedback legend {
	color: #205893;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
#feedback table td {
	font-size: 11px;
}
#feedback select {
	width: 130px;
}