/* RESPONSIVE GRID SYSTEM =============================================================================  */


/*  MAIN LAYOUT	============================================================================= */
#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}

	#headcontainer {
		width: 100%;
		/*background: url('logo.png') no-repeat center top;*/
	}

		header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 100px 0px 10px 0px;
			position: relative;
			color: #000;
			text-align: center;
		}
 
	#maincontentcontainer { width: 100%; }
		.standardcontainer {
			
		}
		.darkcontainer {
			background: rgba(102, 102, 102, 0.05);
		}
		.lightcontainer {
			/*background: rgba(28, 146, 207, 0.1);*/
			border-bottom: #147DBE solid 1px;
		}
		.menucontainer {
			background: #135AB0 !important;
			/*position:fixed; */
			top:0;
			width:100% !important;
			z-index:999999 !important;
			min-height:160px;			
			/*border-bottom: #147DBE solid 1px;*/
		}

			.maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #333;
				line-height: 1.5em;
				position: relative;
			}
			.pagehead {
				padding:0 !important;
			}
			#header {
				width:100%;
				min-height:90px;
				clear:both;
			}
			#header h1 {
				line-height: 1em;
				margin:0;
				padding:0;
				color: #ffffff;
				text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);				
			}
			.headerleft {
				float:left;
				width:60%;
				text-align: center;
			}
			.headerright {
				float:right;
				width:40%;
				text-align: center;
				margin-top:0;
				line-height: 0.5em;
			}
			.headerleft p, .headerright p {
				font-size:1.2em;
				font-weight: bold;
				color:#f0f0f0;
				margin-top: 5px;
				line-height:1.2em;
			}
	
	#footercontainer {
		width: 100%;	
		border-top: 1px solid #000;
		/*background: #222 url(/images/footerback.png) left top;*/
		background: #222;
	}
	
		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 20px 0px 210px 0px;
			color: #999;
		}

		footer strong {
			font-size: 1.077em; /* 14 / 13 */
			color: #aaa;
		}


		footer a:link, footer a:visited { color: #999; text-decoration: underline; }
		footer a:hover { color: #fff; text-decoration: underline; }

			#smallprint {
				margin-top: 20px;
				line-height: 1.4em;
				text-align: center;
				color: #999;
				font-size: 0.923em; /* 12 / 13 */
			}

			#smallprint p{
				vertical-align: middle;
			}

			#smallprint .twitter-follow-button{
				margin-left: 1em;
				vertical-align: middle;
			}

			#smallprint img {
				margin: 0px 10px 15px 0px;
				vertical-align: middle;
				opacity: 0.5;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha( opacity  = 50);
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			#smallprint a:hover img {
				opacity: 1.0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha( opacity  = 100);
			}

			#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
			#smallprint a:hover { color: #999; text-decoration: underline; }



/*  SECTIONS  ============================================================================= */
.section { clear: both;	padding: 0px; margin: 0px; }
/*  GROUPING  ============================================================================= */
.group:before,.group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
/*  GRID COLUMN SETUP   ==================================================================== */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%; }
}

/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 { width: 100%; }
.span_3_of_4 { width: 74.6%; }
.span_2_of_4 { width: 49.2%; }
.span_1_of_4 { width: 23.8%; }
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.span_4_of_4 { width: 100%; }
	.span_3_of_4 { width: 100%; }
	.span_2_of_4 { width: 100%; }
	.span_1_of_4 { width: 100%; }
	#header h1 {font-size:1.6em;text-shadow: none;}
	.headerleft p, .headerright p {display:none;}
}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.logotop {
		display: none;
	}
	iframe {
		max-width:100%;
		height:auto;
	}
	.homeslider { display:none; }
	#logo h1 {font-size:2.5em;}
	#header h1 {font-size:2.2em;text-shadow: none;}
	.headerleft p, .headerright p {display:none;}
}

.nivoSlider {
	/* this is to resize the slider when the screen is resized */
	max-width: 100%;
	height: auto !important;
}