/* framework/styles/style.css 100311 */

/* Use this area for global styles. */

a:focus {
	outline: none;
}

.clearBoth {
	clear:	both;
}

.alignLeft {
	text-align:	left;
}

.alignCenter {
	text-align:	center;
}

.alignRight {
	text-align:	right;
}

.justify {
	text-align:	justify;
}


@media screen and (max-width: 900px){

.container {
	width: 95%;
	margin: auto;
	position: relative;
	border: 1px solid #fff;
}	

.leftInfo {
	padding-top: 0px !important;
}

.rightInfo {
	padding-top: 0px !important;
}

	
}

@media screen and (min-width: 901px) and (max-width: 1024px){

.container {
	width: 95%;
	margin: auto;
	position: relative;
}	

.leftInfo {
	padding-top: 16px !important;
}

.rightInfo {
	padding-top: 16px !important;
}
	
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
	
.container {
	width: 95%;
	margin: auto;
	position: relative;
}

.leftInfo {
	padding-top: 16px !important;
}

.rightInfo {
	padding-top: 16px !important;
}
	
}

@media screen and (min-width: 1281px) {
	
.container {
	width: 95%;
	max-width: 1366px;
	margin: auto;
	position: relative;
}	
	
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

/* Main Skin */

body {
	font-family: "Museo-Sans";
	padding-top: 24px;
	background-color: #fafafa;
	background: url("/images/white_wall_hash.png");
}

h1 {
	font-family: "Museo-Slab";
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 16x;
}

p {
	line-height: 22px;
	font-size: 16px;
}


			div#logo {
				position: absolute;
				top: 30px;
				z-index:500;
				margin-left: -535px;
				left: 50%;
			}
			
			.left {
				background-color: #003d79;
				height: 750px;
				float: left;
				width: 50%;
				position: relative;
				border-right: 2px solid #ffffff;
				overflow: hidden;
				border-top-left-radius: 16px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
			}
			
			.left img {
				position: absolute;
				opacity: 0.5;
				-webkit-transition: opacity ease-in-out 0.3s;
				-moz-transition: opacity ease-in-out 0.3s;
				transition: opacity ease-in-out 0.3s;
				border-top-left-radius: 16px;
			}
			
			.right img {
				position: absolute;
				opacity: 0.5;
				-webkit-transition: opacity ease-in-out 0.3s;
				-moz-transition: opacity ease-in-out 0.3s;
				transition: opacity ease-in-out 0.3s;
				border-top-right-radius: 16px;

			}
			
			.left:hover > img, div.right:hover > img {
				opacity: 1;
			}
			
				.leftInfo {
					position: absolute;
					bottom: 0px;
					left: 0px;
					padding: 30px;
					padding-top: 65px;
					background-image: url("/images/bottomBgLeft.png");
					background-repeat: no-repeat;
					color: #ffffff;
					height: 225px;
				}
				
				.leftInfo a {
					background-color: #003d79;
					color: #ffffff;
					padding: 4px 8px;
					font-family: "League-Gothic";
					text-transform: uppercase;
					text-decoration: none;
					font-size: 24px;
					margin-top: 16px;	
					-webkit-transition: all ease-in-out 0.4s;			
					transition: all ease-in-out 0.4s;			
					-moz-transition: all ease-in-out 0.4s;			
				}
				
				.leftInfo a:hover {
					background-color: #004c97;
				}
				
				.leftInfo p {
					margin-bottom: 8px;
				}
			
			.right {
				background-color: #547c38;
				height: 750px;
				float: right;
				width: 50%;
				position: relative;
				border-left: 2px solid #ffffff;
				overflow: hidden;
				border-top-right-radius: 16px;
				border-right: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
			}
		
			
				.rightInfo {
					position: absolute;
					bottom: 0px;
					right: 0px;
					padding: 30px;
					padding-top: 65px;
					background-image: url("/images/bottomBgRight.png");
					background-repeat: no-repeat;
					color: #ffffff;
					height: 225px;
					background-position: right center;
					text-align: right;
				}		
				
				.rightInfo a {
					background-color: #397b12;
					color: #ffffff;
					padding: 4px 8px;
					font-family: "League-Gothic";
					text-transform: uppercase;
					text-decoration: none;
					font-size: 24px;
					margin-top: 16px;
					-webkit-transition: all ease-in-out 0.4s;			
					transition: all ease-in-out 0.4s;			
					-moz-transition: all ease-in-out 0.4s;					
				}	
				
				.rightInfo a:hover {
					background-color: #499d17;
				}
				
				.rightInfo p {
					margin-bottom: 8px;
				}
			
			.bottom {
				background-color: #601b04;
				border-top: 4px solid #ffffff;
				width: 100%;
				padding: 30px;
				color: #ffffff;
				border-right: 1px solid rgba(255,255,255,0.5);
				box-shadow: inset 0px 0px 20px rgba(0,0,0,0.2);
				}
			
				.bottom h1 {
					margin-top: 8px;
				}
			
				.bottom img {
					float: left;
					margin-right: 24px;
				}
				
				.bottom p {
					margin-bottom: 16px;
				}
				
				.bottom a {
					background-color: rgba(255,255,255,0.9);
					color: #601b04;
					padding: 4px 8px;
					font-family: "League-Gothic";
					text-transform: uppercase;
					text-decoration: none;
					font-size: 24px;
					-webkit-transition: all ease-in-out 0.4s;			
					transition: all ease-in-out 0.4s;			
					-moz-transition: all ease-in-out 0.4s;						
					margin-top: 16px;		
				}
				
				.bottom a:hover {
					background-color: #ffffff;
				}
				
			div.about {
				border-top: 4px solid #ffffff;
				background-color: #f0f0f0;
				border-bottom-right-radius: 16px;
				border-bottom-left-radius: 16px;
				padding: 30px;
				box-shadow: inset 0px 0px 20px rgba(0,0,0,0.2);
				border-right: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
			}
			
			div.about p.center {
				text-align: center;
			}
			
				div.about p.center a {
					color: #888888;
				}
				
					div.about p.center a:hover {
						color: #444444;
					}
				
			div.about p {
				color: #444444;
				margin-top: 16px;
			}
			
			div.about h2 {
				font-size: 24px;
			}


	div#footer {
		padding: 24px;
		font-size: 14px;
		color: #444444;
		text-align: center;
	}


		div#footer a {
			color: #621d00;
		}