@charset "utf-8";
/* [ON BIG SCREENS] */
/* Wrapper */
#hamnav {
	width: 480px;
	/* Optional */
  position: sticky;
	margin-right: auto;
	margin-left: auto;
	background-color: #231F20;
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#hamitems { display: flex; }
#hamitems a {
  width: 20%; /* 100% / 5 tabs = 20% */
  padding: 10px;
  color: white;
  text-decoration: none;
  text-align: center;
}

#hamitems a:hover {
	background-color: #CE242A;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 801px){
  /* Show Hamburger Icon */
  #hamnav label { 
    display: inline-block; 
    color: white;
    background: #CE242A;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* Break down menu items into vertical */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }

  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }
}





h1 {
	font-size: 14px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	line-height: 11px;
}
h2 {
	text-align: center;
	font-size: 14px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	line-height: 18px;
	margin: 0px;
	padding-left: 3px;
	padding-top: 10px;
}
h3 {
	text-align: center;
	font-size: 14px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	line-height: 16px;
	top: 265px;
}
h4 {
	text-align: left;
	font-size: 14px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0px;
	line-height: 18px;
}

a img { border: none; }
body {
	margin: 0;
	padding: 0;
	background-color: #818991;
	font-family: Arial, Helvetica, sans-serif;
}
.wrapper {
	background-color: #231F20;
	margin-right: auto;
	margin-left: auto;
	height: 930px;
	width: 480px;
	position: relative;
	overflow: hidden;
}
.hamburger {
	position: absolute;
	height: 50px;
	width: 480px;
	background-color: #0F0;
	margin-right: auto;
	margin-left: auto;
}

.header {
	height: 100px;
	width: 480px;
	position: absolute;
	top: 0px;
	background-color: #231F20;
	background-image: url(../images/header2.png);
}
.headType {
	height: 40px;
	width: 150px;
	position: absolute;
	top: 0px;
	right: 30px;
	visibility: hidden;
}
.nav1 {
	position: absolute;
	height: 50px;
	width: 480px;
	top: 100px;
	background-color: #231F20;
}
.navSlice {
	position: absolute;
	height: 50px;
	width: 30px;
	background-color: #231F20;
	left: 0px;
	visibility: hidden;
}
.smedia1 {
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: #231F20;
}
.smedia2 {
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: #231F20;
	left: 50px;
}
.smedia3 {
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: #231F20;
	left: 100px;
}
.smedia4 {
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: #231F20;
	left: 150px;
}
.smedia5 {
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: #231F20;
	left: 200px;
}

.nav2 {
	background-color: #231F20;
	position: absolute;
	height: 50px;
	width: 450px;
	left: 30px;
	visibility: hidden;
}
.home {
	background-color: #231F20;
	position: absolute;
	height: 50px;
	width: 150px;
	background-image: url(../images/homeOn.png);
}

.about {
	background-color: #A4C2DB;
	position: absolute;
	height: 50px;
	width: 150px;
	left: 150px;
}
.contact {
	background-color: #A4C2DB;
	position: absolute;
	height: 50px;
	width: 150px;
	left: 300px;
}
.leftBar2 {
	background-color: #231F20;
	height: 530px;
	width: 240px;
	position: absolute;
	left: 0px;
	top: 290px;
	background-image: url(../images/leftBar3.png);
	visibility: hidden;
}
.leftBar {
	background-color: #231F20;
	height: 450px;
	width: 480px;
	position: absolute;
	top: 150px;
	background-image: url(../images/leftBar2About.png);
}
.leftType1 {
	height: 50px;
	width: 450px;
	position: absolute;
	top: 30px;
	left: 25px;
	visibility: hidden;
}
.leftType2 {
	height: 100px;
	width: 440px;
	top: 20px;
	position: absolute;
	left: 20px;
}
.leftType2B {
	height: 120px;
	width: 185px;
	position: absolute;
	top: 410px;
	left: 25px;
	overflow: hidden;
	visibility: hidden;
}
.leftType3 {
	height: 100px;
	width: 160px;
	position: absolute;
	left: 85px;
	top: 80px;
	visibility: hidden;
}
.leftType4 {
	height: 100px;
	width: 160px;
	top: 80px;
	left: 310px;
	position: absolute;
	visibility: hidden;
}
.leftType4B {
	height: 120px;
	width: 420px;
	position: absolute;
	top: 180px;
	left: 25px;
	visibility: hidden;
}


.slideShow {
	background-color: #231F20;
	position: absolute;
	height: 200px;
	width: 480px;
	top: 350px;
	visibility: hidden;
}
.slideShowC {
	background-color: #231F20;
	position: absolute;
	height: 200px;
	width: 480px;
	top: 400px;
	overflow: hidden;
	visibility: hidden;
}
.bottomRight {
	background-color: #231F20;
	position: absolute;
	height: 150px;
	width: 480px;
	top: 600px;
	background-image: url(../images/bottomRightAbout2.png);
}
.bottomLeft {
	background-color: #231F20;
	position: absolute;
	height: 150px;
	width: 480px;
	top: 750px;
	left: 0px;
	background-image: url(../images/bottomLeft2.png);
}
.bottomRightType {
	height: 135px;
	width: 420px;
	position: absolute;
	top: 35px;
	left: 25px;
}
.footer {
	background-color: #231F20;
	position: absolute;
	height: 30px;
	width: 480px;
	top: 900px;
	background-image: url(../images/footerAbout2.png);
}