/*
Theme Name: Read Quality Building
Theme URI: http://www.readqualitybuilding.co.uk/
Author: dtwoCreative
Author URI: http://www.dtwocreative.co.uk
Description: Wordpress theme for Read Quality Building
Version: 1.0
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* Decalre the font face for website usage */ 


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

html, body {
	height: 100%;

}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		 }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	html, body { height:100%;  padding: 0; margin: 0 auto;}
	body {
		background: #f5f5f5;
		font-family: 'Rosario', sans-serif;		
		font-weight: 400;
		font-size:14px;
		color: #6b6b6b;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #444;
		font-family:'Rosario', sans-serif;
		font-weight: 400; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 36px; /** font-weight:700; */ line-height: 36px; color:#878787;  text-transform:uppercase;}
	h2 { font-size: 20px; line-height: 22px; color:#eb6e1f; margin-bottom: 10px; }
	h3 { font-size: 18px; line-height: 20px; margin-bottom: 8px; }
	h4 { font-size: 18px; line-height: 22px; margin-bottom: 4px; }
	.subheader { color: #454545; }
	.green, p strong { /*color:#2e5836;*/ }

	p { margin: 0 0 22px 0; font-size:14px; font-family: 'Rosario', sans-serif;; color:#878787; line-height:1.2em;}
	p img { margin: 0; }

	em { font-style: italic; }
	strong { font-weight:700; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #d6d6d6; border-width: 1px 0 0; clear: both; margin: 10px 0 23px; height: 0; }


/* #Links
================================================== */
	a { color: #666666; text-decoration: none; outline: 0; }

/* #Lists
================================================== */
	ul, ol { /**margin-bottom: 20px; */ }
	ul { list-style: inside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { /* line-height: 18px; */ margin-bottom: 3px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #f8b334;
	  	-moz-border-radius: 4px;
	  	-webkit-border-radius: 4px;
	  	border-radius: 4px;
		border:none;
	  	color: #FFF;
	  	display: inline-block;
	  	font-size: 13px;
	  	font-weight:700;
	  	text-decoration: none;
	  	cursor: pointer;
		padding:0;
	  	width:126px;
	  	height: 39px;
	  	line-height:39px;
	  	text-align:center;
	  	text-transform:uppercase;
	  	position:relative;
	  	z-index:8;
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		opacity:0.8;		
	}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
	
	.btn-grey { background:#c4c4c4 !important;}
	
	.btn-submit { margin-left:118px !important; margin-right:5px;}


/* #Forms
================================================== */

	form {
		position:relative;
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		/* border: 2px solid #d8d8d8;*/
		outline: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 0;
		width: 260px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		height:39px;
		width:352px;
		padding: 0 12px;
		box-shadow: inset 2px 2px 2px 2px #d8d8d8, 3px 3px 3px 3px #f2f2f2 ;
		-webkit-box-shadow: 		box-shadow: inset 2px 2px 2px 2px #d8d8d8, 3px 3px 3px 3px #f2f2f2;		
		border: 0;
		background: #e9e9e9;
		 }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		}
	textarea {
		min-width:350px; min-height:152px; padding: 0 10px; }
	label,
	legend {
		display: block;
		font-weight: 700;
		font-size: 14px;
		float:left;
		/*text-align:right*/;
		width:80px; 
		padding-right:16px;
		margin-top:10px;
		margin-right: 24px; }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	span.req { color:#c71e0c; }
	div.vr { display:block; width:1px; height:100%; background: #ddd; position:absolute; top:3px; left:174px; }
	
	
	.form .done { float:left; background:#ce171f url('./images/iconIdea.gif') no-repeat 2px; padding:20px; font-size:14px; width:283px; color:#FFF; margin:10px auto 10px 190px; display:none; }
	.form .screenReader { left: -9999px; position: absolute; top: -9999px; display:none; }
	.form form.contact-box .error { color:#fd1313; background:#e3e3e3 url(./images/alert.png) right 5px no-repeat; position:relative; z-index:9999; }
	.form form.contact-box label.error { display:none; border:none; position:absolute; right:9999em; text-indent:-9999em; }

	/* Label Styling for forms */	
	.contact-name h2 { font-weight: bold; text-transform:none !important;}
	.name-label, .email-label { margin-left: 38px; margin-right: 0px; padding-right: 0px; margin-top:8px;}
	.message-label { margin-left:11px; margin-right:27px; padding-right: 0px;}
	
	.wpcf7 form.sent .wpcf7-response-output {background: #f8b334; border: none; color: #000; text-align: center; font-size: 16px; padding: 20px}
    .wpcf7 form.invalid .wpcf7-response-output {border-color: #46b450; text-align: center; font-size: 16px; padding: 20px}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	
	.orange { color:#f8b334; }


/* #Base 960 Grid
================================================== */
	#wrap 										{ width:100%; margin:0 auto -110px; padding:0; height:100%; height:auto !important; min-height:84%; margin-bottom:50px; }
	#wrap:after 								{ content:""; display:block;}
    .container                                  { position:relative; width:100%;  z-index:0; background: #f5f5f5; margin:0 auto; padding:0; }
	.container .last 							{ margin-right:0; }
  	.container .full               				{ width: 910px; margin:0 auto 0; /**  padding:0 0 0; background:url(../images/content-inner-bg.png) left top repeat-y; position:relative; top:20px; border-radius:10px 10px 0 0;  */}
	
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }



/* #Site Styles
================================================== */

	#header-wrap-home { width:100%; margin:0 auto; height:61px; background:#FFFFFF; position:relative; text-transform:uppercase; z-index:77; /**box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); */ }
	#header-wrap-home header { width:910px; height:61px; margin:0 auto; position:relative; }
	a#read-logo { display:block; width:128px; height:130px; position:absolute; top:15px; background:#FFF; text-align:center; border-radius:5px; -moz-border-radius:5px; }	
	
	
	#header-wrap { width:100%; margin:0 auto; height:61px; background:#FFFFFF; position:relative; text-transform:uppercase; z-index:77;}
	#header-wrap { width:910px; margin:0 auto;  height:61px; background:#FFFFFF; position:relative; text-transform:uppercase; z-index:77; /**box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); */ behavior: url(PIE.php); }
	.top-bg-image { position:relative; left:0; top:0px; width:100%; overflow:hidden; z-index:2; height:117px;}
	.headcontainer { width:910px; margin:0 auto; position:relative; left:176px; top:32px;}
		
	nav#menu { margin:0 auto; height:38px; font-size:11px; position:absolute; right:0px; top:22px; font-family:'Rosario', sans-serif; padding-bottom:24px }
	nav#menu ul { margin:0; padding:0; list-style:none;  }
	nav#menu ul li { float:left; margin:0; padding:0; line-height:29px; position:relative; display:inline; z-index:44; margin-left:20px} 
	nav#menu ul li a { display: block; color:#9d9d9d; text-decoration:none; font-size:11px; font-weight:bold; background:transparent;}
	nav#menu a:hover, nav#menu ul li.current_page_item a, nav#menu ul li.current-page-ancestor a  { color:#f8b334; }		
	* html nav#menu ul li a { display:inline-block; }
	* html nav#menu { height:1%; }
	nav#menu ul li a { *display:inline; background-color:none; }	
	nav#menu ul li a:acitve { background-color:transparent !important; }
 
	
	#banner-wrap { width:100%; height:384px; position:relative; background:#f6faed; overflow:hidden !important; }	
	#banner {width:100%; height:384px; position:absolute; left:0; top:0; z-index:1; overflow:hidden !important; }
	#banner-image { width:100%; height:384px; left:0; top:0; z-index:1; overflow:hidden !important; }
	.banner-inner { width:910px; margin:0 auto; position:relative; z-index:8; }
	.banner-inner .banner-text { width:437px; position:absolute; right:0; top:64px; z-index:88; }	
	.banner-inner .banner-text h2 { color:#a5cf51;  font-size:18px; text-align:right; }
	.banner-inner .banner-text h1 { line-height:1.2em; color:#FFF; font-size:14px; margin:0 0 37px; text-align:right; font-weight:700;}
	.banner-inner .banner-text .bannerhead { font-size:29px; color: #FFF;  line-height:35px}
	.banner-inner .banner-text .bannerinnertxt { font-size:18px; color:#FFF;}	
	
	.rslides li img.bg-image {width:100%;overflow:hidden; z-index:2;}
	.rslides img { margin:0 auto; position:absolute; left:0; top:0;}	 
	.rslides {position: relative;list-style: none; overflow: hidden; width: 910px; padding: 0; margin: 0 auto;}
	.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%; left: 0;top: 0;}
	.rslides li:first-child { position: relative;display: block;float: left; }	
	
	.article h2 { font-size:16px; font-weight:normal !important; margin-bottom:0px !important;}
	
	#home-btns { width:910px; height:291px; background:transparent;; margin:0 auto; clear:both;}
	#home-btns .box { float:left; width:228px; height:176px; border:1px solid #dfdfdf; background:#FFF; padding:17px 25px; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:50px 34px 0 0;}	
	#home-btns .box h1 { font-weight:bold; font-size:18px !important; text-transform:uppercase; position:relative;  z-index:7; }
	#home-btns .box h2 { color:#878787; font-weight:bold; text-transform:uppercase;}
	#home-btns .box p { font-size: 14px; ; height: 64px;  z-index:5;}
	#home-btns .box img { position:absolute; right:0; bottom:-1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:1; }
	#home-btns .box .ops {width: 160px; position:relative; }
	#home-btns .box a img:hover { opacity:1; }
	#home-btns .last { margin-right:0; }
	
	.leftcol { float:left; width:595px; margin: 40px 25px 50px 10px; font-size:14px; min-height:100%; }
	.leftcol h1 { font-size:36px; text-transform:uppercase; }
	.leftcol h2 {font-size:16px; text-transform:uppercase; color: #008248; }
	.leftcol h3	{font-size:15px; color:#a5cf51; }
	.leftimg { margin-bottom: 21px;}

	.leftleftcol {width:282px;}

	.rightleftcol { float:right; width:279px;}
	.rightleftcol img { margin-bottom:36px}
	
	.rightcol { float:right; width:280px; margin-bottom:28px;}
	.rightcol p { line-height: 1.4em !important; }
	.rightcol .box { float:left; width:228px; height:176px; border:1px solid #dfdfdf; background:#FFF; padding:17px 25px; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin: 25px 0 0 0; }	
	.rightcol .box h1 { font-weight:bold; font-size:18px !important; text-transform:uppercase; position:relative;  z-index:7; }
	.rightcol .box h2 { color:#878787; font-weight:bold; text-transform:uppercase;}
	.rightcol .box p { font-size: 14px; height: 64px;  z-index:5;}
	.rightcol .box img { position:absolute; right:0; bottom:-1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:0; }
	.rightcol .box a img:hover { opacity:1; }
	.rightcol .box .ops {width: 160px; position:relative; }

	.rightnav { background:#e9e9e9; color:#878787; padding:40px 25px 40px 25px;; /* margin-bottom:30px; */ width:230px;}		 
	.rightnav li { width:230px; list-style: none; height:35px; line-height:35px; border-bottom: 1px solid #d6d6d6; margin-bottom:0px;}	
	.rightnav .box1left .landops { background:#FFF;}	
	.rightnav a, .rightnav a:link { color:#878787}	
	.rightnav a:hover { color:#646464 !important;}
	.rightnav ul li.current_page_item a { font-weight:bold; color:#646464 !important;}
	.rightselected a { color:#646464 !important; font-weight:bold;}
	.rightnav ul li a {text-decoration:none; background:transparent; padding-bottom:0px;}
	.rightnav li:last-child { border-bottom:none; padding-bottom:0; }
	.rightnav li:first-child { padding-top:0px; }


    .bottom-footer-wrap-home { width:100%; margin:0 auto; height:76px; line-height:76px; background:#FFF; position:relative; } 
    .bottom-footer-wrap { width:100%; margin:110px auto 0; height:76px; line-height:76px; background:#FFF; position:relative; } 
	.bottom-footer { height:76px; width:743px; margin:0 auto; position:relative }
	.bottom-footer span { height:42px; padding-right: 20px; color:#878787; width:200px; margin-right:33px; border-right:2px solid #d5d5d5; line-height:42px; width:172px;}
	.bottom-footer .contact { text-transform:uppercase;}
	.bottom-footer ul, .bottom-footer li, .bottom-footer a { color:#878787; display:inline-block;}

	.tel img, .mail img { vertical-align:middle; margin-right:2px;}
	.mail { font-size: 19px; font-weight:bold; border-right: 0px !important; padding-right:0 !important; margin-left:12px;}
	.mail a:hover { text-decoration:underline;}

	.img { vertical-align:middle; }
	.tel { font-size:19px; font-weight:bold; }
	.contact { font-size:18px; font-weight:bold;}
	.tela { padding: none; font-weight:bold; color: #6b6b6b !important;}
	.time { color:#6b6b6b;}
	
	#gallery-1 img { background:transparent !important; border:none !important; width:182px; height:182px;}
	
	#footer-wrap { width:100%; background:#878787; position:relative; }	
	#footer-wrap footer { width:910px; height:34px; line-height:34px; margin:0 auto; font-size:10px; color:#FFF; position: relative; margin-bottom:-1px; } /* negative value of footer height */
	#footer-wrap footer a { color:#FFF; text-decoration:none;}
	#footer-wrap a:hover { text-decoration:underline;}
	.right { float:right; } 
	.left { float:left; }
	
	.pagetitle {height:117px;}
	.pagetitle h1 { font-size:30px; color:#FFF; top:21px;}
	.pageheading  {color:#FFF !important; font-size:30px !important; position:absolute; z-index:15;}
	.titlehead  { font-size:24px }

	.wp-image-156 { margin: -35px 0 0 -10px;}