/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	

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

	body { background: #0055a5; }
	.container { padding-top: 20px; }
	.outercontainer { border-top:5px solid #0055a5; background: #fff; }
	.header { padding: 20px 0; background: #fff; border-bottom:5px solid #e0eaf2; }
	.header.homepage {border: 0; }
	.header p { margin: 0; }
	.headerleft { float: left; }
	.headertext { font-size: 36px; color: #0055a5; line-height:120%; }
	.headerright { float: right; }
	.topnav ul { margin: 0; padding: 0; list-style-type: none; }
	.topnav ul li { float: left; margin-left: 20px; }
	.topnav ul li a { text-decoration: none; }
	.headerright .telnumber {text-align:right; font-size:1.7em; color:#0055a5; font-weight: bold; }
	
	.slideshowouter { background: #e0eaf2; margin-bottom: 20px; }
	.slideshowouter .container, .header .container, .homepage .container, .footer.container { padding-top: 0; }
	.slideshowouter .slideshowcontainer { background: #fff; }
	.slideshowouter .slideshowcontainer img { margin-bottom: -5px; }
	#slider { display: none; }

	.homepagepanel { border: 1px solid #0055a5; text-align: center; background: #0055a5; color: #fff; line-height: 120%; }
	.homepagepanel img { width: 100%; }
	.homepagepanel a { display:block; height: 36px; color: #fff; text-decoration: none; padding: 0 10px; }
	.one-half.column .homepagepanel a { display:block; font-size: 18px; height: auto; font-weight:bold; color: #fff; text-decoration: none; padding: 5px 10px 7px; line-heigh100%: 0; }
	.homepagepanel.subscribepanel p { color: #0055a5; font-size: 18px; line-height: 120%; font-weight:bold;  }
	.homepagepanel.casestudiespanel { height: 152px; overflow: hidden; border: 1px solid #0055a5; background: #fff; color: #000; text-align:left; font-size: 0.9em; } 
	.homepagepanel.casestudiespanel p {margin: 0; } 
	.homepagepanel.casestudiespanel .title { font-size: 18px; padding:0; color: #000; font-weight: bold; height: auto; line-height: 120%; margin-bottom: 5px; } 
	.homepagepanel.casestudiespanel a { font-size: 1em; padding:0; color: #0055a5; height: auto; line-height: 120%; display: inline; } 
	.homepagepanel.subscribepanel { background: #fff; padding: 10px; border: 1px solid #0055a5; background: #e0eaf2; }
	.column .homepagepanel.subscribepanel label input { display: inline; margin-bottom: 5px; }
	.column .homepagepanel.subscribepanel p { margin-bottom: 5px; }
	
	
	.footer { font-size: 0.8em; color: #fff; }
	.footer a { color: #fff; }
	.footer p { margin: 0; }
	
	.container #casestudiesmodule .modulegridcontainer .listitem { border-bottom: 5px solid #e0eaf2; margin-bottom:20px; padding-bottom: 20px; }
	.container #casestudiesmodule .modulegridcontainer .listitem .listimage { width: 200px; float: left; margin-right:30px; }
	.container #casestudiesmodule .modulegridcontainer .listitem .listimage img { vertical-align: top; }
	.container #casestudiesmodule .modulegridcontainer .listitem .listtitle a {
		color: #0055a5;
		 font-family: Buenard, "Times New Roman", Times, serif;
		font-weight: normal;
		text-decoration: none;
		font-size: 24px; }
	.container #casestudiesmodule .modulegridcontainer .listitem .morelink a { color: #0055a5; text-decoration: none; }
	.container #casestudiesmodule .itemtitle {
		color: #0055a5;
		 font-family: Buenard, "Times New Roman", Times, serif;
		font-weight: normal;
		text-decoration: none;
		font-size: 30px; }
	.container #casestudiesmodule .itemimage { margin-bottom: 20px; }
	

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

/* #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) {
		.homepagepanel.casestudiespanel { height: 173px; } 
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.homepagepanel.casestudiespanel { height: auto; padding-bottom: 10px;margin-bottom: 20px; } 
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.headertext { font-size: 24px; }
		.headerright {float: left; text-align: left; margin-top:10px; }
		.topnav ul li { margin-left: 0; margin-right: 20px; }
		.headerright .telnumber { text-align: left; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.headertext { font-size: 24px; }
		.headerright {float: left; text-align: left; margin-top:10px; }
		.topnav ul li { margin-left: 0; margin-right: 20px; }
		.headerright .telnumber { text-align: left; }
	}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/