@charset "utf-8";

@media screen{
	body, html {
		position:absolute;
		background-color:#FFFFFF;
		margin:0;
		border:0;
		width:100%;
		height:100%;
		font-size:0;
		min-width:1050px;
	}

	.navDiv{
		position:fixed;
		display:block;
		width:100%;
		height:140px;
		background:#00907e;
		background:white;
		border-bottom:0px solid black;
		box-shadow:0px 5px 10px rgba(0,0,0,0.40);
		border-bottom:1px solid black;
		z-index:50;
		display:none;
		min-width:1050px;
	}
	.navDivBkgd{
		display:none;
		position:absolute;
		width:100%;
		height:95px;
		background-color:white;
		border-bottom:1px solid black;
		box-shadow:0px 5px 10px rgba(0,0,0,0.40);
	}
	#navDivButtonHolder{
		position:absolute;
		width:100%;
		max-width:1100px;
		height:100%;
		left:50%;
		margin-left:-550px;
		z-index:50;
/*		border-left:1px solid black;
		border-right:1px solid black;*/
	}
	.topLogo{
		position:absolute;
		width:auto;
		height:90px;
		margin-top:7px;
		padding:0 20px;
		cursor:pointer;
	}
	.leftButtonHolder{
		position:absolute;
		display:inline-block;
		vertical-align:bottom;
		bottom:0px;
		padding-left: 30px;
	}
	.rightButtonHolder{
		position:absolute;
		vertical-align:bottom;
		right:0;
		bottom:0;
		display:inline-block;
		vertical-align:bottom;
	}
	.navButtonLeft{
		position: relative;
		display:inline-block;
		cursor:pointer;
		user-select:none;
		padding:0px 10px;
	}
	.navButtonRight{
		display:inline-block;
		cursor:pointer;
		user-select:none;
		padding:0px 10px;
		vertical-align:top;
	}
	.navDiv h2, .footerDiv h2{
		font-size:16px;
		margin-top:10px;
		color:black;
	}
	#fullscreenButton{
		position:relative;
		display:inline-block;
		z-index:55;
		width:20px;
		height:20px;
		margin:10px 10px;
		background:rgba(0,0,0,1);
	}
	.sectionPanel{
		position:relative;
		top:0;
		left:0;
		width:100%;
		padding-top:100px;
		display:none;
		background:#4e2700;
		background:white;
	}
	#homePanel{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:100%;
		overflow:hidden;
		padding-top:0px;
		display:none;
		background:#4e2700;
		background-image:url(../images/franklinCrossing2.jpg);
		background-position:center center;
		background-size:cover;
	}
	.homeContentHolder{
		position:absolute;
		top:50%;
		left:50%;
		width:1050px;
		margin-left:-525px;
	}
	#homeNavDiv{
		opacity:1;
		position:relative;
		background:none;
		box-shadow:none;
		border:none;
		display:block;
		border-top:dotted white 0px;
		border-bottom:dotted white 0px;
		width:1050px;
		height:40px;
	}
	#homeNavDiv .leftButtonHolder{
		bottom:-10px;
	}
	#homeNavDiv #aboutFCButton{
		margin-left:70px;
	}
	#homeNavDiv #aboutCPButton{
		margin-left:310px;
	}
	.bkgdBlind{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.7);
		z-index:0;
	}
	.coverPhotoHolder{
		position:relative;
		width:100%;
		height:550px;
		overflow:hidden;
		border-bottom:2px solid black;
		box-shadow:0px 5px 10px rgba(0,0,0,0.40);
		z-index:20;
	}
	.coverPhoto{
		position:absolute;
		width:100%;
		height:auto;
		left:50%;
		top:0%;
	}

	.homePageLogoDiv{
		position:relative;
		width:100%;
		height:40%;
		left:0;
		margin-left:0;
		top:0%;
		z-index:30;
		max-width:1050px;
	}
	
	.homePageLogo{
		width:40%;
		height:auto;
		position:relative;
		display:inline-block;
		bottom:0;
		left:0;
		margin-left:0;
		margin-top:0px;
	}
	
	.panelText{
		position:relative;
		width:90%;
		left:50%;
		max-width:1050px;
		margin-left:-525px;
		padding:20px 0;
		background:rgba(0,0,0,0.45);
		background:#4e2700;
		background:white;
		z-index:10;
	}
	#homePanel .panelText{
		position:absolute;
		bottom:0;
		background:none;
	}
	#homePanel .titleDiv{
		position:relative;
		display:inline-block;
		width:50%;
		background:none;
		vertical-align:bottom;
	}
	#homePanel .panelText p, #homePanel h2{
		color:white;
		vertical-align:bottom;
		margin:0;
		margin-bottom:2%;
	}
	.contactInfoHolder{
		width:100%;
		height:450px;
	}
	.contactInfoDiv{
		margin:5%;
		position:relative;
		display:inline-block;
		width:39%;
		height:100%;;
		vertical-align:top;
	}
	.contactInfoDiv p{
		text-align:center;
	}
	.contactLogo{
		position:relative;
		width:80%;
		left:50%;
	}
}

