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

body { margin-top:10px; background-color:#FFF; background: url(assets/bodyBackground.jpg) top left repeat-x; }

p, h1, h2, h3, h4, ul, li { font-family:Verdana, Arial, Helvetica, sans-serif; }
h2, h3, h4 { margin:10px 10px 10px 20px; font-weight: 700; letter-spacing:0pt; }
p { margin:10px 15px 0px 20px; font-size:0.8em; font-weight:normal; color:#384b62; letter-spacing: 0.2pt; }
h1 { margin:13px 10px 30px 20px; font-size:1.3em; font-weight:normal; color:#FFF; letter-spacing: 0.2pt; background-color: #55565a; }
h2 { font-size:0.9em; color:#384b62; }
h3 { font-size:1.1em; color:#449bcf;  }
h4 { font-size:1.1em; color:#2d4e61; }
.lightbluetext {color: #7ecdff; }
.midbluetext {color: #449bcf; font-weight:bold; font-size:1.0em; }
td p{ font:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#444; padding:0px; padding-bottom:10px; }
.pB{ font-weight:800; font-size: 0.9em; }
.pContact{ font-size:0.9em; color:#d9eefc; color:#FFF; text-align:left; padding:0px; }
.pEmail{ font-size:0.7em; color:#d9eefc; color:#FFF; text-align:left; padding:0px; }

a { font-style:normal; font-weight:normal; font-variant:normal;outline:none; } 
a:link { color:#333; text-decoration:underline; }
a:visited { color:#333; text-decoration:underline; }
a:hover { color:#336; text-decoration:none; }
a:active { color:#333; text-decoration:none; }

#surroundBox { position:relative; width:852px; margin: 0px auto; }
.surround-home { height: 700px; }
.surround-meet { height: 2500px; }
.surround-why {	height:1250px; }
.surround-treatments { height:1200px; }
.surround-physio { height:1450px; }
.surround-sports { height:1600px; }
.surround-holistic { height:1530px; }
.surround-mobility { height:1120px; }
.surround-coverage { height:1300px; }
.surround-prices { height:1430px; }
.surround-links { height:950px; }
.surround-one {	height:1100px; }

#navBox { height:40px; width:850px; position:absolute; margin-top:2px; margin-left:25px; background: url(assets/navBackground.gif) top left no-repeat; }

#mainBox { position: absolute; width:850px; margin-top:41px; margin-left:25px; border-top:#FFF; background-color:#FFF; }
.main-home { height:680px; background:url(assets/HomeMainImage2.jpg) top left no-repeat; }
.main-meet { height:2500px; }
.main-why { height:1150px; }	
.main-treatments { height:1100px; }	
.main-physio { height:1350px; }	
.main-sports { height:1500px; }
.main-holistic { height:1430px; }	
.main-mobility { height:1020px; }
.main-sitemap { height:600px; background: url(assets/sitemapBackground.jpg) top left no-repeat; }
.main-coverage { height:1200px; }
.main-prices { height:1330px; }	
.main-links { height:850px; }
.main-one { height:960px; }

#logoBox { padding:0px; height:70px; width:800px; position:absolute; border:#CCCC33 1px solid; }

#leftBox { left:0px; top:200px; width:231px; position: absolute; padding-top:10px; background-color:#2d4e61; }
.leftBoxMeet { height:2220px; background: url(assets/testimonials_01.jpg) top left no-repeat; }
.leftBoxWhy { height:900px; }
.leftBoxTreatments { height:850px; }
.leftBoxPhysio { height:1100px; }
.leftBoxSports { height:1250px; }
.leftBoxHolistic { height:1180px; }
.leftBoxMobility { height:770px; }
.leftBoxOne { height:750px; }
.leftBoxCoverage { height:950px; }
.leftBoxPrices { height:1080px; }
.leftBoxLinks { height:600px; }

#centerBox { left:231px; top:200px; height:auto; position: absolute; background: url(assets/centreBoxBackground.gif) 
top left repeat-x; }
.centerBoxWhy { width:485px; }
.centerBoxMatt { width:380px; }
.centerBoxOne { width:420px; }
.centerBoxTreatments { width:420px; }

#rightBoxMatt { left:610px; top:200px; width:240px; height:2220px; position: absolute; background: url(assets/meetMattSub.jpg) top center no-repeat; background-color:#55565a; }
.rightBoxBackground { background:url(assets/centreBoxBackground.gif) top center repeat-x; }

#centerBoxForm { left:231px; top:200px; width:620px; height:930px; position: absolute; background: url(assets/centreBoxBackground.gif) top left repeat-x; }
#formBox { left:20px; top:0px; width:550px; height:925px; position: absolute; }
#rightBox { left:651px; top:200px; width:199px; height:910px; position: absolute; }
#rightBoxWhy { left:710px; top:200px; width:140px; height:300px; position: absolute; background-repeat:no-repeat; }
#whyMobileBox { padding:0px; height:120px; width:160px; top:550px; right:30px; position:absolute; }
#whyMobileBoxHome { padding:0px; height:159px; width:160px; bottom:90px; right:14px; position:absolute; }
#whyMobileBoxTreatments { padding:0px; height:120px; width:160px; top:650px; right:0px; position:absolute; }
#contactBox{ left:15px; top:115px; width:200px; height:100px; position: absolute; background: url(assets/contactBoxBackground.jpg) top left no-repeat; }
#bottomBox { bottom:0px; height:80px; width:850px; position:absolute; padding:0px; background-color:#336699; background: url(assets/bottomBackground.gif) bottom left no-repeat; }

#masthead { padding:0px; height:200px; width:850px; position:absolute; }
.meetMatt { background-image: url(assets/meetMattMain.jpg); }
.whyMobile { background-image:url(assets/whyMobileMain.jpg); }
.prices { background-image:url(assets/pricesMain.jpg); }
.whyPhysio { background-image:url(assets/whyPhysioMain.jpg); }
.treatments { background-image: url(assets/treatmentsMain.jpg); }
.physiotherapy { background-image: url(assets/physioMain.jpg); }
.personalTraining { background-image: url(assets/personalTraining.jpg); }

.sportsMassage { background-image: url(assets/sportsMassageMain.jpg); }
.holistic { background-image:url(assets/holisticMain.jpg); }
.mobility { background-image:url(assets/mobilityMain.jpg); }
.links { background-image:url(assets/linksMain.jpg); }
.contactMatt { background-image: url(assets/contactMain.jpg); }

.treatmentsSub { background-image: url(assets/treatmentsSub.jpg); background-repeat:no-repeat; }
.physioSub { background-image: url(assets/physioSub.jpg); background-repeat:no-repeat; }
.sportsMassageSub { background-image: url(assets/sportsMassageSub.jpg); background-repeat:no-repeat; }
.holisticSub { background-image:url(assets/holisticSub.jpg); background-repeat:no-repeat; }
.mobilitySub { background-image:url(assets/mobilitySub.jpg); background-repeat:no-repeat; }	
.trainingSub { background-image:url(assets/personalTrainingSub.jpg); background-repeat:no-repeat; }

.linksSub { background-image:url(assets/linksSub.jpg); background-repeat:no-repeat; }

#mainMenu { padding: 0; width:848px; }
#mainMenu ul { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; margin:0; padding: 0; margin-top:9px; margin-left:8px; list-style: none; float:left; }
#mainMenu li { display: inline; padding: 0; text-transform:none; }
#mainMenu a { float: left; display: block; color:#003; margin: 0 15px; text-decoration: none; letter-spacing:0px; }
#mainMenu a:hover { color:#36C; }
#mainMenu #currentMainMenu a { color:#F60; }
		
#subMenu { width:300px; height:350px; left:140px; top:250px; position:absolute; }
#subMenu ul { width:300px; }
#subMenu li { list-style:none; font-size:1.2em; text-align: right; text-transform: none; margin: 1px 0px; /*Margin between menu items*/ }
#subMenu a { width:300px; display:block; color:#333; font-weight: normal; text-decoration:none; padding:3px 0px; }
#subMenu li a:hover { color: #F60; }
	
#locationMenu { width:300px; height:200px; left:480px; top:250px; position:absolute; }
#locationMenu ul { width:300px; }
#locationMenu li { list-style:none; font-size:1.2em; font-weight: normal; color:#666; text-align: left; text-transform: none; text-decoration:none; margin: 1px 0px; /*Margin between menu items*/ padding:3px 0px; }
	
#treatmentsMenu { width:300px; height:auto; left:-10px; top:47px; position:absolute; }
#treatmentsMenu ul { width:300px; }
#treatmentsMenu li { list-style:none; font-size:1.1em; text-align: left; text-transform: none; margin: 1px 0px; /*Margin between menu items*/ }
#treatmentsMenu a { width:300px; display:block; color: #69C; font-weight: normal; text-decoration:none; padding:3px 0px; }
#treatmentsMenu li a:visited {color:#69C; }
#treatmentsMenu li a:hover { color: #66CCFF; }
#treatmentsMenu #currentTreatment a{ /*currently selected treatment*/ color:#FFF; }

#sitemapMenu { width:300px; height:350px; left:390px; top:120px; position:absolute; }
#sitemapMenu ul { width:300px; } 
#sitemapMenu li { list-style:none; font-size:1em; text-align:left; text-transform: none; margin: 1px 0px; /*Margin between menu items*/ }
#sitemapMenu a { width:300px; display:block; color:#333; font-weight: normal; text-decoration:none; padding:3px 0px; }
#sitemapMenu li a:hover { color: #F60; }
	
#sitemapLink { width:246px; height:30px; border:0; left:10px; top:7px; position: absolute; font-size:0.8em; }
#sitemapLink a { color:#CCC; text-decoration:none; } 
#sitemapLink a:hover { color:#6699FF; text-decoration: underline; }
	
#eRocketLink { width:300px; height:30px; border:0; left:570px; top:7px; position: absolute; font-size:0.8em; }
#eRocketLink a { color:#CCC; text-decoration:none; letter-spacing:0; }
#eRocketLink a:hover { color:#6699FF; text-decoration: underline; }