* {
	box-sizing: border-box;
	padding:0px;
	margin: 0px;
}
body {
	font-family: 'Calibri-Light';

}
.wrapper {

	background-color:red
}

	.wrapper>header {
		background-color:#234;
		text-align:center;
	}

		.wrapper>header>h1{

			padding:40px,0px,15px,0px;
			font-size: 24pt;
			color: #fff;
		}
#main-content-holder {
	padding: 30px 0px;
	margin: 0px auto;
	width: 950px;

}
#main-content holder > header {


}
#main-content-holder> header> nav#main-top-menu {
	display:inline-block;
	vertical-align: top;
	width:50%;
}
#main-content-holder> header> nav#main-top-menu > ul{
	list-style: none;
}
#main-content-holder> header> nav#main-top-menu > ul >li {

	display: inline-block;
	padding: 5px
}
#main-content-holder> header> nav#main-top-menu > ul >li>a{
	text-transform: uppercase;
	display: inline-block;
	padding: 15px 5px ;
	color:yellow;
}
#main-content-holder> header> nav#main-top-menu > ul >li.active > a {
	background-color: #234;
	border-radius: 5px;
	color:white;

}
#main-content-holder> header> nav#main-top-menu > ul >li:hover > a
{
	background-color:#cdf;
	border-radius: 5px;
	color: black;
}
#main-content-holder> header> nav#soical-media-menu{
	width: calc(50% - 8px);
	display:inline-block;
	vertical-align: top;
	text-align: right;
}
#main-content-holder> header> nav#soical-media-menu > ul {
	list-style: none;
}
	#main-content-holder> header > nav#social-media-menu > ul > li {
		display: inline-block;
		margin: 0px 5px;
	}