/* -----------------------------------------------
----------------- Content Layout -----------------
------------------------------------------------*/


div#mainframe {
	border: 3px solid #ffffff;
	width: 980px;
	margin: 0 auto;
	margin-top: 100px;
}


	div#content {
		width: 100%;
		margin: 0 auto;
		border-bottom: 3px solid #ffffff;
		background: #d8d7d5;
		min-height: 330px;
		color: #131313;
	}

		div#content div#leftcol {
			width: 433px;
			float: left;
			min-height: 330px;
			background: #d8d7d5;
		}
		
			div#content div#leftcol img {
				margin-top: 196px;
			}
			
		div#content div#midcol {
			width: 354px;
			float: left;
			min-height: 306px;
			background: #ffffff;
			color: #131313;
			font-size: 12px;
			padding: 14px 15px 10px 15px;
			text-align: justify;
		}
		
		div#content div#rightcol {
			width: 163px;
			float: left;
			min-height: 330px;
			background: #d8d7d5;
		}
		
			div#content div#rightcol img {
				margin-top: 180px;
				margin-left: -2px;
			}
			
		div#content div#pics {
			text-align: center;
		}
		
			div#content div#pics img {
				margin-top: 70px;
				margin-right: 15px;
				border: 3px solid #ffffff;
				width: 18%;
			}
			
		div#content div#link {
			text-align: right;
			margin-right: 100px;
		}
		
			div#content div#link a {
				font-size: 11px;
				color: #494848;
				font-weight: bold;
			}
			
@media only screen and (max-width: 980px) {
	div#mainframe {
		width: 100%;
	}
	
		div#content {
			width: 100%;
		}
		
			div#content div#leftcol {
				width: 40%;
			}
			
			div#content div#midcol {
				width: 46%;
				padding: 14px 5% 10px 5%;
			}
		
			div#content div#rightcol {
				display: none;
			}
}

@media only screen and (max-width: 775px) {
	div#content div#leftcol {
		display: none;
	}
	
	div#content div#midcol {
		width: 90%;
	}
}