/* RESPONSIVE GRID SYSTEM =============================================================================  */
body {
	background: #7A765E;
}

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

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

	#headcontainer {
		width: 100%;
	}

		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 {
		}

			.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;
				background: #fff url("watermark.png") no-repeat top left;
				/*border-bottom: #147DBE solid 1px;*/
			}
			.pagehead {
				padding:0 !important;
			}
			.content {
				padding:0 20px;
			}
			.headertext {
				z-index:100;
				position:absolute;
				width:100%;
				padding:5px 0;
				background:#fff;
				opacity: 0.7;
				font-family:Georgia,"Times New Roman", times;
				font-style:italic;font-size:18px; 
			}
			span.left{float:left; padding-left:10px;}
			span.right{float:right;padding-right:10px;}
			
			.sidebarbox { background: #E7E8CF; border:#CBCF85 2px solid; border-radius: 8px; padding:10px; margin:0px 10px 0px 0px; box-shadow: 1px 1px 5px #DCE3E1; }
			.sidebarbox ul { list-style: none; cursor: pointer; margin: 0; padding: 0; }
			.sidebarbox h2 { margin:0px 0px 10px 0px;font-size: 24px; }
			.sidebarbox li { padding-bottom:10px; color: #333; font-size:0.9em; }
			
	#footercontainer {
		width: 100%;	
		border-top: 0px solid #333;
		min-height:50px;
		background: #605B40;
		box-shadow: inset 0 6px 6px -6px #222;
		-webkit-box-shadow: inset 0px 6px 6px -6px #222;
		-moz-box-shadow: inset 0px 6px 6px -6px #222;
		-o-box-shadow: inset 0px 6px 6px -6px #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: #fff;
				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: #fff; text-decoration: none; }
			#smallprint a:hover { color: #fff; text-decoration: underline; }

			#smallprint .social {
				float:right;
			}


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

@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;
	}
	.sidebarbox { background: #E7E8CF; border:#CBCF85 2px solid; padding:10px; margin:0px 5px 0px 5px; box-shadow: 1px 1px 5px #DCE3E1; }

}

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