@charset "utf-8";
/* CSS Document */


aside{
	width: 100%;
}
.mobile aside{
	background-color: #b2a595;
}

.pageBody{
}

.rootColumnTitlebar{
	background:none !important;
	display:block;
	text-align: center;
	padding-top: 250px;
	color: #fff;
	text-shadow: 0px 0px 5px #000;
}
h2.rootColumnTitlebar .columnName{
	font-size: 32px;
	display: block;
	font-weight: normal;
}
h2.rootColumnTitlebar .slaveColumnName{
	font-size: 20px;
	display: block;
	font-weight: normal;
	padding-top: 10px;
	text-transform:uppercase;
}




.subNav{text-align: center; padding-top: 40px;}
.subNav ul{ max-width: 600px; width: 90%; margin: auto;}
.subNav li ul{ display:none;}
.subNav li.current ul{ display:none;}
.subNav li.focusOpen ul{ display:none;}


.subNav li{ width:33.33%; position:relative; text-align:center; display:inline-block; height:40px; line-height:40px;}

.subNav li a{
	padding-top: 0px;
	color: #FFF;
	font-size: 16px;
	background-image: url(../images/subNavListItemBg.png);
	display: block;
	width: 90%;
	height: 100%;
	background-color: #213362;
	border-radius: 5px;
	margin: auto;
}
.subNav li:hover a{ font-weight:normal;background-color: #e8340c;}
.subNav li.current a{ font-weight:normal;background-color: #e8340c;}




@media only screen and (max-width:480px) {
	.rootColumnTitlebar{
		padding-top: 100px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.rootColumnTitlebar{
		padding-top: 100px;
	}
}
@media only screen and (min-width:1025px) {
	.rootColumnTitlebar{
		padding-top: 250px;
	}
	.pageBody{
		background-image: url(../images/pageBodyBg.png);
		background-position: center 520px ;
		min-height: 1000px;
	}
}







.pageContent{
	width:1160px;
	width: 100%;
	float: none;
	clear: both;
}
.columnTitlebar{
	display:none;
}
.columnLocation{
	display:none;
}
.columnContent{
	font-size: 14px;
	min-height: 600px;
	padding-bottom: 20px;
	padding-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
}


.mobile .columnContent p{
	text-indent: 0;
}
.mobile .columnContent img{
	max-width: 100%;
}

/*

.pageAside{
	display: none;
}
*/

#banner{
	width:100%;
	position: relative;
	background-size: cover;
}
#banner .masker{
	background: none;
	background-image:url(../images/banner_masker.png);
	width: 100%;
	height:100%;
	background-position: center top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	display: none;
}
#banner .focusModule.control{
	bottom: 100px;
	z-index: 200;
}
@media only screen and (max-width:480px) {
	#banner{
		width: 100%;
		height: 200px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	#banner{
		width: 100%;
		height: 300px;
	}
}
@media only screen and (min-width:1025px) {
	#banner{
		height: 520px;
		background-color: #444;
	}
	#banner .masker{
		display: block;
	}
}


.banner .wrapper p{
	font-size: 60px;
	line-height: 80px;
	color: #fff;
	font-weight: bolder;
}






.rootColumn_2 .banner {
	background-image:url(../images/banner/2.jpg);
}

.rootColumn_3 .banner {
	background-image:url(../images/banner/3.jpg);
}

.rootColumn_4 .banner {
	background-image:url(../images/banner/4.jpg);
}
.rootColumn_5 .banner {
	background-image:url(../images/banner/5.jpg);
}

.rootColumn_6 .banner {
	background-image:url(../images/banner/6.jpg);
}