/*CSS for the main page*/

body {
	text-align: center;
	background-image: url("images/bg2.png");
}

h1{
  line-height: 0px; 
}

h2{
	color: white;
	font-family: "lucida console";
	font-size: 20px;
}

p{
	color: white;
	font-family: "lucida console";
	font-size: 12px;
}

.wrapper{
	display: inline-block;
	margin: 30px auto;
}

.box {
	background-color: black;
	border: 3px double red;
	width: 1150px;
	height: 1150px;
}

.inside{
	position: relative;
	border: 1px solid transparent;
	top: 50%;
	transform: translate(0%, -50%);
}

/* page logo*/

header {
	border: 1px solid red;
	width: 1120px;;
	height: 225px;
	margin: 14.5px auto 0px;
}

/*nav bar*/

nav{
	border: 1px solid red;
	width: 1120px;;
	height: 75px;
	margin: 14.5px auto 0px;
}
	
.insideNav{
	display: inline-block;
	position: relative;
	border: 1px solid transparent;
	margin: auto 22px;
	top: 50%;
	transform: translate(0%, -50%);
}

/*body section*/

main {
	border: 1px solid transparent;
	width: 1120px;
	height: 695px;
	margin: 14.5px auto 0px;
}

.mainLeft{
	display: inline-block;
	position: absolute;
	border: 1px solid red;
	height: 695px;
	width: 285px;
	transform: translate(-195.5%, 0%);
}

.mainCenter{
	display: inline-block;
	position: absolute;
	border: 1px solid red;
	height: 695px;
	width: 515px;
	transform: translate(-50%, 0%);
}

.mainRight{
	display: inline-block;
	position: absolute;
	border: 1px solid red;
	height: 695px;
	width: 285px;
	transform: translate(95.5%, 0%);
}

/* bottom section */

footer {
	border: 1px solid red;
	width: 1120px;
	height: 75px;
	margin: 14.5px auto 0px;
}