@charset "UTF-8";	 
/*
  Written by Jan Banks 14th March 2009

  http://www.pixielinkdesign.co.uk

  Copyright (c) 2009 PixieLink Design

*/

/* Page Set-up ----------------------------------------------------------------------------------------*/
html {
	margin: 0px;
	padding: 0px;  	
}
body {
	position:relative;				/* needed otherwise IE7 doesn't resize properly */
	padding: 0px;
	margin: 0px;	
/*	font-size: 82%;	 */ 	/* 13pt */
	font-size: 76%;	  		/* 12pt */
/*	font-size: 72%;	  */		
	color: #525252;
	font-family: arial,helvetica,sans-serif;	 
    background: #878787 url(../images/background03.gif) repeat-x;	
}  
h1 {	
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 1.15em;	 
	line-height: 1.2em;
	padding: 20px 0 5px 0;
	margin: 0;
}	
h2 {
	font-size: 1.1em;	 
	padding: 20px 0 5px 0;
	margin: 0;
}		
h3 {
	font-size: 1em;
	line-height: 1em;  
}	
em { 
	font-weight: bold;
	font-style: normal;
}
p {
	font-size: 1em;
	line-height: 1.4em;
}

ul {
	position: relative;
	list-style-type: none;
	white-space: nowrap; 		/* required for some browsers to stop the text wrapping */	
	margin: 0;
	padding: 0 0 0 0;
} 

a {
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 1em;
}	
a:link {
	color: #525252;
}	   
a:visited {
	color: #525252;
}
a:focus {
	outline: 0;
}
a:hover {
}
a:active {
	outline: 0;
} 
img {
	border: 0;
}

address {
	padding: 20px 0 0 0;
	font-style: normal;
}

#page {	  											  
	position: relative;	  	/* makes page the containing block */
	background: #ffffff;
	width: 900px;	  			
	top: 20px;             /* gap at top of page  */
	margin: 0 auto;			/* proper way to center */	 
	padding: 0px;
/*	height: 100%;*/
}	

#new-question, #client-login-form  {
	background-color: #eee9e8;
	border: 1px solid #808080;
	padding: 20px 10px 10px 10px;
	font-size: 0.8em;
	margin-bottom: 10px;
}

.button-faq {
	margin-left: 10px;
	vertical-align: bottom;
}
.button-contact {
	margin-top: 20px;
}
#res-message {
	color: #b71ddd;
	font-weight: bold;
}
#res-message a.in-text-link:link {
	color: #b71ddd;
}
#res-message a.in-text-link:visited {
	color: #b71ddd;
}
#res-message a.in-text-link:hover {
	color: #680e7e;
}
#res-message a.in-text-link:active {
	color: #680e7e;
}
.contact-input {
	position: relative;
}
.contact-input textarea {
	width: 340px;
}
.contact-input input {
	position: absolute;
	left: 140px;
	width: 200px;
}
#message-error {
	position: absolute;
	left: 350px;
	color: #ff0000;
	line-height: 1em;
}
#email-error {
	position: absolute;
	left: 350px;
	color: #ff0000;
	line-height: 1em;
}
#confirm-error { 
	position: absolute;
	left: 350px;
	color: #ff0000;
	line-height: 1em;
}
#client-login-error {
	color: #ff0000;
	line-height: 1em;
	padding: 0 0 10px 60px;
}

/* General Formatting ----------------------------------------------------------------------------------------*/ 
.clear {
	clear: both;
}

.adr span {
	display: block;
}

.tel {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #680e7e;
	font-family: verdana,helvetica,arial,sans-serif;	
	font-size: 1.1em;
	font-weight: bold;
}
.mobile {

}

.office-hours {
	margin-top: 20px;
}

.office-days {
	margin-bottom: 40px;
}
.email a:hover {
	color: #b71ddd;
}
.email a:active {
	color: #b71ddd;
}

#orahadmin a {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #680e7e;
	font-family: verdana,helvetica,arial,sans-serif;	
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
}

blockquote {
	position: relative;
	font-style: italic;
	padding: 0 0 0 35px;
	margin-left: 0;
	margin-right: 0;	
	margin-bottom: 25px;
	background: #ffffff url(../images/quote-double-left-01.gif) left top no-repeat;
}

a.in-text-link {
	font-family: arial,helvetica,sans-serif;	
	color: #525252;
}
a.in-text-link:link {
	color: #525252;
}
a.in-text-link:visited {
	color: #680e7e;
}
a.in-text-link:hover {
	color: #b71ddd;
}
a.in-text-link:active {
	color: #b71ddd;
}
a.email-link {
	font-family: arial,helvetica,sans-serif;	 
	font-size: 12px;
}

#faq-list-cont {
	margin: 20px 0 30px 0;
}

a.faq-list{
	font-family: arial,helvetica,sans-serif;	 
	line-height: 1.7em;
}
.portfolio-image {
	position: relative;
	border: 1px solid #525252;
	margin: 20px 0 20px 35px;
}
.product-photography-image {
	position: relative;
	border: 1px solid #525252;
	margin: 20px 0 0 5px;
}
#graphic-design-portfolio{
	position: relative;
}

#watermark-image {
	position: relative;
	float: right;
	margin: 20px 43px 0 30px;
	padding: 0;
}

#watermark-text { 
	position: relative;
}

#hypnotherapist-image {
	position: relative;
	float: left;
	margin: 25px 0 30px 0;
	padding: 0;
}

#hypnotherapist-text { 
	position: relative;
	float: left;
	margin: 60px 10px 30px 40px;
}

.quote-div {
	padding: 0 35px 0 0;
	background: #ffffff url(../images/quote-double-right-01.gif) right bottom no-repeat;
}

.back-to-top   {
	margin: 15px 0 0 0;
	padding: 0;
	float: right;
	font-size: 0.7em;
}
a.back-to-top  {
	color: #b71ddd;
}
a.back-to-top:link  {
	color: #b71ddd;
}
a.back-to-top:visited  {
	color: #b71ddd;
}
a.back-to-top:hover  {
	color: #680e7e;
}
a.back-to-top:active  {
	color: #680e7e;
}
.web-links {
	padding-bottom: 5px;
	font-size: 0.9em;
}
a.web-links {
	font-family: arial,helvetica,sans-serif;	 
	text-decoration: none;
}
a.web-links.in-text-link {
	text-decoration: none;
}
a.web-links.in-text-link:link {
	color: #808080;
}
a.web-links.in-text-link:visited {
	color: #680e7e;
}
a.web-links.in-text-link:hover {
	color: #b71ddd;
	text-decoration: underline;	
}
a.web-links.in-text-link:active {
	color: #b71ddd;
	text-decoration: underline;	
}
#invoice-links {
	padding-top: 10px;
}

/* About Us Formatting ----------------------------------------------------------------------------------------*/ 

.about-us-team-member {
	padding: 20px 0 20px 50px;
	border-bottom: 1px solid #e4e4e4;
}
.about-us-team-member a:hover {
	color: #b71ddd;
}
.about-us-team-member a:active {
	color: #b71ddd;
}
#team-member-jan {
	background: #ffffff url(../images/jan-pic01.jpg) 0 20px no-repeat;
}
#team-member-beccy {
	background: #ffffff url(../images/beccy-pic04.jpg) 0 20px no-repeat;
}
#team-member-stu {
	background: #ffffff url(../images/stu-pic01.jpg) 0 20px no-repeat;
}
/* Client Login ----------------------------------------------------------------------------------------*/
#client-login {
	position: relative;
	float: right;
	margin-top: -16px;
	padding: 0 80px 0 0;
	color: #9d9d9d;
	font-size: 0.8em;
	background-color: transparent;
	text-align: right;
	text-decoration: none;
}
a#client-login:link {
	color: #9d9d9d;
}
a#client-login:visited {
	color: #9d9d9d;
}
a#client-login:hover {
	color: #d9d9d9;
}
a#client-login:active {
	color: #d9d9d9;
}
/* Logo ----------------------------------------------------------------------------------------*/
#logo-image {
	position: relative;
	display: block;
	width: 900px;
	height:125px;
	text-decoration: none;
	background: #ffffff url(../images/logo08b-800x110.png) top left no-repeat;	
}
#header-tagline  {
	position: absolute;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 1.4em;	
	font-style: italic;
	right: 68px;
	bottom: 14px;
	padding-bottom: 20px;  /* otherwise chops off descenders in I.e. ie */
	color: #676767;
}

/* Header Images ----------------------------------------------------------------------------------------*/
.headerimage {
	height: 70px;
	top: 12px;
	width: 766px;
	padding-bottom: 25px;
	margin: 12px 67px 0 67px;
}
#homepage {
    background: transparent url(../images/homepagephoto06c.jpg) no-repeat;	
}
#aboutus {
    background: transparent url(../images/aboutusphoto.jpg) no-repeat;	
}
#services {
    background: transparent url(../images/services20c.jpg) no-repeat;	
}
#portfolio {
    background: transparent url(../images/portfolio20d.jpg) no-repeat;	
}
#faq {
    background: transparent url(../images/faq21c.jpg) no-repeat;	
}
#prices {
    background: transparent url(../images/prices20e.jpg) no-repeat;	
}
#contactus {
    background: transparent url(../images/contactus01e.jpg) no-repeat;	
}
#links {
    background: transparent url(../images/homepagephoto02.jpg) no-repeat;	
}
#sitemap {
    background: transparent url(../images/homepagephoto02.jpg) no-repeat;	
}
#invoices {
    background: transparent url(../images/clients-invoices03.jpg) no-repeat;	
}

/* TABS ----------------------------------------------------------------------------------------*/
#mainnav {				       
	float: left;				/* Sliding doors method of doing tabs - see AListApart */
	width: 100%;				/* Required to centre floated items  */
/*	border-bottom: 1px solid #402f35;	*/
	background-color: #ffffff;	
	overflow:hidden;			/* hides the right half of the ul which overflows due to the centering used */
	text-align: center;			/* we want the tabs centred so we need this */
/*	position: relative;  */
	padding-bottom: 17px;		/* makes the tab join the page top overridden in IE */
	background: transparent url(../images/main-page-top-01.png) bottom center no-repeat;	
/*border: 1px solid orange;	*/
}
#mainnav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  	 	
	float: left;   
	white-space: nowrap; 		/* required for some browsers to stop the text wrapping */
    position:relative;		 	/* needed to correctly centre floated items */
    left:50%;					/* needed to correctly centre floated items */	
}	
#mainnav ul li {
	float: left; 
    position:relative;			/* needed to correctly centre floated items */
    right:50%;					/* needed to correctly centre floated items */
/*border: 1px solid blue;*/
}	
#mainnav ul li a {	
	display: block;	   
/*	background-color: #680e7e;	  */
	text-decoration: none;	
	color: #ffffff;	   
	text-align: center;	  
/*	border-bottom: 1px solid #402f35; */	  /* need to specify again for when no page selected */
	margin: 0;
	padding: 13px 0 7px 0;				/* padding outside the tab - overridden for IE in hack.css */
}
#mainnav ul li a .right-end {  
	background: url(../images/tab-08-right-end3.png) right top no-repeat;	
	margin: 0;		  
/*	padding: 0.28em 5px 0.23em 0;  */   /* text at 85% */
/*	padding: 0.28em 5px 0.15em 0;   */  /* text at 82% */
/*	padding: 0.28em 5px 0.20em 0;  */   /* text at 76% */
	padding: 16px 24px 6px 0;	   /* pads inside the tab - overridden for IE in hacks.css */
}
#mainnav ul li a .right {  
	background: url(../images/tab-08-right3.png) right top no-repeat;	
	margin: 0;		  
/*	padding: 0.28em 5px 0.23em 0;  */   /* text at 85% */
/*	padding: 0.28em 5px 0.15em 0;   */  /* text at 82% */
/*	padding: 0.28em 5px 0.20em 0;  */   /* text at 76% */
	padding: 16px 17px 6px 0;	   /* pads inside the tab - overridden for IE in hacks.css */
}	
#mainnav ul li a .left-end {  
	background: url(../images/tab-08-left-end3.png) left top no-repeat;	
	margin: 0;		  
/* 	padding: 0.28em 0 0.23em 5px;   */   /* text at 85% */
/* 	padding: 0.28em 0 0.15em 5px;   */   /* text at 82% */
 /*	padding: 0.28em 0 0.20em 5px;   */   /* text at 76% */
	padding: 16px 0 6px 23px;			 /* pads inside the tab  */
}	
#mainnav ul li a .left {  
	background: url(../images/tab-08-left3.png) left top no-repeat;	
	margin: 0;		  
/* 	padding: 0.28em 0 0.23em 5px;   */   /* text at 85% */
/* 	padding: 0.28em 0 0.15em 5px;   */   /* text at 82% */
 /*	padding: 0.28em 0 0.20em 5px;   */   /* text at 76% */
	padding: 16px 0 6px 17px;			 /* pads inside the tab  */
}							  

#mainnav ul li#thispage a {		  /* moved to mainnav  */
/*	position: relative;	*/			/* needed to remove border in IE */
/*	border-bottom: 1px solid #ffffff; 	*/
/*	background-color:#ffffff; */
	color: #680e7e;		
	padding-top: 13px;
/*border: 1px solid green;	*/
}

#mainnav ul li#thispage a .right {		 
	background-position: 100% -142px;	
}
#mainnav ul li#thispage a .right-end {		 
	background-position: 100% -142px;	
}
#mainnav ul li#thispage a .left {	   
	background-position: 0 -142px;	
}
#mainnav ul li#thispage a .left-end {	   
	background-position: 0 -142px;	
}

#mainnav ul li#thispage a .bottom-right-end {		 
	background: url(../images/tab-bottom-right-end.gif) right bottom no-repeat;	
	padding: 13px 0 10px 0;				/* padding outside the tab - overridden for IE in hack.css */
}
#mainnav ul li#thispage a .bottom-right {		 
	background: url(../images/tab-bottom-right.gif) right bottom no-repeat;	
	padding: 13px 0 10px 0;				/* padding outside the tab - overridden for IE in hack.css */
}
#mainnav ul li#thispage a .bottom-left-end {	   
	background: url(../images/tab-bottom-left-end.gif) left bottom no-repeat;
	padding: 13px 0 10px 0;				/* padding outside the tab - overridden for IE in hack.css */
}
#mainnav ul li#thispage a .bottom-left {	   
	background: url(../images/tab-bottom-left.gif) left bottom no-repeat;	
	padding: 13px 0 10px 0;				/* padding outside the tab - overridden for IE in hack.css */
}
#mainnav ul li#thispage a .bottom-centre {	   
	background: url(../images/tab-bottom-border-centre.gif) center bottom no-repeat;	
	padding: 13px 0 10px 0;				/* padding outside the tab - overridden for IE in hack.css */
/*border: 1px solid red;*/
}

#mainnav ul li a:hover {	 	 
/*	background-color: #eee9e8;			*/
	color: #fffffe;					/* must change something at this level or hover doesn't work in IE */
}
#mainnav ul li a:hover .right {	 	 
	background-position: 100% -71px;	
}
#mainnav ul li a:active .right {	 	 
	background-position: 100% -71px;	
}
#mainnav ul li a:hover .right-end {		 
	background-position: 100% -71px;	
}
#mainnav ul li a:active .right-end {		 
	background-position: 100% -71px;	
}
#mainnav ul li a:hover .left {
	background-position: 0 -71px;	
}
#mainnav ul li a:active .left {
	background-position: 0 -71px;	
}
#mainnav ul li a:hover .left-end {
	background-position: 0 -71px;	
}
#mainnav ul li a:active .left-end {
	background-position: 0 -71px;	
}

/* Main Page Area ----------------------------------------------------------------------------------------*/

#main-page-cont {
	position: relative;
	height: 100%;
	margin: 0 40px 0 40px;
    background: transparent url(../images/main-page-right-01.png) top right repeat-y;		
/* border: 1px solid pink; */
}
#main-page-div1 {
	position: relative;
	height: 100%;
/*	margin: 0 0 0 40px;*/
    background: transparent url(../images/main-page-left-01.png) top left repeat-y;		
/*border: 1px solid orange;*/
}

#main-page-div2 {
	position: relative;
	width: 900px; 			
	height: 20px;
	margin: 0 auto;
	padding-bottom: 20px;  
	background: #ffffff url(../images/main-page-bottom-01b.png) top left no-repeat;	
 /*border: 1px solid cyan; */
}

/* Main Services Menus ----------------------------------------------------------------------------------------*/
#main-menu-cont {
	position: relative;
	width: 790px;   
	margin: 0 auto;
	padding: 0 0 0 9px;
/*border: 1px solid purple;		*/
}
.main-menu-list {
	position: relative;
	float: left;
	text-align: center;
	width: 260px;	
	padding-top: 5px;
	line-height: 1.8em;
}

.menu-list-display {
	background: #ffffff url(../images/menubackground-top-04b.png) top center no-repeat;
}
.menu-list-selected {
	background: #ffffff url(../images/menubackground-top-selected-04b.png) top center no-repeat;
}
.menu-list-unselected {
	background: #ffffff url(../images/menubackground-top-unselected-04b.png) top center no-repeat;
}

.main-menu-ul-div {
    margin: 0;
	padding: 0 0 35px 0;
	height: 100%;
	background: transparent url(../images/menubackground-bottom-04b.png) bottom center no-repeat;	
}

.main-menu-list ul li {

}	

.main-menu-list ul li a {	
	text-decoration: none;	
	margin: 0;
	padding: 0;		
	color: #680e7e;
}
.main-menu-list ul li a:visited {	
	color: #680e7e;
}
.main-menu-list ul li a:hover {	
	color: #b71ddd;
	text-decoration: underline;		
}
.main-menu-list ul li a:active {	
	color: #b71ddd;
	text-decoration: underline;		
}
.menu-heading {
	font-size: 1.4em;
	line-height: 2.4em;	
	padding: 10px 0 5px 0;
}
.main-menu-list ul li.menu-heading  a:hover {
	text-decoration: none;		
}
.main-menu-list ul li.menu-heading  a:active {
	text-decoration: none;		
}
.menu-heading-selected  {
	font-size: 1.4em;
	line-height: 2.4em;	
	padding: 10px 0 5px 0;
}
.main-menu-list ul li.menu-heading-selected  a {
/*	font-weight: bold; */
}
.main-menu-list ul li.menu-heading-selected  a:hover {
	text-decoration: none;		
}
.main-menu-list ul li.menu-heading-selected  a:active {
	text-decoration: none;		
}
.main-menu-list ul li#menu-link-selected  a {
	font-weight: bold;
}

/* Main Page Text Area ------------------------------------------------------------------------------------*/

#main-text-cont {
	position: relative;
	padding: 20px 0 50px 0;
	margin: 0 10px;				/* margin right & left to allow for page edge image  */
	width: 798px;
/*border: 1px solid red;*/
}

/* Extra Info Strip ------------------------------------------------------------------------------------*/
#extra-info {
	position: relative;
	float: left;
	padding: 0 0 30px 19px;
	margin: 0;
	font-size: 1em;	 
	line-height: 1.5em;	
	width: 180px; 		/* width required minus padding  */
/* border: 1px solid green; */
}	

.extra-info-list {
	padding-left: 10px;
	line-height: 1.2em;
}
.extra-info-list li {
	padding-top: 10px;	
}
.extra-info-list li  a {
	font-family: arial,helvetica,sans-serif;	
}
.extra-info-list li  a:hover {
	color: #b71ddd;
}
.extra-info-list li  a:active {
	color: #b71ddd;
}

/* Main Page Text ------------------------------------------------------------------------------------*/
#main-text {
	position: relative;
	float: right;
	width: 526px;    	/* width required minus padding  */
	margin: 0;
	padding: 0 40px 0 30px;
	font-size: 1.15em;	
	border-left: 1px solid #e4e4e4;
/*border: 1px solid blue;	*/
}

/* Hover over additional info boxes -----------------------------------------------------------------------*/

a.addinfo {
	border-bottom: #b1b1b1 dashed 1px;
	font-family: arial,helvetica,sans-serif;	 	
	text-decoration: none;
	cursor: help;	   
	z-index: 24;	   
}
a.addinfo span {	
	display: none;
	white-space: normal
}
ul li a.addinfo:hover {	
	color: #680e7e;
	border-bottom: #dd8af2 dashed 1px;
}
a.addinfo:hover {	
	color: #680e7e;
	border-bottom: #680e7e dashed 1px;
	z-index: 100;	 
	background-color: #ffffe1;
}
a.addinfo:hover .addinfobox {
	position: absolute;	  
	display: block;	
/*	right: 2em;		*/
	padding: 0 20px 16px 20px;
	border: #680e7e solid 1px;	  
	background-color: #ffffe9;	  
	color: #680e7e;
	text-decoration: none;		
	z-index: 100;
}					   
a.addinfo:hover .addinfotitle {	  
	display: block;		   
	font-weight: bold;
	padding: 20px 0 10px 0;
	margin: 0;		
} 
/* Prices ----------------------------------------------------------------------------------------*/
.prices-table {
	font-size: 0.8em;
	border-top: 1px solid #525252;
	border-left: 1px solid #525252;
	margin: 0;
	width: 100%;
}
.prices-table th {
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
	padding: 3px 4px;
	color: #680e7e;
	background-color: #eee9e8;
	font-family: verdana,helvetica,arial,sans-serif;	
	font-size: 1.1em;
	font-weight: bold;	
}
.prices-table td {
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
	padding: 3px 4px;
}
#prices-vat {
	font-size: 0.7em;	
	margin: 6px 0 26px 0;
}
.services {
	text-align: left; 
	width: 40%;
}
.prices {
	text-align: right; 
	width: 35%;
}
.unit {
	text-align: left; 
	width: 25%;
}

/* Page bottom / Footer ----------------------------------------------------------------------------------------*/
#pagebottom {
	position: relative;
	height: 15px;
	width: 900px;
	margin: 0 auto;
	background: transparent url(../images/bottomcorners02.gif) no-repeat;	
/*border: 1px solid blue;	*/
}
#footer {
	width: 840px;
	text-align: center;
	font-size: 0.9em;
	padding: 0 0 15px 0;
	margin: 0 auto;
/*border: 1px solid green;*/
}
#footer  div {
	padding-top: 4px;
}
#footer  a {
	font-size: 1em;
	font-family: arial,helvetica,sans-serif;	 
	text-decoration: none;
}
#footer  a:hover {
	color: #680e7e;
}
#footer  a:active {
	color: #680e7e;
}