html {
}

body {
	background-color: #032d53;
}


#GlobalContainer {
	max-width: 2200px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}

.siteWidth {
	max-width: 1150px;
	min-width: 320px;
	margin: 0 auto;
}

#PrimaryMedia {
	width: 100%;
	min-width: 320px;
	margin: 0 0 2rem 0;
	position: relative;
	text-align: center;
	z-index: 500;
}
#PrimaryMedia img {
	max-width: 100%;
	display: inline-block;
}

#SiteHolder {
	padding: 0 1.5rem 3rem 1.5rem;
}

/*
	[ --------- Header -------- ]
	[ Content...
	| ---------- A B ---------- |
	| ---- A ---- | ---- B ---- |
	| ----------- | ----------- |
	| ----------- | ----------- |
	| ----------- | ----------- |
					... Content ]
	[ --------- Base ---------- ]
*/

#Header {
}

/* ----- */

#Content {
	margin: 0 auto;
}

#Content > .contentGroupAB {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#Content > .contentGroupAB > .contentA {
	width: 65%;
	padding: 0 2rem 0 0;
	float: left;
	text-align: left;
	border-right: solid 1px #dddddd;
}
#Content > .contentGroupAB > .contentB {
	width: 35%;
	padding: 0 0 0 2rem;
	float: left;
	text-align: left;
}

.insetContent {
	padding: 0 5%;
}

@media (max-width: 767px) {

	#Content > .contentGroupAB > .contentA,
	#Content > .contentGroupAB > .contentB {
		width: 100%;
		padding: 0;
		float: none;
		border: none;
	}
	#Content > .contentGroupAB > .contentB {
		text-align: center;
	}
}
	
/* ----- */

#Base {
}