﻿
/* Body ==================================================================================================================== */

* {padding: 0 0 0 0;}
body {font: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0;
	 font-size: 85%; color: rgb(80,80,80); background: white;}

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
p  {font-size: 1.2em; padding: 0 0 0.5em 0;}

/* Wrapper ================================================================================================================== */

#wrapper {max-width:1200px; min-width: 800px;}

/* Header =================================================================================================================== */

#header h1 {background: url(images/banner.png) no-repeat top left; background-color: white; 
            margin-bottom: 1em; height: 100px;}
#header h1 span {position: absolute; left: -150em; width: 50em;}
#tel {position: absolute; top:7px; right:10px;}		 

/* Navigation --------------------------------------------------------------------------------------------------------------- */

#nav h5 {color: black; display: none;}
#nav ul {margin: 0; padding: 0 4em 0 0; list-style: none; 
		 width: 58em; float: right;}

#nav ul li {float: left;}

#nav a {display: block; line-height: 2.1em; text-decoration: none; font-weight: bold;
		background: url(images/linkicon.gif) no-repeat left center; padding-left: 1.7em; margin-right: 2em;}

#nav a:link {color: rgb(29,4,178);}
#nav a:visited {color: rgb(29,4,178);}
#nav a:hover {color: rgb(142,23,79);}

/* Homepage in different colour & cursor set to default  */
#home #nav .home a,								
#face-lift-massage #nav .face-lift-massage a,
#shiatsu #nav .shiatsu a,
#Shiatsu-Back-Rub-massage #nav .Shiatsu-Back-Rub-massage a,
#contact #nav .contact a {color: silver; cursor: default;}


/* Content ================================================================================================================== */

#content{float: left; width: 85%; margin-left: 5%;}

#content h2 {color: rgb(29,4,178); margin-top: 1.5em;}
#content h3 {color: rgb(118,150,16); font-style: italic}
#content h4 {rgb(80,80,80);}
#content h4 a {text-decoration:none; color: rgb(29,4,178); padding-bottom: 0; margin: 0 0 0 0;}
#content h4 a:hover {color: rgb(142,23,79);} 

#content p.first { padding: 1.5em 0 1em 0; font-size: 125%;}
#content p.price {margin-top: 2em; color: rgb(118,150,16); font-style: italic; font-size: 150%; font-weight:bold;}
#home #content p {padding-left: 2em;}
#home #content p.first {padding-left: 0;}
.map {padding: 2em 0 2em 4em;}


/* Pull quote --------------------------------------------------------------------------------------------------------------- */

div.pull {float: right; width: 15%; margin: 2em; padding: 0 0 1em 1em; border: none; font-size: 90%; color: purple;}


	
/* Footer =================================================================================================================== */

#footer {clear: both;}

  


