@import 'header.css';
@import 'footer.css';


body, #contentContainer {
	background: #fffdeb url(../img/global/background.jpg) repeat;
	background-size: 50%;
}
.phone {
	display: none;
}
header {
	margin: 0;
	padding: 0;
}
#sectionHeader {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	min-height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
	#sectionHeader .banners {
		position: absolute;
		height: 47px;
		width: 100%;
		bottom: -37px;
		background: url(../img/global/spritesX.png) repeat-x 0 -194px;
		z-index: 102;
	}
	#sectionHeader .spires {
		position: absolute;
		display: none;
		height: 37px;
		width: 100%;
		bottom: -10px;
		background: url(../img/global/spritesX.png) repeat-x 0 -241px;
		z-index: 10;
	}
#contentContainer {
	position: relative;
	display: block;
}
	section {
		position: relative;
		display: block;
		min-height: 200px;
	}
	.white {
		background: #fff;
	}
	.border {
		position: absolute;
		height: 22px;
		width: 100%;
		background: url(../img/global/spritesX.png) repeat-x 0 -293px;
		z-index: 10;
	}
		.border.N {
			top: -17px;
			z-index: 20;
		}
			.white .border.N {
				background-position-y: -315px;
			}
		.border.S {
			bottom: -16px;
		}
			.white .border.S {
				background-position-y: -331px;
				z-index: 20;
			}
	.contentWrapper {
		position: relative;
		display: block;
		padding: 50px 100px 50px;
		max-width: 1200px;
		min-height: 400px;
		margin: 0 auto;
	}
		.column {
			position: relative;
		    display: inline-block;
		    float: left;
		    width: 50%;
		    box-sizing: border-box;
			padding-left: 20px;
		}
		.contentWrapper:after {
			content: " ";
			visibility: hidden;
			display: block;
			height: 0;
			clear: both;
		}
		
		
		

/*	Tablet Layout: 640px - 959px	*/
@media only screen and (min-width: 640px) and (max-width: 983px) {
	
	.contentWrapper {
		padding: 50px 50px 60px 40px;
	}
		.column {
		    width: 100%;
		}	
	
}
/* */




/*	Phone Layout	*/
@media only screen and (max-width: 639px) {
	
	body {
		padding-top: 46px;
	}
	.desktop {
		display: none !important;
	}
	.phone {
		display: block;
	}
	.contentWrapper {
		padding: 20px 20px 30px 20px;
	}
		.column {
		    width: 100%;
		    float: none;
		    padding: 0;
		}
	
	
}
/* */






/*  ____       __  _            
   / __ \___  / /_(_)___  ____ _
  / /_/ / _ \/ __/ / __ \/ __ `/
 / _, _/  __/ /_/ / / / / /_/ / 
/_/ |_|\___/\__/_/_/ /_/\__,_/  */

/*	Retina Global	*/
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi) {
	
		.border {
			background-image: url(../img/global/spritesX-retina.png);
			background-size: 79px;
		}
		#sectionHeader .banners {
			background-image: url(../img/global/spritesX-retina.png);
			background-size: 79px;
		}
		#sectionHeader .spires {
			background-image: url(../img/global/spritesX-retina.png);
			background-size: 79px;
		}
	
}
/* */


/*	Retina Tablet */
@media
	only screen and (min-width: 640px) and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-width: 640px) and (max-width: 959px) and (min-resolution: 192dpi) {

	
	
	
}
/* */



/* Retina Phone */
@media
	only screen and (max-width: 639px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (max-width: 639px) and (min-resolution: 192dpi)  {
	
	
	
}
/* */