/* Start of CMSMS style sheet 'Consultants - 1 - Layout' */
/*
* Directory 1.0
* Copyright 2012, The Company Warehouse
* www.thecompanywarehouse.co.uk
* 07/12/2012
*/

/* Table of Content
==================================================
	
	#Icon Fonts
	#Site Styles
	#Navigation
	#Page Styles
	#Page Specific Styles
	#Media Queries */



/* #Site Styles
================================================== */
	.page-wrap { min-height: 100%; width: 100%; border-top: 1px solid transparent; }
	.page { margin: 0 auto; overflow: visible; padding-bottom:82px; }

	/* Section Classes */
	.block { clear: both; position: relative; width: 100%; }

/* #Navigation
================================================== */
	.nav-wrapper {
		position: relative;
		margin-bottom:10px;
	}	
	

/* #Page Styles
================================================== */

	/* Header */
	.header {
		clear: both;
		color: #fff;
		width: 100%;
		position: relative;
		z-index:10;
		padding:30px 0 10px;
		background: #65c6dd; /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(101,198,221,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,198,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(101,198,221,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65c6dd', endColorstr='#ffffff',GradientType=0 ); 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient"( startColorstr='#65c6dd', endColorstr='#ffffff',GradientType=0 );/* IE6-9 */
	}
	
	.header .container12 > .nine.columns {
		background-image:url('uploads/images/content-images/logos/header-right-logo.png');
    	background-repeat:no-repeat;
    	background-position:bottom right;
		height:225px;
	}
	
	.banner {font-size:30px;color:#005596;padding-top:30px;}


	/* Header Social Media */
	.social {text-align:right;list-style:none;}
	.social li {display:inline-block;margin-left:5px;margin-bottom:0;}
	.social li:first-child {margin-left:0;}
	

	/* Logo */
	.logo {
		max-width: 100%;
		height: auto;
	}	

	
	
	/* ----------- */
	/* Page */
	.page-header h1{color:#fff;background-color:#ff7f00;padding:5px 10px 8px;margin-bottom:10px;}
	
	/* ------ */
	/* left sidebar */
	.donations {color:#fff;background-color:#339900;padding:5px 8px;}
	.donations h1 , .donations h2, .donations h3, .donations a.button, .donations a.button:visited{font-size:16px;color:#fff;text-transform:uppercase;}
	.donations a.button, .donations a.button:visited {width:100%;margin-bottom:0;}
	.sideimg, .sideimg p{padding:10px;font-style:italic;}
	
	/* green background */
	.page > .container12 > .three.columns {background-color:#7ac142;}
	.page > .container12.main {
		background-image:url('templates/default/images/left-sidenav-bg.gif');
		background-position: left center;
    	background-repeat: repeat-y;}
		
	/* ------ */
	/* main column */
	.page .nine.columns > .nine.columns.alpha.omega:first-child img{margin-bottom:20px;}
	
	/* ------ */
	/* right sidebar */
	.page .nine.columns .three.columns.omega {background-color:#e6e6e6;border:1px solid #a6a6a6;padding:3px 10px;margin-bottom:20px;}
	.page .nine.columns .three.columns.omega h3 {font-size:18px;}
	

	
	
	
	

	/* ----------- */
	/* Footer */
	.footer-wrapper {
		width: 100%;
		margin-top: -82px;
		margin-left: auto;
		margin-right: auto;
		background-color: #ff7f00;
		color: #fff;
		min-height: 82px;
	}
	.footer-wrap { clear: both; margin: 0 auto;  }
	.footer {
		padding-top:20px;
		font-size: 10px;
	}
	.footer a, .footer a:visited {color:#fff;}
	.footer a:hover, .footer a:focus, .footer a:active {color:#fff;}
	
	.footer-details {text-align: left;}




/* #Page Specific Styles
================================================== */

	/* Contact - form modifications */
	.default-form > div {clear:both;margin-bottom:10px;}
	.default-form label {float:left;}
	.default-form input, .default-form textarea {float:right;}








/* #Media Queries
================================================== */

@media only screen and (min-width: 960px) {

}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		
		
		
		/* ---------- */
		/* Page */
		/* green background */
		.page > .container12.main {
		background-image:url('templates/default/images/left-sidenav-bg-mid.gif');}
		
		.footer-wrap { width: 768px; }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) { 

		/* Center align */
		.logo-wrapper, .social, .footer-details {
			text-align: center;
		}

		
		/* ---------- */
		/* Header */
		.header .container12 > .nine.columns {background-image:none;height:auto;}
		
		/* Social icons */
		ul.social {margin-bottom:0;}

		/* Hide second tier of navigation */
		.nav ul li:hover ul { display: none; }
		/* Take out the extra height needed to position the nav to the bottom */
		.nav-wrapper { 
			min-height: 0;
		}
		/* Take out the extra height needed to position the nav to the bottom */
		.nav {
			position: static;
		}
		
		
		
		/* ---------- */
		/* Page */
		/* green background */
		.page > .container12.main {
		background-image:none;}
		.page > .container12 > .three.columns {margin-bottom:20px;}




		/* ---------- */
		/* Footer */
		/* Update footer padding to allow for multi line text */
		.footer { padding-top: 20px; }
		

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


		/* Centrally align the logo */
		.logo { float: none; text-align: center; }

		.footer-wrap { width: 300px; }

	}
/* End of 'Consultants - 1 - Layout' */