/* CSS Document */

@font-face {
    font-family: 'ChunkFive';
    src: url('fonts/Chunkfive-webfont.eot');
    src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Christopher';
    src: url('fonts/comesinhandy-webfont.eot');
    src: url('fonts/comesinhandy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comesinhandy-webfont.woff') format('woff'),
         url('fonts/comesinhandy-webfont.ttf') format('truetype'),
         url('fonts/comesinhandy-webfont.svg#ChristopherhandRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont?#iefix') format('embedded-opentype'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#museo-300') format('svg');
    font-weight: normal;
    font-style: normal;
}

.left {float:left;}
.right {float:right;}
.overflow {overflow:auto;}


html, body {
  min-height: 100%;
}

html {
    background:#4a5455 url(images/site_bg.jpg) no-repeat top center;
}

body {
  color: #fff;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

a {
	color:#9b9d9d;
	font-weight:bold;
	text-transform:uppercase;	
}

h1, h2, h3, h4, h5, h6, p, ul, ol
{
    padding-top: 8px;
    padding-bottom: 8px;
}

h1, h2, h3, h4, h5, h6, blockquote
{
    
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'ChunkFive', sans-serif;
	color: #fff;
	text-shadow:0 2px 2px #000;
}

h1
{
	font-size: 300%;
	line-height: 1.2;
}

h2
{
	font-size: 180%;
	line-height: 1.3;
}

h3
{
	font-size: 150%;
	line-height: 1.4;
}

p {
	padding:0 0 16px;	
}


.wrapper {
	width:960px;
	margin:0 auto;	
}


#header {
	padding:30px 0 0;
	height:190px;	
}
	img#logo {
		float:left;	
	}
	#header h1 {
		display:none;
		float:left;	
	}
	
	#headercontact {
		float:right;
		width:250px;
		padding:30px 0 0;	
	}
	#headercontact p {
		text-align:right;
		line-height:30px;
		padding:0 0 0 30px;
		background-position:left center !important;
		background-repeat:no-repeat !important;
	}
	#headercontact p.tel { background:url(images/tel-black.png);}
	#headercontact p.mob { background:url(images/mob-black.png);}
	#headercontact p.email { background:url(images/email-black.png);}
	
	#headercontact p.tel, #headercontact p.mob {
		font:31px 'Museo';	
	}
	#headercontact p.email {
		font-size:17px;	
	}
	

#questions {
	font:24px/36px 'ChunkFive';	
	height:280px;
	background:url(images/theseare.png) right center no-repeat;
}
#questions p {
	color:#223139;
	font-size:48px;
	padding:30px 0 0;
}

#questions ul {
	list-style:none;
	margin:0;
	text-shadow:0 0 1px rgba(0,0,0,0.1); 
}

#welcome {
	padding:40px 0;
	overflow:auto;	
}

	
	#welcometext {
		float:left;
		width:600px;
		line-height:28px;
	}
	#welcometext h2 {
		font-size:36px;	
	}
	#welcometext p {
		font-size:15px;	
	}
	#welcometext p.larger {
		font-size:150%;
	}
	#reasons {
		float:right;
		background:rgba(0,0,0,0.3);
		padding:30px;
		width:245px;
		line-height:26px;	
	}
	#reasons p {
		font-size:33px;
		font-family:'Christopher';
		text-shadow:0 0 1px rgba(0,0,0,0.1); 
	}
	#reasons ul {
		font-family:'Helvetica';	
	}

#quote {
	clear:both;
	background: rgba(0,0,0,0.2);
	padding:22px 0;
	text-align:center;
	
}
	#quote blockquote {
		font:27px/30px "Museo";	
		min-height:122px;
		background:url(images/rainer.png) 85% center no-repeat;
	}
	#quote blockquote span.quotes {
		font:30px/30px "Times New Roman", Times, serif;	
	}
	#quoteauthor {
		font-size:20px;	
	}

#whathappens {
	clear:both;
	background: rgba(0,0,0,0.3);
	width:800px;
	padding:60px 80px;
	margin:0 auto 70px;	
}
#bottomboxes {
	overflow:visible;
}

#wayiwork {
	width:450px;
	float:left;	
}
	#wayiwork a#skype {
		background:url(images/skype.png) center top no-repeat;
		width:57px;
		height:25px;
		display:inline-block;
		position:relative;
		top:-1px;
		margin-bottom:-25px;
		color:transparent !important;
	}
	#wayiwork a#skype:hover {
		background:url(images/skype.png) center bottom no-repeat;
	}
	#wayiwork h2#supervision {
		padding-top:30px;	
	}
#memberships, #qualifications {
	background: rgba(0,0,0,0.2);
	padding: 30px;
	width:	400px;
	overflow:auto;
}

#memberships p, #qualifications p {
	width:320px;	
}

#bottomboxes .logos {
	float:left;
	width:80px;	
}

#bottomboxes .logos img {
	float:left;	
}

#bottomboxes .logos a {
	margin:0 0 10px -10px;
	padding:10px;
	display:inline-block;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
	transition:0.3s all;	
}
#bottomboxes .logos a:hover {
	background:rgba(255,255,255,0.1);
	box-shadow:0 0 8px #3574c6	
}

#memberships {
	margin:-25px 0 40px;	
}

#qualifications ul {
	margin:0;	
}


#footer {
	clear:both;
	background:url(images/footer_bg.jpg) no-repeat center top;
/* 	height:390px; */
	padding:125px 0 0;
	background-size: cover;
}

	#footer .wrapper {
		overflow: auto;
	}
	
	#footer #info {
		float:left;
		width:360px;	
	}
	#footer h3 {
		font:65px 'Christopher';	
		padding:0;
		margin:0 0 -15px;
		text-shadow:none;
	}
	
	#footer #contactdetails p {
		font-size:18px;
		line-height:30px;
		padding:0 0 0 30px;
		background-position:left center;
		background-repeat:no-repeat;
			
	}
	#footer p.tel { background:url(images/tel-white.png);}
	#footer p.mob { background:url(images/mob-white.png);}
	#footer p.email { background:url(images/email-white.png);}
	
	
	#footer #contactform {
		float:right;
		width:480px;
		padding:10px 0 0;
	}
	#footer #contactform p#contactme {
		font-size:24px;
	}
	#footer #contactform .error {
		color:white;
		font-size:14px;
		background: red;
		background:rgba(255,0,0,0.6);
		padding:6px 13px;
		border-radius:5px;
		float:right;
		letter-spacing:1px;
	}
	#footer #contactform #message h2 {
		text-shadow:0 0 1px rgba(0,0,0,0.1);	
	}
	#footer #contactform #message p {
		font-size:18px;
	}
	
	#footer .g-recaptcha {
		margin-left:  50px;
	}
	
	#footer form label {
		width:50px;
		margin:0 0 0 -50px;
		float:left;
		font-size:11px;
		line-height:30px;
	}
	#footer form p {
		padding-left:50px;	
	}
	#footer input, #footer textarea {
		border:none;
		padding:7px 10px;
		width:410px;
		background:rgba(255,255,255,0.9);	
	}
	#footer textarea {
		resize:none;
		height:150px;
		line-height:1.2;	
	}
	#footer input[type=submit] {
		margin:0 0 -5px;
		padding:10px 20px;
		width:430px;	
		background:#495253;
		color:#fff;
		background-image: -webkit-linear-gradient(top, #495253, #18242a);
   		background-image:    -moz-linear-gradient(top, #495253, #18242a);
  		background-image:     -ms-linear-gradient(top, #495253, #18242a);
   		background-image:      -o-linear-gradient(top, #495253, #18242a);
		border-radius:5px;
		box-shadow:0 0 5px #000;
		font:16px 'Museo';
		-webkit-transition:0.3s all;
		-moz-transition:0.3s all;
	}
	#footer input[type=submit]:hover {
		background-image: -webkit-linear-gradient(top, #495253, #000);
   		background-image:    -moz-linear-gradient(top, #495253, #000);
  		background-image:     -ms-linear-gradient(top, #495253, #000);
   		background-image:      -o-linear-gradient(top, #495253, #000);	
	}
	
	
	
@media screen and (max-width: 600px) {


	#quote, #quote blockquote {
		background:none;
}