/* CSS Document 2008 Mezzanine Creative www.mezzaninecreative.co.uk */
/*=================MAIN START==============*/

.tt1 {background:#FF0000;}
.tt2 {background:#FF00FF;}
.tt3 {background:#FFFF00;}

html { background:#444;}

body {font: 12px/1.2 Arial, Helvetica, sans-serif;color:#555;background:#636363 url(../_images/back.png) repeat-y 50% 0; margin-bottom:60px;}

a:focus {outline: 1px dotted invert;}

a:link {color:#555; text-decoration:none;}
a:visited {color:#555; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}

#leftColumn a:link {color:#CCC; text-decoration:none;}
#leftColumn a:visited {color:#CCC; text-decoration:none;}
#leftColumn a:hover {color:#000; text-decoration:none;}
#leftColumn a:active {color:#000; text-decoration:none;}

#footer a:link {color:#888; text-decoration:none;}
#footer a:visited {color:#888; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:none;}
#footer a:active {color:#333; text-decoration:none;}

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

p {}

h1 {font-size:25px;width:440px;height:30px;padding:0;margin:0;}
h2 {font-size:23px; margin:20px 20px 0 0;}
h3 {font-size:21px;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}

div#testimonialsInclude h1, div#folioInclude h1 {font-size:24px;position:absolute;width:290px;height:25px;top:-30px;left:0px;padding:10px;margin:0;background:#E7E3D2;color:#7C9F89;}
.folioD h2 {margin:0;padding:0;color:#7C9F89;}
.folioD h3 {color:#A4967A;font-weight:normal;font-size:14px;}
#contactHeader1 h1 {font-size:25px;width:420px;height:40px;padding:0;margin:0 0 0 20px;}
#contactHeader2 h2 {font-size:25px;width:420px;height:40px;padding:0;margin:0;}

.xxsmall {font-size:10px;}
.xsmall {font-size:11px;}
.small {font-size:14px;}
.medium {font-size:16px;}
.large {font-size:20px;}
.xlarge {font-size:26px;}
.xxlarge {font-size:32px;}

ol {list-style:decimal;}
ul {list-style:square;}
li {margin-left:30px;margin-top:3px;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 20px;}

#wrapper {overflow:hidden;}

.marginLeft {margin-left:20px;}
.marginRight {margin-right:20px;}
.marginTop {margin-top:20px;}
.marginBottom {margin-bottom:20px;}
.marginLeftHalf {margin-left:10px;}
.marginRightHalf {margin-right:10px;}
.marginTopHalf {margin-top:10px;}
.marginBottomHalf {margin-bottom:10px;}
.marginBottomNone {margin-bottom:0;}

.contentImageLeft {float:left;}
.contentImageRight {float:right;}

/*GREEN*/ .colorOne {color:#91B5A0;}
/*LIGHT GREEN*/ .colorTwo {color:#B0D0BC;}
/*LIGHT RED*/ .colorThree {color:#CC5C6A;}
/*GREY*/ .colorFour {color:#555;}
/*DARK GREEN*/ .colorFive {color:#7C9F89;}
/*RED*/ .colorSix {color:#DF373E;}
/*LIGHT GREY*/ .colorSeven {color:#DDD;}
/*MID GREY*/ .colorEight {color:#AAA;}
/*WHITE*/ .colorNine {color:#FFF;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.beigeBorder {border:1px solid #E7E3D2;padding:15px;}
.beigeBack {background:#EAE7D4;}

/*=================MAIN END==============*/

/*=================HEADER START==============*/

#header { background:url(../_images/header_back.png) no-repeat 0 0; padding:20px 0 0 0;}
img.topImg {border-left:1px solid #91B5A0;float:left;margin:0 2px 0 0;}
#topImgBack {width:185px;float:right;padding:0 0 0 20px;background:url(../_images/tick.png) no-repeat 0 0;border-left:1px solid #91B5A0;border-right:1px solid #91B5A0;}
div.disabled {background:url(../_images/disabled.jpg) 142px 15px no-repeat;}

/*=================HEADER END==============*/

/*=================CONTENT START==============*/

#content {background:url(../_images/contBck.png) no-repeat;}
#content.index {background:url(../_images/contBckW.png) repeat-y;}

/*=====MENU TOP START=====*/
#menuTop {font-size:14px;color:#FFF;position:relative;margin-top:8px;z-index:2;}
#menuTop ul {float:left;width:930px;height:38px;padding:0 0 0 10px;margin:0;list-style-type:none;background:url(../_images/topMenuBack.png) repeat-x 0 0;}
#menuTop ul li a {float:left;text-align:center;height:32px;text-decoration:none;color:#FFF;padding:6px 5px 0;margin:0;background: url(../_images/topMenuBack.png)  repeat-x 0 0;}
#menuTop ul li {display:inline;}
#menuTop ul li a:hover {background:#7CA18B url(../_images/topMenuBackH.png) repeat-x;}

/*=====MENU TOP END=====*/

/*======LEFT COLUMN START======*/

#leftColumn {background:#636363;margin-top:-10px;color:#EEE;}
#leftColumn p, #leftColumn h2, #leftColumn h3 {margin-left:20px; margin-right:20px;}
div.leftColumnInclude {background:#707070;padding:20px 0;}
div.leftColumnInclude ol li {font-size:18px;color:#91B5A0;margin-left:40px;}
div.leftColumnInclude ol li span {font-size:14px;color:#FFF;}
#rightColumnImages {float:left;width:150px;margin:20px 0 0 0;}
#rightColumnImages img {margin-bottom:10px;}
#rightColumnText {float:left;width:310px;}
#practiceViewer {margin:20px;}
#practiceViewer img {margin:0 5px 5px 0;height:60px;}

/*======LEFT COLUMN END======*/

/*======MAIN COLUMN START======*/

#fullColumn {margin-top:-8px;}
#pixWrap {width:940px;height:277px; background:url(../_images/mainBanner01.jpg) no-repeat 0 0;}
#pics {width:940px;height:277px;overflow:hidden;z-index:2;}

#treatBox {overflow:hidden;padding:0 0 30px 28px;}
#treatBox a {display:block;width:266px;margin:28px 28px 0 0;height:112px;float:left;color:#D1D1D1;font-size:23px;padding:5px 0 0 10px;}
#treatBox a:hover {color:#636363;}
#treatBox a:hover span {color:#FFF;}
a#treat01 		{background:url(../_images/treat001_off.jpg) no-repeat 0% 100%;}
a#treat01:hover {background:url(../_images/treat001.jpg) no-repeat 0% 100%;}
a#treat02 		{background:url(../_images/treat002_off.jpg) no-repeat 0% 100%;}
a#treat02:hover {background:url(../_images/treat002.jpg) no-repeat 0% 100%;}
a#treat03 		{background:url(../_images/treat003_off.jpg) no-repeat 0% 100%;}
a#treat03:hover {background:url(../_images/treat003.jpg) no-repeat 0% 100%;}
a#treat04 		{background:url(../_images/treat004_off.jpg) no-repeat 0% 100%;}
a#treat04:hover {background:url(../_images/treat004.jpg) no-repeat 0% 100%;}
a#treat05 		{background:url(../_images/treat005_off.jpg) no-repeat 0% 100%;}
a#treat05:hover {background:url(../_images/treat005.jpg) no-repeat 0% 100%;}
a#treat06 		{background:url(../_images/treat006_off.jpg) no-repeat 0% 100%;}
a#treat06:hover {background:url(../_images/treat006.jpg) no-repeat 0% 100%;}
a#treat07 		{background:url(../_images/treat007_off.jpg) no-repeat 0% 100%;}
a#treat07:hover {background:url(../_images/treat007.jpg) no-repeat 0% 100%;}
a#treat08 		{background:url(../_images/treat008_off.jpg) no-repeat 0% 100%;}
a#treat08:hover {background:url(../_images/treat008.jpg) no-repeat 0% 100%;}
a#treat09 		{background:url(../_images/treat009_off.jpg) no-repeat 0% 100%;}
a#treat09:hover {background:url(../_images/treat009.jpg) no-repeat 0% 100%;}
a#treat10 		{background:url(../_images/treat013_off.jpg) no-repeat 0% 100%;}
a#treat10:hover {background:url(../_images/treat013.jpg) no-repeat 0% 100%;}
a#treat11 		{background:url(../_images/treat011_off.jpg) no-repeat 0% 100%;}
a#treat11:hover {background:url(../_images/treat011.jpg) no-repeat 0% 100%;}
a#treat12 		{background:url(../_images/treat012_off.jpg) no-repeat 0% 100%;}
a#treat12:hover {background:url(../_images/treat012.jpg) no-repeat 0% 100%;}
a#treat13 		{background:url(../_images/treat014_off.jpg) no-repeat 0% 100%;}
a#treat13:hover {background:url(../_images/treat014.jpg) no-repeat 0% 100%;}
a#treat14 		{background:url(../_images/treat015_off.jpg) no-repeat 0% 100%;}
a#treat14:hover {background:url(../_images/treat015.jpg) no-repeat 0% 100%;}

#folioWrapper {border:1px solid #E7E3D2;padding:15px;margin:30px 20px;width:865px;height:500px;}
#folioInclude {background:#E7E3D2;height:500px;position:relative;}
#testiLeftInclude {background:#E7E3D2;height:500px;width:265px;float:left;}
#testimonialsInclude {background:#E7E3D2;height:500px;width:600px;float:right;position:relative;}
div.folioFragments {position:relative;}
#testiTabs, #folioTabs {float:right;width:140px;margin:20px 0 0 0;}
#testiTabs ul, #folioTabs ul {margin:0;padding:0;list-style:none;}
#testiTabs ul li, #folioTabs ul li {margin:0;padding:0;}
#testiTabs ul li a, #folioTabs ul li a {display:block;margin:0;width:130px;padding:3px 5px;text-align:right;color:#A4967A;}
#testiTabs ul li a:hover, #testiTabs ul li.ui-tabs-selected a, #folioTabs ul li a:hover, #folioTabs ul li.ui-tabs-selected a {background:#FFF;}
#testiTabs ul li a span, #folioTabs ul li a span {color:#7C9F89;font-size:12px;font-weight:bold;}

.folioL {position:absolute;width:400px;height:170px;left:60px;top:60px;}
.folioLarge {position:absolute;width:600px;height:380px;left:60px;top:60px;}
.folioD {position:absolute;width:400px;height:170px;left:60px;top:280px;}
#folioM {position:absolute;width:192px;height:240px;left:320px;top:165px;}
#folioR {position:absolute;width:192px;height:240px;left:524px;top:165px;}
#secImg {margin:8px 0 0 0;}
.folioD p {color:#A4967A;font-size:16px;}
.folioL p {font-size:36px;color:#A4967A;padding:20px;}

div#testimonialsInclude div.folioFragments div.folioL {position:absolute;width:308px;height:385px;left:0px;top:20px;}
div#testimonialsInclude div.folioFragments div.folioD {position:absolute;width:395px;height:140px;left:20px;top:240px;}

#fullColumn dl {width:880px;overflow:hidden;background:url(../_images/team_back.jpg) 0 0 no-repeat;margin:30px 0 0 30px;padding:24px 0 40px 0;}
#fullColumn dl dt {float:left;width:370px;}
#fullColumn dl dt img {margin:0 0 0 37px;}
#fullColumn dl dd {float:left;width:500px;line-height:1.6;color:#685F7F;}
#fullColumn dl dd h2 {height:30px;font-size:20px;margin:0;padding:0;color:#7CA18B;}

#loader {width:460px; height:312px;}

/*======MAIN COLUMN END======*/


/*======RIGHT COLUMN START======*/

#rightColumn {color:#EEE;}
#rightColumn p {margin-right:20px;}
ul.treatmentsList {width:200px;float:left;}
div.contactBox {background:#A5C4B2;padding:10px;overflow:hidden;}
div.contactBox a.emailC {display:block;float:left;width:298px;height:20px;padding:8px 5px 2px;font-size:14px;background:url(../_images/topMenuBackH.png) repeat-x;color:#EEE;font-weight:bold;letter-spacing:-1px;}
div.contactBox a.phoneC {display:block;float:left;width:110px;height:20px;padding:8px 5px 2px;margin:0 0 0 10px;font-size:14px;background:url(../_images/topMenuBack.png) repeat-x;color:#EEE;font-weight:bold;letter-spacing:-1px;}
ul#beforeAfter {text-transform:uppercase;margin:0 0 40px 25px;list-style:none;}
ul#beforeAfter li {margin:0;padding:0;}
ul#beforeAfter li img {margin:0 10px 10px 0;}
#fees tr td {height:20px;padding:0 5px;}
#fees tr.darkRow td {background:#7CA18B;height:25px;}


/*======RIGHT COLUMN END======*/

/*=================CONTENT END==============*/

/*=================FOOTER START==============*/

#footer {text-align:center;padding:20px 0;background:#EAE7D4;color:#AFA66D;}

/*=================FOOTER END==============*/