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

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


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


/* #News Ticker
================================================== */

div#newsticker {
	border-bottom: 1px solid #23aae1;
	clear:both;
	height: 30px;
	position:relative;
	font-size: 12px;
	margin: 0 0 20px 0;
}
ul#news {
	float:left;
	height:30px;
	left:0px;
	list-style-type:none;
	margin:0 10px 0 0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:0;
}
ul#news li {
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
}
ul.ticker-controls {
	height:20px;
	list-style:none;
	margin:0;
	overflow:hidden;
	position:absolute;
	right:70px;
	top:5px;
}
ul.ticker-controls li {
	float:left;
	height:20px;
	margin:0 5px 0 0;
	width:20px;	
}
ul.ticker-controls li a,
ul.ticker-controls li a:visited,
ul.ticker-controls li a:hover {
	display:block;
	height:20px;
	outline:none;
	text-indent:-9999px;
	width:20px;
}
ul.ticker-controls li.stop a {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) 0 0 no-repeat;
}
ul.ticker-controls li.stop a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) 0 -20px no-repeat;
}
ul.ticker-controls li.resume a {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) -16px 0 no-repeat;/* 16px was 20, 40, 60*/
}
ul.ticker-controls li.resume a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) -16px -20px no-repeat;
}
ul.ticker-controls li.previous a {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) -36px 0 no-repeat;
}
ul.ticker-controls li.previous a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) -36px -20px no-repeat;
}
ul.ticker-controls li.next a {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) -56px 0 no-repeat;
}
ul.ticker-controls li.next a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls.gif) -56px -20px no-repeat;
}
.news-link {
	position: absolute;
	top: 5px;
	right: 0;
}
.news-link a:link,
.news-link a:visited {
	display: block;
	background: #231f20;
	color: white;
	padding: 3px;
	text-decoration: none;
	line-height: 1;
	font-size: 12px;
}
.news-link a:hover,
.news-link a:active {
	background: #23aae1;
	color: white;
	text-decoration:none;
}


/* #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
================================================== */

	.nav { clear: both; padding: 20px 0; width: 100%; z-index: 100; }

	/* Reset */
	.nav ul { list-style: none; margin: 0; padding: 0; }
	.nav li { margin: 0; padding: 0; }
	.nav a { text-decoration: none; }



/* -----------------------------*/
	/* First Tier */
	.nav ul { text-align: center; }
	.nav li { display: inline-block; position:relative;  margin-right: 10px; padding:5px 15px 5px 0; border-right:2px solid #aeb4b7;}
	.nav li:first-of-type { margin-left: 0; }


	.nav li a, nav li a:visited { color:#231f20; display: inline-block; font-size:14px; font-weight:700;}
	.nav li a.currentpage,
	.nav .clearfix li a.currentpage,
	.nav li a:hover, 
	.nav li:hover > a { text-decoration:none; color:#23aae1; }



	/* Parent */
	.nav li.parent a:hover, 
	.nav li.parent:hover > a { background: #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0 19px; }

	/* Second Tier */
	.nav ul ul { display: none; }
	.nav ul li:hover ul { display: block; }

	.nav ul ul {  border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; left: 0; position: absolute; top: 40px; }
	.nav li li {}
	.nav li li a,
	.nav li li a:visited { background: #fff; color: #111; white-space:nowrap;  }

	/* Child */
	.nav li.parent li a:hover { border-left: none; border-right: none; padding: 0 20px; }





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


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

	.header .contact-search { background:#231f20; padding:15px 0 0;}
	.header .contact-search, .header .contact-search a { color:#fff; }
	.header .contact-search a:hover  { text-decoration:underline; }
	.header .contact-search li { display:inline; }
	.header .contact-search li img { margin:-5px 5px;}


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


	/* Logo */
	#logo { text-align:center; }


	/* Content */
	#main-content, #header-content, #footer-content, 
	.section-content, #mantra-content, #testimonial-content {margin:10px 10px 20px;}

	#main-content, #header-content {padding:20px 0 10px;border-top:8px solid #231f20;}



/* Footer */
#footer, #footer strong, #footer a, #footer a:visited { background:#231f20; color: #fff; font-size:11px;}
#footer li { margin-bottom:10px; }
#footer .container12 { padding:20px 0 30px; }
#footer .container12 .tcw { text-align:right; }
#footer a, #footer a:visited { text-decoration:underline;}





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

	/* a) Home */
	.banner, #mantra-content {text-align:center;}
	#testimonial-content {text-align:left;}

	#featured-content {background:#231f20;}
	.banner {padding:0 10px;}
	.banner h1 {margin-bottom:10px;}
	.banner h1, .banner p {color:#fff;}

	#mantra-content {padding:10px 0 20px;border-bottom:8px solid #231f20;}
	#mantra-content .mantra-content {height:275px;padding-right:15px;border-right:2px solid #23aae1;}
	#mantra-content .alpha .mantra-content {padding-right:0;border-right:0;}
	#mantra-content img {margin-left:-10px;}
	#mantra-content h2 {margin-bottom:32px;}
	
	#testimonial-content .four.columns {min-height:575px;background:#e0ecf1;}	
	#testimonial-content .testimonial-content {padding:10px;font-size:12px;}



	/* b) Case Studies */
	.section-content {margin:10px 10px 20px;padding:10px 0 20px;border-bottom:8px solid #231f20;}
	.section-content.last {border-bottom:0;}
	.section-content .omega img {float:right;}
	.section-content .omega p, .section-content .omega em {clear:both;}

	.section-content .omega p{padding:20px  0 0 40px;}
	.section-content .omega p:before {content:url('uploads/images/icons/quote.png');margin-left:-50px;}




/* #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 */
		#mantra-content .mantra-content {height:275px;}
		#testimonial-content .four.columns {margin-bottom:0;min-height:575px;}
}

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

		/* Top Bar */
		.header .contact-search {padding:15px 0 0;text-align:left;}
		.searchbar input[type="text"] {width:220px;}

		/* Content */
		#mantra-content .mantra-content {height:325px;padding-right:15px;border-right:2px solid #23aae1;border-bottom:0;margin-bottom:0;}
		#testimonial-content .four.columns {margin-bottom:0;min-height:600px;}
		#testimonial-content .four.columns img{width:auto;}

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





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

		/* Top Bar */
		.header .contact-search {padding:15px 0;text-align:center;}
		.searchbar form {margin:10px 0;}
		.searchbar input[type="text"] {width:100%;}

		/* Content */
		#mantra-content .mantra-content {height:auto;padding-right:0;border-right:0;margin-bottom:15px;border-bottom:2px solid #23aae1;}
		#testimonial-content .four.columns {margin-bottom:40px;min-height:0;}
		#testimonial-content .four.columns img{width:100%;}

		/* 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; }




/* -------------- */	
/* news ticker */
	div#newsticker {height:80px;padding-bottom:10px;}
	ul#news {float:none;position:relative;margin:0;}
	ul.ticker-controls, .news-link {display:inline-block;top:40px;bottom:0;}
	

/* -------------- */	
/* larger buttons */
ul.ticker-controls {
	height:30px;
}
ul.ticker-controls li {
	float:left;
	height:30px;
	margin:0 8px 0 0;
	width:30px;	
}
ul.ticker-controls li a,
ul.ticker-controls li a:visited,
ul.ticker-controls li a:hover {
	height:30px;
	width:30px;
}
ul.ticker-controls li.stop a {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) 0 0 no-repeat;
}
ul.ticker-controls li.stop a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) 0 -30px no-repeat;
}
ul.ticker-controls li.resume a {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) -30px 0 no-repeat;
}
ul.ticker-controls li.resume a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) -30px -30px no-repeat;
}
ul.ticker-controls li.previous a {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) -60px 0 no-repeat;
}
ul.ticker-controls li.previous a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) -60px -30px no-repeat;
}
ul.ticker-controls li.next a {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) -90px 0 no-repeat;
}
ul.ticker-controls li.next a:hover {
	background:url(templates/default/images/newsfeed-ticker-controls-small.gif) -90px -30px no-repeat;
}


/* -------------- */
/* all stories */
.news-link a:link, .news-link a:visited{height:30px;font-size:14px;padding:8px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}



}






/* 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' */