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

/*--------------------------------------------------------------------------
Body
--------------------------------------------------------------------------*/
body {
	background: #CCFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

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

img {
	border: none;
	}

p {
	color: #333333;
	}
	
.fltrt { 
	float: right;
	margin-left: 8px;
	}

.fltlft { 
	float: left;
	margin-right: 8px;
	}
	
abbr {
	border-bottom: 1px red dotted;
	}

h1 {
	font-size: 18px;
	color: #006699;
	}

h2 {
	font-size: 16px;
	color: #006699;
	font-weight: normal;
	}

em {
	font-style: normal;
	}	

a {
	color: #006699;
	}
	
/*--------------------------------------------------------------------------
Wrapper
--------------------------------------------------------------------------*/
#wrapper {
	width: 760px;
	margin: 30px auto;
	background: #ccc;
	position: relative;
	}
	
/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/
#header { 
	height: 88px;
	background: white; 
	border-top: 1px #003366 solid;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	}

#header img.sky {
	border-left: 1px solid #003366;
	border-bottom: 1px solid #003366;
	width: 532px;
	height: 87px;
	}
		
#logo {
	padding-left: 20px;
	padding-top: 30px;
	}

#telephone {
	width: 300px;
	height: 30px;
/*	background: yellow; */
/*	left:595px;*/
	right: 0;
	position:absolute;
	top: -30px;
	}

#telephone p {
	line-height: 30px;
	margin: 0;
	padding: 0;
/*	background: orange;*/
	text-align: right;
	padding-right: 20px;
	}

#telephone p.tel {
	font-size: 16px;
	font-weight: normal;
	color: #CCFFFF;
	color: yellow;	
	color: #003366;
	}

#telephone p.location {
	font-size: 14px;
	color: #CCFFFF;
	}
	

	
/*--------------------------------------------------------------------------
Sidebar - left
--------------------------------------------------------------------------*/
#sidebar-left {
	width: 228px;
	background: #ccc;
	float: left;
	}

/*--------------------------------------------------------------------------
Sub navigation
--------------------------------------------------------------------------*/
ul.sub_navigation {
	margin: 0;
	padding: 0;
	font-family: arial, verdana,helvetica,arial,sans-serif;
	list-style-type: none;
	cursor: default;
	width: 228px;
	border-bottom: 1px #fff solid;
	border-top: 1px #666 solid;
	}

ul.sub_navigation li {
	margin: 0;
	padding: 0;
	}

/*--------------------------------------------------------------------------
used to place background over menu options
--------------------------------------------------------------------------*/
ul.sub_navigation li a {
	display: block; 
	cursor: pointer;
	padding: 0.5em 0.75em;
	padding-left: 0.5em;
	color: #003366;
	text-decoration: none; 
	background: #ccc;
	font-size: 12px;
	line-height: 1.4em; 
	border-bottom: 1px #666 solid;
	border-top: 1px #fff solid;
	border-right: 1px #003366 solid;
	text-align: right;
	}

/*--------------------------------------------------------------------------
used to place background over menu options - hover, active and 
class selected
--------------------------------------------------------------------------*/
body.home li a.home,
body.about-our-counselling li a.about-our-counselling,
body.what-is-counselling li a.what-is-counselling,
body.issues-we-can-help li a.issues-we-can-help,
body.eating-disorder-counselling li a.eating-disorder-counselling,
body.stress-management-counselling li a.stress-management-counselling,
body.hypnotherapy li a.hypnotherapy,
body.counselling-for-hampshire-and-surrey li a.counselling-in-hampshire,
body.counselling-in-surrey li a.counselling-in-surrey,
body.counselling-testimonials li a.counselling-testimonials,
body.contact-directions-counselling li a.contact-directions-counselling,
body.what-happens-next li a.what-happens-next,
ul.sub_navigation li a:hover,
ul.sub_navigation li a:active,
ul.sub_navigation li a.selected { 
	background: #006699;
	color: #fff;
	}

body.home li a.home,
body.about-our-counselling li a.about-our-counselling,
body.what-is-counselling li a.what-is-counselling,
body.issues-we-can-help li a.issues-we-can-help,
body.eating-disorder-counselling li a.eating-disorder-counselling,
body.stress-management-counselling li a.stress-management-counselling,
body.hypnotherapy li a.hypnotherapy,
body.counselling-for-hampshire-and-surrey li a.counselling-in-hampshire,
body.counselling-in-surrey li a.counselling-in-surrey,
body.counselling-testimonials li a.counselling-testimonials,
body.contact-directions-counselling li a.contact-directions-counselling,
body.what-happens-next li a.what-happens-next {
	cursor: default;
	}
	
/*--------------------------------------------------------------------------
Content
--------------------------------------------------------------------------*/
#content-wrapper {
	float: right;
	width: 532px;
	background: white;
	}

#content {
	float: right;
	width: 492px;
	background: white;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	min-height: 400px;
/*	background: yellow;*/
	}
	
#content p,
#content ul {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:1.75em;
	}

/*--------------------------------------------------------------------------
Counselling testimonials
--------------------------------------------------------------------------*/
body.counselling-testimonials ul#client-testimonials {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
body.counselling-testimonials blockquote {
	font-size: 11px; 
	color: #4b4b4b;
	margin: 0;
	}

body.counselling-testimonials blockquote span {
	width: 30px; 
	height: 17px; 
	display: block;
	margin: -5px 0 0 0;
	background: transparent url(http://www.zerotouch.com/images/blockquote.png) no-repeat 0 0;
	float: left;
	}

body.counselling-testimonials cite {
	font-size: 10px;
	color: #B32002;
	}

body.counselling-testimonials h2 {
	padding: 20px 25px 0 25px;
	background: #eeeeee;
	color: #B32002;
	}

body.counselling-testimonials ul#client-testimonials li {
	padding: 0 0 20px 0;
	margin: 0 0 5px 0; 
	background: #eeeeee; 
	float: left;
	}

body.counselling-testimonials li.last {
	margin: 0;
	}

body.counselling-testimonials li p {
	padding: 15px 0 0 0; 
	line-height: 16px;
	}

body.counselling-testimonials li blockquote {
	padding: 5px 25px 20px 25px;
	}

body.counselling-testimonials li cite {
	padding: 0 25px; 
	float: right;
	}


/*--------------------------------------------------------------------------
Contact form
--------------------------------------------------------------------------*/
form {
	width: 492px;
	margin: 0;
	padding:0;
	}

form#contact label {
	width: 120px;
	display: block;
	float: left;
	}
	
form#contact input {
	width: 340px;
	}
	
fieldset {
	margin: 0;
	padding:10px;
	}

div.error-box {
/*	background: #CCFFFF;*/
	}

div.success-box {
	background: #CCFFFF;
	}
	
div.error-box p {
	background: transparent url(http://www.custfaq.com/cms/publish/uploads/image,1088,en.png) no-repeat scroll 0 0;
	padding-left:20px;
	}

div.error-box p a {
	color: #333;
	}
	
div.success-box {
	background: #B2D1B2;
	}
	
div.success-box p {
	background:transparent url(http://www.custfaq.com/cms/publish/uploads/image,1089,en.png) no-repeat scroll 0 0;
	padding-left:20px;
	}

form#contact input.error, form#contact select.error, form#contact textarea.error {
	background:#EA645E none repeat scroll 0 0;
	color:#FFFFFF;
	}
	
textarea {
	width: 460px; /* border around fieldset takes 2px */
/*	padding: 3px;*/
	}
	
/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/
#footer {
	background: #006699;
	padding: 5px 0;
	}

#footer p {
	color: #ccc;
	margin: 0;
	padding: 0;	
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	}
	
#footer p.address {
	}

#footer p.tel {
	}

#footer p.professional {
	}

/*--------------------------------------------------------------------------
Copyright
--------------------------------------------------------------------------*/
#copyright {
	background: #ccffff;
	margin: 0;
	}

#copyright p {
	color: #006699;
	text-align: center;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 16px;
	}