/* @import url("boilerplate.css");
*/
@media all {
	#main {
		height: auto;
		min-height: 100%;
		width: 90%;
		margin: 0 auto;
	}

	#header {
		float: left;
		height: 225px;
		
		width: 100%;
		margin: 0;
		position: relative;
		background: url(images/home_logo.jpg) no-repeat 2.07% 35px;
	}
	
	#homeLink {
		position: absolute;
		width: 180px;
		height: 84px;
		left: 3%;
		top: 60px;
		z-index: 10;
	}
	
	#nav {
/*		float: left;
*/
		position: absolute; bottom: 0;
		height: 100px;
		width: 100.00594586098892%;
/*		margin: 125px 0 0;
*/		background: /*rgb(235, 233, 219)*/ url(images/nav_bg.png) repeat-x left 20px;;
	}

	#left { float: left; min-height: 350px;
/*		clear: both;
*/		width: 23.2%; background: rgb(232,232,232); margin: 0 0 0 12px; }

	#content {
		float: left;
		min-height: 350px;
		width: 32.8183796695023%;
		background: rgb(220, 211, 199);
		margin: 0 0 0 12px;
	}
	
	body.size2 #content {
		width: 48.82479250527743%;
	}
	
	body.size3 #content {
		width: 71.41867079238258%;
	}
	
	#right {
		float: right;
		min-height: 350px;
		clear: both;
		width: 40.25648691960011%;
		max-width: 1140px;
		background: rgb(217, 236, 212);
/*		margin: -350px 0 0 603.2999610900879px;
*/	}

	body.size2 #right {
		width: 24.484751374758027%;
	}
	
	body.size3 #right {
		display: none;
		width: 0%;
	}
	
	#footer { float: left; clear: both; width: 100%; background: rgb(235,233,219); min-height: 38px; margin: 10px 0 0; padding: 5px 0 0; }
	
	#footerNav {
		width: 45%;
		float: left;
	}
	#footerRight { font-size: 0.7em; text-align: right; width: 45%; float: right; padding-right: 20px; }
	#topNav {
		float: right;
		width: 400px;
		height: 25px;
		margin-top: 40px;
	}
}

/* Tablets */
@media all and (max-device-width: 768px), all and (max-width: 768px) {
	#content {
		width: 47.542174013325784%;
	}

	body.size2 #content {
		width: 47.542174013325784%;
	}
	
	body.size3 #content {
		width: 73.25660369847643%;
	}
	
	#right {
		clear: none;
		width: 23.168068049559785%;
/*		margin: 0 0 0 2.4042096379706575%;
*/	}
	
	body.size2 #right {
		width: 23.168068049559785%;
	}
	
	body.size3 #right {
		display: none;
	}
}

/* Handheld devices */
@media all and (max-device-width: 480px), all and (max-width: 480px) {
	#content {
		width: 70.83472379732302%;
	}

	body.size2 #content {
		width: 70.83472379732302%;
	}
	
	body.size3 #content {
		width: 70.83472379732302%;
	}
	
	#right {
		display: none;
	}
	#topNav {
		margin-top: 30px;
	}
}
