*{
	box-sizing: border-box;
}
body{

	margin: 0px;
	padding: 0px;
	margin: auto;
	margin-bottom: 0px;
	background: url(../images/websitebg2.jpg);
	background-position: top;
	background-repeat: no-repeat;
		background-color: #E9DDC7; 
}

pagewrapper{

	display: block;
	width: 1100px;
	margin-left: calc(50% - 550px);
}

.mainnav{

	text-align: left;
	padding-top: 139px;
	padding-left: 320px;
	/*padding-right: 5%;*/
	font-family: garamond, serif;
	font-size: 20px;
	color: white;
}

li {
	background-color: #8a4c3e; 
	display: inline-block;
	padding: 5px 30px 5px 30px;
	font-weight: normal;
}

a li {
	color: #ead7cb;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}


a li:hover{
	background-color: #ead7cb;
	color: #8a4c3e; 
	transition: all 0.25s ease 0s;
}

contentarea ul a li:hover{
	color: #854e3a; 
	transition: all 0.5s ease 0s;
}

headbox{
	position: absolute;
	width: 303px;
	height: 579px;
	margin-left: 20px%;
	margin-top: 20px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	background: url(../images/mainbox.png);
    z-index: 10;
    overflow: hidden;
    text-align: center;

}
header{
	display: block;

	color: red;
	height: 180px;
	width: 100%;

	margin: 0px;
	padding: 0px;
	
}
slider{

	width: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;

}


contentarea{
	min-height: 600px;
	display: block;
	margin-top: 50px;
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 30px;
	width: 100%;
	background-color: #E9DDC7;

}
titlebox{
	margin-left: 24%;
	width: 75%;
	display: block;
	text-align: right;
}
.sliderimage{
	display: block;
	width: 1100px;
	height: 370px;
	margin-left: 0%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.sliderborder{
	display: block;
	width: 100%;
	height: 9px;
	margin-left: 0%;
	margin: 0px;
	padding: 0px;
}

footer{
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #5d3917;
}

.footerimg{
	max-width: 100%;

}
logo{
	margin: 25px;
	margin-bottom: 10px;
	display: block;
	width: 180px;
	height: 168px;
	background: url(../images/logo.png);
	transition: all 0.25s ease 0s;
}
logo:hover{
	width: 180px;
	height: 168px;
	background: url(../images/logohover.png);
	transition: all 0.25s ease 0s;
	
}
columnright{
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	width: 30%;
	overflow: hidden;
}

columnleft{
	display: inline-block;
	padding: 20px;
	width: 69%;
	overflow: hidden;
}

h1{
	font-size: 50px;
	font-weight: bold;
	color: #462e1b;
	font-family: 'fenwayparkjfregular', garamond, serif;
}

h2{
	color: #462e1b;
	font-size: 20px;
	font-weight: bold;
	font-family: garamond, serif;
	line-height: 25px;
}
h4{
	color: #462e1b;
	font-size: 18px;
	font-family: garamond, serif;
	line-height: 22px;
}

h3{
	color: #462e1b;
	font-size: 14px;
	font-family: garamond, serif;
	line-height: 17px;
}
h5{
	color: #462e1b;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-family: garamond, serif;
	line-height: 20px;
}

h6{
	color: #462e1b;
	text-align: center;
	font-size: 30px;
	font-family: 'fenwayparkjfregular', garamond, serif;
	line-height: 30px;
}

h6 a{
	color: #462e1b;
	text-align: center;
	font-size: 30px;
	font-family: 'fenwayparkjfregular', garamond, serif;
	line-height: 30px;
	text-decoration: none;
}

h6 a:hover{
	color: #854e3a;
}

h7{
	color: #462e1b;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: garamond, serif;
	line-height: 15px;
}
h8{
	color: #462e1b;
	text-align: center;
	font-size: 50px;
	font-family: 'fenwayparkjfregular', garamond, serif;
	line-height: 80px;
}
h9{
	color: #462e1b;
	text-align: right;
	font-size: 80px;
	font-family: 'fenwayparkjfregular', garamond, serif;
	line-height: 80px;
}
h10{
	color: #462e1b;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	font-family: garamond, serif;
	line-height: 20px;
	}

h11{
	color: #462e1b;
	font-size: 22px;
	font-weight: bold;
	font-family: garamond, serif;
	line-height: 26px;
}

.menucontentbox{	
	text-align: right;
	display: block;
	float: right;
	width: 100%;
	height: 400px;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	background-color: #E9DDC7; 
}

.menutitlebox{
	text-align: right;
	display: block;
	width: 100%;
	height: 400px;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	background-color: #E9DDC7; 
}	

footerpadding{
	display: block;
	height: 700px;
	width: 100%;
}
ul.menuheader li{
	float: right;
	display: block;
	background-color: #E9DDC7; 
	font-size: 35px;
	color: #462e1b;
	padding: 0px;
	margin: 0px;
	margin-right: 25px;
	margin-left: 25px;
	font-family: 'fenwayparkjfregular', garamond, serif;
}

@font-face {
    font-family: 'fenwayparkjfregular';
    src: url('../fonts/fenwayparkjf-webfont.eot');
    src: url('../fonts/fenwayparkjf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fenwayparkjf-webfont.woff2') format('woff2'),
         url('../fonts/fenwayparkjf-webfont.woff') format('woff'),
         url('../fonts/fenwayparkjf-webfont.ttf') format('truetype'),
         url('../fonts/fenwayparkjf-webfont.svg#fenwayparkjfregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Page specific tags */

contact{
	display:block;
	margin: 0px;
	padding: 0px;
	margin: auto;
	background: url(../images/aboutbg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #E9DDC7; 
}

menu{
	display:block;
	margin: 0px;
	padding: 0px;
	margin: auto;
	background: url(../images/menubg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #E9DDC7; 
}

employeebox{
	display: block;
	width: 400px;
	height: 600px;
	background-color: #93775d;
	padding: 20px;
	margin-right: 40px;
}

menubar{
	vertical-align: top;
	display: inline-block;
	padding: 15px;
}
menucategory{
	display: block;
	width: 100%;
}