/* CSS Document */

* {margin: 0; padding: 0;}
* 
/*CSS coding for 'index.html'*/
body {
  font: 96.5%/1.4 verdana, "Trebuchet MS", sans-serif;
  background: #ffffff url(graphics/body-aesthetics.png) repeat-x 0 0;
  }
  
#container {
  background: url(graphics/container-bg.png) repeat-x 0 0;
  margin: 0 auto;
  width: 730px;
  position: relative;
  overflow: hidden;
  }
  
#header {
  margin: 0px 0px -10px 0px;
  }
  
#header img {
  border: 0;
  }
  
#content-wrapper {
  overflow: hidden;
  width: 93%;
  float: right;
  background: #ffffff url(graphics/logo-symbol.png) no-repeat 0 100%;
  }
  
#introduction-wrapper {
  overflow: hidden;
  width: 480px;
  float: right;
  } 
  
#titles {
  font: 150% georgia, arial, serif;
  color: #9797ff;
  float: right;
  letter-spacing: 4px;
  margin-top: 30px; 
  }
  
#information {
  width: 473px;
  float: right;
  margin-top: 30px;
  }
  
#information blockquote {
  color: #093696;
  font-style: italic;
  }
  
#news-wrapper {
  overflow: hidden;
  width: 650px;
  float: right;
  }
  
#news {
  margin-top: 60px;
  float: right;
  width: 90%;
  font: 150%/1.4 verdana, "Trebuchet MS", sans-serif;
  }
  
.highlights {
  text-transform: uppercase;
  font: 150%/1.4 verdana, "Trebuchet MS", sans-serif;
  color: #093696;
  text-shadow: #9797ff 1px 1px;
  }
  
.alt-para {
  float: left;
  font: 80%/1.4 verdana, "Trebuchet MS", sans-serif;
  color: #9797ff;
  }
  
#news address {
  text-align: center;
  float: right;
  width: 100%;
  color: #000000;
  list-style: none;
  font-family: verdana, "Trebuchet MS", sans-serif;
  font-size: 0.8em;
  margin: 10px 20px 0px 0px;
  text-transform: uppercase;
  font-weight: bold;
  }
  
#navigation {
  margin: 20px 0px 0px -15px;
  float: left;
  width: 30%;
  padding-bottom: 20px;
  }
  
#navigation li {
  padding: 10px;
  list-style: none;
  }
  
#home a {
  background: url(graphics/home.png) no-repeat 0 0;
  height: 29px;
  display: block;
  text-indent: -1000em;
  }
  
#home-rollover a {
  background: url(graphics/home-rollover.png) no-repeat 0 0;
  height: 29px;
  width: 90%;
  display: block;
  text-indent: -1000em;
  }
  
#home-rollover a:hover, #home-rollover a:focus {
  background: url(graphics/home-hover.png) no-repeat 35% 10%;
  height: 29px;
  width: 100%;
  display: block;
  text-indent: -1000em;
  } 
  
#about a {
  background: url(graphics/about.png) no-repeat 0 0;
  height: 29px;
  display: block;
  text-indent: -1000em;
  }
  
#about-rollover a {
  background: url(graphics/about-rollover.png) no-repeat 0 0;
  height: 29px;
  width: 90%;
  display: block;
  text-indent: -1000em;
  }
  
#about-rollover a:hover, #about-rollover a:focus {
  background: url(graphics/about-hover.png) no-repeat 20% -120%;
  height: 29px;
  width: 100%;
  display: block;
  text-indent: -1000em;
  } 
  
#services a {
  background: url(graphics/services.png) no-repeat 0 0;
  height: 29px;
  display: block;
  text-indent: -1000em;
  }
   
#services-rollover a {
  background: url(graphics/services-rollover.png) no-repeat 0 0;
  height: 29px;
  width: 90%;
  display: block;
  text-indent: -1000em;
  }
  
#services-rollover a:hover, #services-rollover a:focus {
  background: url(graphics/services-hover.png) no-repeat 18% -120%;
  height: 29px;
  width: 100%;
  display: block;
  text-indent: -1000em;
  }

#prices a {
  background: url(graphics/prices.png) no-repeat 0 0;
  height: 29px;
  display: block;
  text-indent: -1000em;
  }
  
#prices-rollover a {
  background: url(graphics/prices-rollover.png) no-repeat 0 0;
  height: 29px;
  width: 90%;
  display: block;
  text-indent: -1000em;
  }
  
#prices-rollover a:hover, #prices-rollover a:focus {
  background: url(graphics/prices-hover.png) no-repeat 18% -120%;
  height: 29px;
  width: 100%;
  display: block;
  text-indent: -1000em;
  }
  
#contact a {
  background: url(graphics/contact.png) no-repeat 0 0;
  height: 29px;
  display: block;
  text-indent: -1000em;
  }
  
#contact-rollover a {
  background: url(graphics/contact-rollover.png) no-repeat 0 0;
  height: 29px;
  width: 90%;
  display: block;
  text-indent: -1000em;
  }
  
#contact-rollover a:hover, #contact-rollover a:focus {
  background: url(graphics/contact-hover.png) no-repeat 15% -110%;
  height: 29px;
  width: 100%;
  display: block;
  text-indent: -1000em;
  }
  
#links a {
  background: url(graphics/links.png) no-repeat 0 0;
  height: 29px;
  display: block;
  text-indent: -1000em;
  }
  
#links-rollover a {
  background: url(graphics/links-rollover.png) no-repeat 0 0;
  height: 29px;
  width: 90%;
  display: block;
  text-indent: -1000em;
  }
  
#links-rollover a:hover, #links-rollover a:focus {
  background: url(graphics/links-hover.png) no-repeat 20% -110%;
  height: 29px;
  width: 100%;
  display: block;
  text-indent: -1000em;
  }
  
#testimonials a {
  background: url(graphics/testimonials.png) no-repeat 0 0;
  height: 29px;
  display: block;
  text-indent: -1000em;
  }
  
#testimonials-rollover a {
  background: url(graphics/testimonials-rollover.png) no-repeat 0 0;
  height: 29px;
  width: 90%;
  display: block;
  text-indent: -1000em;
  }
  
#testimonials-rollover a:hover, #testimonials-rollover a:focus {
  background: url(graphics/testimonials-hover.png) no-repeat 20% -100%;
  height: 29px;
  width: 100%;
  display: block;
  text-indent: -1000em;
  }
  
#contacts {
  list-style: none;
  text-align: center;
  background: url(graphics/contact-aesthetics.png) repeat-x 0 0;
  border: solid #c7c7d8;
  border-width: 2px 0px 2px 0px;
  padding: 10px 0px;
  color: #9797ff;
  }
  
#medical-checker {
  width: 670px;
  display: block;
  overflow: hidden;
  float: right;
  }
  
#registered {
  list-style: none;
  float: right;
  padding: 20px 10px 30px 0px;
  }
  
#registered img {
  border: 0;
  }
  
/*The '#medical-checker' relates to the links to chartered physio sites and appears on each 'html' document apart from the contact html and the links html.*/
  
#logo-symbol {
  float: left;
  overflow: hidden;
  display: block;
  width: 73%;
  }
  
#logo-symbol p {
  color: #093696;
  font-style: italic;
  margin-top: 125px;
  width: 68%;
  float: right;
  padding-left: 10px;
  }

#logo-symbol img {
  margin-top: 120px;
  float: right;
  border: 0;
  }
  
#logo-symbol a {
  text-decoration: none;
  color: #2121ff;
  }
  
#logo-symbol a:hover, #logo-symbol a:focus {
  text-decoration: underline;
  color: #000000;
  }
  
#footer-wrapper {
  display: block;
  height: 30px;
  margin: 0 auto;
  width: 730px; 
  }
  
#copyright {
  float: left;
  padding: 8px 0px 7px 15px;
  font-size: 0.8em;
  letter-spacing: 3px;
  color: #9797ff;
  width: 50%;
  }
  
#designer {
  float: right;
  list-style: none;
  padding: 8px 5px 10px 0px;
  font-size: 0.8em;
  width: 35%;
  }
  
#designer li {
  display: inline;
  letter-spacing: 3px;
  padding-left: 10px;
  }
  
.first {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #2121ff; 
  padding-right: 10px;
  color: #2121ff;
  }
  
#designer a {
  text-decoration: none;
  color: #9797ff;
  }
  
#designer a:hover {
  text-decoration: underline;
  color: #9797ff;
  }
/*End of 'index.html'*/

   
/*This next css code is for the 'about' html section */  
#about-section {
  overflow: hidden;
  float: right;
  width: 90%;
  margin-top: 20px;
  }
  
h4 {
  color: #000000;
  font: 100%/1.3 verdana, "Trebuchet MS", sans-serif;
  }
  
#about-section img {
  float: right;
  padding: 20px 0px 30px 0px;
  margin-left: 20px;
  }
  
#lead-physio {
  margin-top: 30px;
  color: #9797ff;
  font: 110%/1.4 verdana, "Trebuchet MS", sans-serif;
  }
  
.description {
  padding-top: 25px;
  color: #093696;
  }
  
.description a {
  text-decoration: none;
  color: #2121ff;
  }
  
.description a:hover, .description a:focus {
  text-decoration: underline;
  color: #000000;
  }
 
#information2 {
  overflow: hidden;
  width: 473px;
  float: right;
  margin-top: 10px;
  }
  
#information2 blockquote {
  color: #093696;
  font-style: italic;
  margin-top: -60px;
  }
  
.alternative-quote {
  width: 465px;
  }
  
#activ a {
  text-decoration: none;
  color: #2121ff;
  }
  
#activ a:hover, #activ a:focus {
  text-decoration: underline;
  color: #000000;
  }
/*End of 'about.html'*/

  
/*This css code relates to the 'services.html'*/ 
#logo-symbol-alternative {
  overflow: hidden;
  width: 473px;
  float: left;
  margin-top: 10px;
  }
  
.physiotherapy {
  color: #000000;
  font: 110%/1.4 verdana, "Trebuchet MS", sans-serif;
  margin-top: 30px;
  }
  
#conditions {
  padding-top: 25px;
  color: #093696;
  float: right;
  width: 95%;
  padding-bottom: 30px;
  }
  
#treatment {
  margin-top: 30px;
  list-style: none;
  overflow: hidden;
  }
  
#treatment-continued {
  float: right;
  width: 90%;
  list-style: none;
  }
  
#treatment li {
  padding-bottom: 30px;
  color: #000000;
  }
  
#treatment-continued li {
  padding-bottom: 30px;
  color: #000000;
  }
 
#thumbnails {
  width: 25%;
  float: left;
  margin-top: 100px;
  }
  
#thumbnails li {
  padding-bottom: 30px;
  }
 /*End of 'services.html'*/  
  
/*This css code relates to the 'prices.html'*/ 
#price-list {
  margin: 100px 0px 0px 60px;
  
  } 
   
#price-list li {
  margin-top: 30px;
  color: #000000;
  list-style: none;
  }
  
#price-list ul {
  padding: 3px 0px 20px 160px;
  }
  
#price-list ul li {
  padding: 0px 65px 10px 30px;
  list-style: disc inside;
  color: #093696;
  }
  
#price-list-continued {
  float: left;
  padding-left: 20px;
  overflow: hidden;
  list-style: none;
  margin-top: 40px;
  }
  
#price-list-continued li {
  padding-bottom: 30px;
  }
  
.alternate-size {
  font: 97%/1.4 verdana, "Trebuchet MS", sans-serif;
  }
  
.amount {
  font-family: verdana, "Trebuchet MS", sans-serif;
  font-size: 1.3em;
  color: #093696;
  float: right;
  }
  
#times {
  float: right;
  width: 90%;
  font-size: 0.95em;
  font-family: verdana, "Trebuchet MS", sans-serif;
  margin-top: 70px;
  color: #093696;
  }
  
#times a {
  text-decoration: none;
  color: #2121ff;
  }
  
#times li {
  padding: 0px 0px 10px 0px;
  }
  
#appointments {
  font-family: verdana, "Trebuchet MS", sans-serif;
  font-size: 1em;
  color: #000000;
  float: right;
  width: 95%;
  margin: 60px 0px 30px 0px;
  }
/*End of 'prices.html'*/
  
/*This css code relates to the 'contact.html'*/  
#information address {
  text-align: right;
  float: right;
  color: #093696;
  list-style: none;
  font-family: verdana, "Trebuchet MS", sans-serif;
  font-size: 0.95em;
  margin: 10px 20px 0px 0px;
  }
  
#directions {
  float: right;
  width: 280px;
  margin: 50px 30px 0px 0px;
  color: #000000;
  font-size: 0.95em;
  font-family: verdana, "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  text-align: right;
  }
  
#map-positioning img {
  float: right;
  border: 0;
  padding: 20px 0px 20px 0px;
  }
  
.directions {
  float: right; 
  clear: right;
  padding-top: 25px;
  font-family: verdana, "Trebuchet MS", sans-serif;
  font-size: 0.95em;
  color: #093696;;
  }  
/*End of 'contact.html'*/

  
/*This css code relates to the 'links.html'*/ 
#linking-sites {
  text-align: right;
  padding: 50px 0px 50px 0px;
  background: url(graphics/link-aesthetics.png) no-repeat 100% 0;
  font-family: verdana, "Trebuchet MS", sans-serif;
  font-size: 0.9em;
  color: #093696;
  }
  
#linking-sites li {
  padding: 0px 20px 0px 0px;
  }
  
#linking-sites li ul li {
  padding: 0px 0px 20px 0px;
  list-style: none;
  color: #000000;
  }
  
#linking-sites a {
  text-decoration: none;
  color: #093696;
  }
  
#linking-sites a:hover {
  color: #9797ff;
  }
  
#information img {
  float: right;
  border: 0;
  }  
/*End of 'links.html'*/


/*This css code relates to the 'testimonials.html'*/ 

#introduction-wrapper blockquote {
  padding-top: 80px;
  } 
  
#introduction-wrapper blockquote p {
  color: #093696;
  padding-top: 20px;
  font-style: italic;
  } 
  
.author {
  font-weight: bold;
  font-style: none;
  float: right;
  width: 40%;
  }
  
.author2 {
  font-weight: bold;
  font-style: none;
  float: right;
  width: 55%;
  }

/*End of 'testimonials.html'*/