section {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'FrutigerLight';
	src: url('../fonts/Adobe - FrutigerLTStd-Light.eot');
	src: local('?'), url('../fonts/Adobe - FrutigerLTStd-Light.woff') format('woff'), url('../fonts/Adobe - FrutigerLTStd-Light.ttf') format('truetype'), url('../fonts/Adobe - FrutigerLTStd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #e6e6e6;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.content-container {
	width: auto;
	margin: 0 auto;
}

div.redstripe {
	background-color: #cb1730;
	width: 100%;
	padding: 2.4% 0;
	margin: 0;
	box-shadow: 0px 5px 15px #6b6b6b;
	position: relative;
	z-index: 100;
}

	.logo {
		float: none;
		width: auto;
		text-align:center;
	}

	.nav {
		float:none;
		text-align: left;
		width: auto;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		margin: 4% 0 0 0;
	}
	
		.nav ul {
			margin:  0 0 0;
			padding: 0;
			list-style: none;
			text-align:center;
		}
		
				.nav ul li {
					display: inline;
					margin: 0 0;
					white-space: nowrap;
				}
				
						.nav ul li:last-child {
							margin: 0 0 0 0;
						}
						
						.nav ul li a {
							display: inline-block;
							color: #cb1730;
							background-color: white;
							text-decoration: none;
							padding: 1% 2%;
							font-size: 17px;
							margin: 1%;
							border-radius: 5px;
						}
						
	.mainbody {
		margin: 0;
		padding: 0;
	}					
	
			.whitesection {
				background: white;
				position: relative;
				z-index: 10;
				margin-top: -1.5%;
				padding: 1.5% 3%;
			}
			
	.breadcrumbs {
		display: block;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		font-size: 13px;
		color: #5f5f5f;
	}		
	
			.breadcrumbs p {
				margin: 2% 0;
			}
			
					.breadcrumbs p a {
						color: #5f5f5f;
					}
					
							.breadcrumbs p a:hover {
								color: #cb1730;
							}
							
	.interiorpgs h1 {
		display: block;
		padding: 1.3% 0% 1% 2%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: white;
		background-color: #cb1730;
		font-size: 23px;
		margin: 0 0 1% 0;
	}			
	
	.interiorpgs h2 {
		display: block;
		padding: 0.9% 0% 0.5% 2%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #cb1730;
		background-color: #ececec;
		font-size: 16px;
		margin: 0 0 1% 0;
	}	
	
	.interiorpgs h3 {
		display: block;
		padding: 0.9% 0% 0.5% 6%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #cc172f;
		background-color: #f9f9f9;
		font-size: 14px;
		margin: 0 0 1% 0;
	}
	
	.interiorpgs h4 {
		display: block;
		padding: 0.9% 0% 0.5% 11%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #555555;
		background-color: #fcfcfc;
		font-size: 14px;
		margin: 0 0 1% 0;
	}	
	
	ul.doclist, ul.doclistleveltwo, ul.doclistlevelthree {
		font-family: arial, sans-serif;
		font-size: 14px;
	}
	
	ul.doclistleveltwo {
		padding-left: 12%;
	}			
	
	ul.doclistlevelthree {
		padding-left: 15%;
	}	
	
			ul.doclist li, ul.doclistleveltwo li, ul.doclistlevelthree li {
				margin: 0 0 1% 0;
			}
			
					ul.doclist li a, ul.doclistleveltwo li a, ul.doclistlevelthree li a {
						color: #424242;
						text-decoration: underline;
					}
					
							ul.doclist li a:hover, ul.doclistleveltwo li a:hover, ul.doclistlevelthree li a:hover {
								color: #cb1730;
								
							}
							
	.introarea h1 {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #cb1730;
		font-size: 33px;
		margin: 0 0 1% 0;
	}		
	
	.introarea h2 {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #575757;
		font-size: 22px;
		margin: 0 0 1% 0;
	}		
	
	.introarea p {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		font-size: 14px;
		color: #575757;
	}	
	
		.introarea p a {
			color: #575757;
		}		
	
	.introarea ul {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
	}		
	
			.introarea ul li {
				margin: 1% 0;
			}
			
					.introarea ul li a {
						color: #cb1730;
					}
					
							.introarea ul li a:hover {
								color: #424242;
							}
							
	.resourcesfooter {
		text-align:center;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		font-size: 13px;
	}		
	
	div.homepgimgarea {
		float: none;
		width: auto;
		margin: 0;
	}	
	
		div.homepgimgarea img {
			max-width: 100%;
		}
	
	div.introarea {
		float: none;
		width: auto;
	}
	
	.ebrochure-callout {
		width:auto;
		margin-top: 7%;
		
	}
	
			.ebrochure-callout a {
				display: block;
				color: #cc0000;
				border: 1px dotted #cc0000;
				background-color: #f2f2f2;
				padding: 2%;
				font-family: 'FrutigerLight', arial, sans-serif;
				font-weight: normal;
				text-decoration: none;
				-webkit-transition: background-color 0.2s linear;
				        -moz-transition: background-color 0.2s linear;
				        -ms-transition: background-color 0.2s linear;
				        -o-transition: background-color 0.2s linear;
				        transition: background-color 0.2s linear;
				        font-size: 20px;
				
			}
			
					.ebrochure-callout a:hover {
						-webkit-transition: background-color 0.5s linear;
				        -moz-transition: background-color 0.5s linear;
				        -ms-transition: background-color 0.5s linear;
				        -o-transition: background-color 0.5s linear;
				        transition: background-color 0.5s linear;
				        color: white;
				        background-color: #cc0000;
					}
	
	
/* tablet adjustment for bullet points to go two columns */
@media screen and (min-width: 750px) and (max-width: 899px) {

.content-container {
	width: auto;
	margin: 0 auto;
}

	.logo {
		float: none;
		width: auto;
		text-align:center;
	}

	.nav {
		float:none;
		text-align: left;
		width: auto;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		margin: 2% 0 0 0;
	}
	
		
		div.homepgimgarea {
		float: left;
		width: 45%;
		margin: -4% 5% 0 0;
	}	
	
		div.homepgimgarea img {
			max-width: 100%;
		}
	
	div.introarea {
		float: right;
		width: 50%;
		
	}


}

/* desktops */
@media screen and (min-width: 900px) { 

body {
	background: #e6e6e6;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.content-container {
	max-width: 86%;
	margin: 0 auto;
}

div.redstripe {
	background-color: #cb1730;
	width: 100%;
	padding: 2% 0;
	margin: 0;
	box-shadow: 0px 5px 15px #6b6b6b;
	position: relative;
	z-index: 100;
}

	.logo {
		float: left;
		width: 15%;
	}
	
	.nav {
		float: right;
		text-align: right;
		width: 75%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		margin: 0 0 0 0;
	}
	
		.nav ul {
			margin: 0 0 0 0;
			padding: 0;
			list-style: none;
			text-align: right;
		}
		
				.nav ul li {
					display: inline;
					margin: 0 0.5%;
				}
				
						.nav ul li:last-child {
							margin: 0 0 0 0.5%;
						}
						
						.nav ul li a {
							display: inline-block;
							color: white;
							background: none;
							text-decoration: none;
							padding: 1% 0.8%;
							font-size: 15px;
							margin: 0;
						}
						
						.nav ul li a:hover {
							color: #cb1730;
							background-color: white;
							border-radius: 5px;
							-webkit-transition: background-color 0.5s linear;
					        -moz-transition: background-color 0.5s linear;
					        -ms-transition: background-color 0.5s linear;
					        -o-transition: background-color 0.5s linear;
					        transition: background-color 0.5s linear;
						}
						
						.nav ul li a.currentpg {
							color: #cb1730;
							background-color: white;
							border-radius: 5px;
						}
	.mainbody {
		margin: 0;
		padding: 0;
	}					
	
			.whitesection {
				background: white;
				position: relative;
				z-index: 10;
				margin-top: -1.5%;
				padding: 1.5% 3%;
			}
			
	.breadcrumbs {
		display: block;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		font-size: 13px;
		color: #5f5f5f;
	}		
	
			.breadcrumbs p {
				margin: 2% 0;
			}
			
					.breadcrumbs p a {
						color: #5f5f5f;
					}
					
							.breadcrumbs p a:hover {
								color: #cb1730;
							}
							
	.interiorpgs h1 {
		display: block;
		padding: 1.3% 0% 1% 2%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: white;
		background-color: #cb1730;
		font-size: 23px;
		margin: 0 0 1% 0;
	}			
	
	.interiorpgs h2 {
		display: block;
		padding: 0.9% 0% 0.5% 2%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #cb1730;
		background-color: #ececec;
		font-size: 16px;
		margin: 0 0 1% 0;
	}	
	
	.interiorpgs h3 {
		display: block;
		padding: 0.9% 0% 0.5% 6%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #cc172f;
		background-color: #f9f9f9;
		font-size: 14px;
		margin: 0 0 1% 0;
	}
	
	.interiorpgs h4 {
		display: block;
		padding: 0.9% 0% 0.5% 11%;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #555555;
		background-color: #fcfcfc;
		font-size: 14px;
		margin: 0 0 1% 0;
	}	
	
	ul.doclist, ul.doclistleveltwo, ul.doclistlevelthree {
		font-family: arial, sans-serif;
		font-size: 14px;
	}
	
	ul.doclistleveltwo {
		padding-left: 12%;
	}			
	
	ul.doclistlevelthree {
		padding-left: 15%;
	}	
	
			ul.doclist li, ul.doclistleveltwo li, ul.doclistlevelthree li {
				margin: 0 0 1% 0;
			}
			
					ul.doclist li a, ul.doclistleveltwo li a, ul.doclistlevelthree li a {
						color: #424242;
						text-decoration: underline;
					}
					
							ul.doclist li a:hover, ul.doclistleveltwo li a:hover, ul.doclistlevelthree li a:hover {
								color: #cb1730;
								
							}
							
	.introarea h1 {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #cb1730;
		font-size: 33px;
		margin: 0 0 1% 0;
	}		
	
	.introarea h2 {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		color: #575757;
		font-size: 22px;
		margin: 0 0 1% 0;
	}		
	
	.introarea p {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		font-size: 14px;
		color: #575757;
	}	
	
		.introarea p a {
			color: #575757;
		}		
	
	.introarea ul {
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
	}		
	
			.introarea ul li {
				margin: 1% 0;
			}
			
					.introarea ul li a {
						color: #cb1730;
					}
					
							.introarea ul li a:hover {
								color: #424242;
							}
							
	.resourcesfooter {
		text-align:center;
		font-family: 'FrutigerLight', arial, sans-serif;
		font-weight: normal;
		font-size: 13px;
	}	
	
		div.homepgimgarea {
		float: left;
		width: 45%;
		margin: -4% 5% 0 0;
	}	
	
		div.homepgimgarea img {
			max-width: 100%;
		}
	
	div.introarea {
		float: right;
		width: 50%;
		
	}
			

}