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

/* Table of Contents
==================================================
	
	#Site Styles
	#Navigation
	#Page Styles
	#Page Specific Styles
	#Media Queries */


	/* #Fonts (in base.css)
================================================== */



/* #Site Styles
================================================== */
	.page-wrap { min-height: 100%; width: 100%; }
	.page { margin: 0 auto; overflow: visible; }

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


/* #Navigation (see responsive nav css)
================================================== */

	/* Menu */	
	#menu {background:#e1e1e1;}
	#menu a {font-weight:bold;}


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


	/* Header */
	.header { clear: both; width: 100%; }

	/* top bar */
	.top-bar {background:#981b1e;padding:5px 0;}
	.top-bar ul{margin-bottom:0;}
	.top-bar li{display:inline-block;margin:0 10px;}
	.top-bar li:first-child{margin-left:20px;}
	.top-bar img{vertical-align:middle;margin-right:10px;}
	
	.top-bar li, .top-bar li a, .top-bar li a:visited{font-size:14px;color:#fff;}
	.top-bar li a:hover, .top-bar li a:focus{color:#fff;}
	
	/* logo band */
	#logo {text-align:center;margin:0;}

	/* Search in base.css under forms */
	.searchbar { text-align:right; }
	.searchbar  label {display:none;}

	
	/* Content */
	
	/* Featured */
	#featured {background-color:#e1e1e1;padding-top:20px;padding-bottom:20px;}
	#featured img {margin-top:20px;}
	#featured .text {margin-top:10px;padding:0 100px;text-align:center;}/* main text */
	#featured h1 {color:#ed1c24;}
	#featured p {line-height:18px;}
	/* Main Content */
	#main > .container12{margin:20px auto;}
	
	
	/* Gallery resets */
	#featured .gallery img{margin-top:0;}
	.gallery .img a, .gallery .img a:hover, .gallery .img a:active{border:0 !important;}
	
	
	/* Footer */
	#footer {background:transparent;}
	#footer a, #footer a:visited { text-decoration:underline;color:#fff;}
	#footer br{margin-bottom:0;}
	
	#contact {background:#981b1e;padding:5px 0;text-align:center;}
	#contact img {margin:0 10px;}
	#contact a:first-child img {margin-left:0;}
	#footer .social{display:block;margin:0 0 -5px;}
	
	#company-details {background:#231f20; color:#fff; font-size:10px;}
	#company-details li { margin-bottom:10px; }
	#company-details .container12 { padding:20px 0 30px; }
	#company-details .container12 .tcw { text-align:right; }





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

	/* a) Home */
	.home #featured {padding-bottom:0;/* margin-top:190px; */
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #e1e1e1 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(50%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#e1e1e1 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#e1e1e1 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#e1e1e1 50%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 50%,#e1e1e1 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e1e1e1',GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient"( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */}
	
	#links {text-align:center;margin:0 auto;}
	#links .red {background:#ed1c24;}
	#links .white {background:#fff;}
	#links .container12{padding:10px 0 5px;}
	#links h3 {color:#ed1c24;font-size:20px;}




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

	/* 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) {

		.footer-wrap { width: 768px; }

	}

/* Desktop screens */
@media only screen and (min-width: 960px) {
		/* Content */
}

/* Most screens */
@media only screen and (min-width: 768px) {

		/* Header */

		/* Content */


		/* Footer */
		#footer .container12 .tcw {text-align:right;}
}





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

		/* Header */
		.top-bar li{margin-bottom:10px;}
		#logo { text-align:center;margin:0 auto; }

		/* Content */
		#featured .text{padding:0;}
		.home #featured, .home #featured .container12 {margin-top:0;}

		/* Footer */
		#footer .container12 .tcw {text-align:left;}


		/* Hide second tier of navigation */
		.nav ul li:hover ul { display: none; }

		/* Hide feature window */
		#feature { display: none; }

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

}






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

		.header .contact-search li {display:inline;}
}


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

		.header .contact-search li {display:block;}

		/* Reduce font size */
		html { font-size: 57.5%; }

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

		.footer-wrap { width: 300px; }

}
/* End of 'layout' */