/*

I'm not sure that this template is quite right, in that it goes against the others?!

*/

.template-wrap {
	max-width:2200px;
}

.template-right {
	padding-left:20%;
	padding-right:10%;
}

.template-right-inner {
	padding-left:10%;
	border-left:solid 1px #FFF;
}

.template-right-left {
	float:left;
	width:30%;
}

.template-right-right {
	float:left;
	width:70%;
}

.template-right-right-inner {
	padding-left:10%;
}

.template-right-head {
	margin-bottom:4em;
}

.template-wrap {
	padding-bottom:30px;
	position:relative;
}

.side-nav-wrap {
	position:absolute;
	left:0;
	width:20%;
}

.side-nav-wrap-inner {
	padding:0 30px;
}

.template-right-foot {
	margin-top:60px;
}

.template-top {
	margin-bottom:60px;
}

@media (max-width: 1024px) {

	.template-right {
		padding-left:30px;
		padding-right:30px;
	}

	.template-right-inner {
		padding:0;
	}

}

@media (max-width: 1023px) {

	.template-wrap,
	.template-right {
		width:auto;
	}

	.template-wrap {
		padding-left:30px;
		padding-right:30px;
	}

	.template-right {
		padding-left:0;
		padding-right:0;
	}

	.template-right-inner {
		padding-left:0;
		border:0;
	}

	.side-nav-wrap {
		display:none;
	}

}

@media (max-width: 768px) {

	
	
}

@media (max-width: 767px) {

	.template-wrap {
		padding-left:20px;
		padding-right:20px;
	}
	
	.template-right-foot {
		margin-top:30px;
	}

	.template-right-left,
	.template-right-right {
		float:none;
		width:auto;
	}

	.template-right-right-inner {
		padding:0;
	}
	
}

@media (max-width: 480px) {
	
	.template-right-left {
		margin-bottom:40px;
	}
	
}