﻿/*
onestoptherapy.co.uk
styles.css
revised: july 2010
author (revision): Iain Stewart: Start Up Web Solutioms
url: www.suws.co.uk
*/
* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#EEEEEE;
	background-image:url("../i/bg/bodybg.gif");
	background-repeat:repeat-x;
	font-size:80%;
	margin:0px;
	color:#444444;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a:link,
a:visited  {
	color: #3399CC;
}

a:hover {
	color:	#006699;
	}
#container {
	width:920px;
	padding:0px;
	margin: 21px auto 0 auto;
} 
/* Reset standard elements */

h1, h2, h3, h4, td, th, ul, ol, li,dl,dd,dt {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

img {
	border:0px;
}
img.telno {
	padding:8px 0;
}
abbr,acronym{cursor:help;border-bottom: 1px dashed #474747;
}

/* Masthead */
#masthead {
	position: relative;
	width: 920px;
	height: 120px;
	background: #4b9eba url(../i/bg/masthead-bg.gif) repeat-x;
	margin: 0;
	padding: 0;
}
#sitelogo {
	float: left;
	width: 43px;
	height: 43px;
	margin: 50px 0 0 50px;

}
#sitelogo p {
	width: 43px;
	height: 43px;
	background: transparent url(../i/bg/site-logo.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9000em;
}
#sitename {
	float: left;
	width: 320px;
	height: 45px;
	margin: 50px 0 0 20px;
}

#sitename a {
	display: block;
	width: 322px;
	height: 45px;
	text-indent: -9000em;
	background: transparent url(../i/bg/site-name.gif) no-repeat 3px 0;

}
#sitecontact {
	float: right;
	width: 261px;
	height: 41px;
	margin: 50px 50px 0 0;
}
#sitecontact a {
	display: block;
	width: 261px;
	height: 41px;
	text-indent: -9000em;
	background: transparent url(../i/bg/tel.gif) no-repeat 0 0;
	
}
.contact {
	position:absolute;
	color:#FFFFFF;
	margin-top: 50px;
	margin-left:600px;
	font-size:110%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contact  a:link,
.contact  a:visited {
	color:#FFFFFF;
}
#topnav {
	background-color:#fff;
	height: 30px;
	width: 100%;
	margin-top: 8px;
}
ul#navigation {
	margin: 0 auto;
	list-style-type: none;
	color: #000;
	font: normal 105% calibri,"lucida grande",tahoma,arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: center;
	width: 100%;
	padding: 10px 0 5px 0;
}
ul#navigation li {
	display:inline;
	padding: .2em 1em;
}
ul#navigation li a {
	text-decoration: none;
	background-color: #fff;
	color: #7AC078;
	letter-spacing: 0.05em;
}
ul#navigation li a:hover {
	text-decoration: underline;
	color: #3399CC;
	background-color: transparent;
}
/* page columns */
.leftcol {
	width:500px;
	float:left;
	margin-bottom:10px;
	padding-right: 40px;
}
.rightcol {
	float: left;
	width: 280px;
	padding: 0;
	margin: 0;
}
.leftcolumn {
	width:390px;
	float:left;
	margin-bottom:10px;
	padding-right: 40px;
}
.rightcolumn {
	float: left;
	width: 390px;
	padding: 0;
	margin: 0;
}
.clearing {
	clear:both;
}

#content .snug { 
	margin-top:0px;
	padding-top:0px; 
	} 


/* Main content styles */


#content {
	background-color:#FFFFFF;
	line-height:1.75em;
}
#content-inner{
	margin-top:0;
	padding: 40px 50px 50px 50px
}
#content  p {
	margin-top:5px;
	margin-bottom:13px;
}

#content h1 {
	font-size: 110%;
	font-weight: bold; 
	margin-bottom: 13px;
}
#content h2 {
	font-size:166%;
	padding-top:10px;
	padding-bottom:0px;
	color:#333333;
}
#content h3 {
	font-size:124%;
	padding-top:8px;
	padding-bottom:6px;
}
#content h4 {
	font-size:100%;
	padding-top:8px;
	font-weight:bold;
}
#content h4.last {
	margin-top: 4em;
	margin-bottom: 1em;
	font-style: italic;
}
#content dl {
	margin-bottom:13px;
	margin-top: 5px;
}
#content dt {
	font-weight: bold;
}
#content dd strong {
	font-weight:normal;
}
.confidentiality {
	line-height: 170%;
}
#content ul {
	padding-left:20px;
}
#content span.telno {
	display: block;
	font-weight: bold;
	font-size: 110%;
	padding: 0.3em 0;
	margin-left: 4em;
}
/* Left column */

#content  .contactbox {
	background-image:url("../i/bg/greenfade.gif");
	background-repeat:repeat-x;
	padding:6px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid #CCCCCC;
	margin-bottom:15px;
}

#content .contactbox  h2,#content .contactdiv h2 {
	color:#598F59;
	}
#content .contactbox p strong {
	font-weight: normal;
}
#content .contactdiv {
	padding:6px 12px;
	border: 1px dotted #f0f8ff;
	margin-bottom:40px;
}
.picrow3 {
	float:right;
	margin-left: 25px;
}
/* Right hand column */

#content .rightcol {
	line-height:1.25em;
}


#content .rightcolumn .contactbox {
	line-height:1.75em;
}


#content .rightcol .box {

	padding:6px;
	padding-left:12px;
	padding-right:12px;
	background-color:#F2FDF2;
	border:1px solid #DDF1DD;
	margin-bottom:15px;
}

#content .rightcol ul {
	padding-left:14px;
	list-style-type:square;
}
#content .rightcol ul.therapistslist {
	padding-top: 10px;
}

#content .rightcol li {
	margin-bottom:10px;
}

#content .rightcol h3 {
	color:#598F59;
}

#content .rightcol strong a:link,
#content .rightcol strong a:visited {
	color:#333333;
	text-decoration:none;
}

#content .rightcol strong a:hover {
	text-decoration:underline;
	}


/* footer */

#footer {
	font-size:80%;
	color:#777777;
	padding-top:10px;

	border-top:1px solid #CCCCCC;
}

#footer a:link, 
#footer a:visited {
	color:#777777;
}


#footer a:hover {
	color:#333333;
}
/* enquiry form */
#form-container{padding: 0;margin:0 0 20px 0}
#form-container form{padding:0 10px}
#form-container fieldset {
border: 1px solid #66cdaa;
padding: 0 10px 20px 10px;
}
#form-container legend {
font-weight: bold;
font-size: 85%;
text-transform: uppercase;
color: #315d84;
background-color: transparent;
padding: 5px;
}
#form-container input{margin:5px 0 0 0;padding:0}
#form-container textarea{width:200px;height:70px;color:#030303;background-color:#f0fff0;border: 1px solid #cecece;margin:5px 0 0 0;font:normal 90% arial,helvetica,sans-serif}
#form-container textarea:focus{background-color:#fff;border:1px solid #000}
#form-container input.txt{color:#030303;background-color: #f0fff0;border:1px solid #cecece;width:200px;font:normal 90% arial,helvetica,sans-serif}
#form-container input.txt:focus{background-color:#fff;border:1px solid #000}
#form-container input.btn{color: #2d769b;background-color: #f8f8ff;border: 3px outset #b0e0e6;padding:2px 4px;font:bold 85% georgia, "times new roman", times, serif}
#form-container form p{clear:left;margin:0;padding:0 0 0.5em 0;font-size:90%}
#form-container form div.right{clear:left;float:right;margin:5px 20px 0 0}

#form-container form p label{float: left;width: 30%;padding: 6px 10px 0px 0px;text-align: right;font:bold 90% Arial,Helvetica,sans-serif;color:#262626;background-color:transparent;margin:0}
#form-container form p.info{font-size:90%;line-height:135%;margin-top:10px}
#form-container form p.infonote{font-size:85%;line-height:1.2;margin-bottom:5px; color: #2e8b57;padding-left:20px;}
#form-container form p span.req{font-weight:bold;color:#cf280c;background-color:transparent}
#form-container form p label span.req{padding-right:3px}
#form-container form strong.error{display: block;color:#cf280c;font-size:0.875em;font-weight:bold;}
#enquirydiv p.feedback{font-size:0.875em;font-weight:bold;color: #ab1533;background-color:transparent;text-align:left;margin:0 0 5px 0;padding:8px 5px;line-height:1.2}
#form-container form img {
	margin: 12px 0 0 20px;
	padding: 5px;
}
/* vcard */
.hide {
	display: none;
}
#contact-details{text-align:left;font-size:95%;line-height:140%;margin-left: 20px;}
#contact-details .fn{font-weight:bold; margin-bottom: 10px}
#contact-details div.street-address{display:inline}
#contact-details div.tel {
	background:transparent url(../i/phone.png) no-repeat 0 0; 
}
#contact-details div.tel {
	padding-left: 25px;
}
#contact-details div.tel span{font-weight:bold;}
#contact-details div.email{margin-top:15px; background:transparent url(../i/email.png) no-repeat 0 1px; padding-left: 25px;
}
.hcard-download{margin:40px 0 0 0;border-top: 1px solid #afeeee;border-bottom: 1px solid #afeeee;
}
.hcard-download p{font-size:90%;text-align:center;padding:1em 0;line-height:1;margin:0;}
.hcard-download p a {
	background:transparent url(../i/vcard.png) no-repeat 0 -1px;
	padding-left: 25px;
}

	
/* accessibility skiplinks */
.skip-link a,.skip-link span{position:absolute;overflow:hidden;width:0;height:0;top:-4em;left:-3em}
.skip-link a:active,.skip-link a:focus{position:absolute;overflow:visible;width:auto;height:auto;font-family:Verdana,Arial,sans-serif;background-color:#ffcc00;color:#0000D5;top:4em;left:1em;padding:.3em;border:.125em solid #0000D5;font-weight:bold}
