@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
	outline: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

::-moz-selection{
	background:#07a;
	color:#fff;
	text-shadow:none;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

html {
	height:100%;
}

body {
	font-family:'Open Sans', sans-serif;
	height:100%;
	background-color:#3b2b1b;
	background-image:url(../images/texture.png);
	background-repeat:repeat;
}

#wrapper {
	height:auto !important;
	height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

header {
	position:fixed;
	width:100%;
	z-index:30000;
}

nav {
	position:relative;
	display:block;
	height:122px;
	width:auto;
	background:url(../images/paper.jpg) repeat;
	border-bottom:3px #3b2b1b solid;
	border-top:2px #3b2b1b solid;
}

#headerWrapper {
	width:100%;
	max-width:1024px !important;
	margin:0 auto;
}

#logoArea {
	width:30%;
	padding:10px 0 15px 25px;
	float:left;
}

#logo img {
	width:320px;
	z-index:2000;
	position:relative;
}

#logoMedium {
	display:none;
}

#logoSmall {
	display:none;
}

#cssmenu {
	width:auto;
	max-width:1024px !important;
	margin:0 auto;
	float:right;
	padding-right:20px;
}

#cssmenu ul {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}

#cssmenu > ul {
	position:relative;
	display:block;
	width:100%;
	z-index:100;
}

#cssmenu:after,
#cssmenu > ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

#cssmenu > ul > li {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
}

#cssmenu > ul > #menu-button {
	display:none;
}

#cssmenu ul li a {
	font-family:'Sorts Mill Goudy', serif;
	font-style:italic;
	display:block;
	text-decoration:none;
	border-top:4px solid transparent;
}

#cssmenu ul li.current {
	border-bottom:5px solid #006940;
}

#cssmenu ul li.current a {
	color:#006940;
}

#cssmenu > ul > li > a {
	font-size:24px;
	padding:60px 28px 14px 28px;
	color:#3b2b1b;
	-webkit-transition:color 0.25s ease-out;
	-moz-transition:color 0.25s ease-out;
	-ms-transition:color 0.25s ease-out;
	-o-transition:color 0.25s ease-out;
	transition:color 0.25s ease-out;
}

#cssmenu > ul > li:hover > a {
	color:#006940;
	border-top:4px solid #006940;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

#cssmenu > ul > li:hover::after {
	border-top-color:#333;
	padding-right:0 !important;
}

#cssmenu ul ul {
	position:absolute;
	left:-9999px;
	top:0;
	opacity:0;
	-webkit-transition:opacity 0.4s ease, top 0.4s ease;
	-moz-transition:opacity 0.4s ease, top 0.4s ease;
	-ms-transition:opacity 0.4s ease, top 0.4s ease;
	-o-transition:opacity 0.4s ease, top 0.4s ease;
	transition:opacity 0.4s ease, top 0.4s ease;
	z-index:1000;
}

#cssmenu ul ul ul {
	top:10px;
	padding-left:5px;
}

#cssmenu ul ul li {
	position:relative;
}

#cssmenu > ul > li:hover > ul {
	top:114px;
	opacity:1;
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
}

#cssmenu.align-right > ul > li:hover > ul {
	left:auto;
	right:0;
	opacity:1;
	padding-top:0;
}

#cssmenu ul ul li:hover > ul {
	left:150px;
	top:0;
	opacity:1;
}

#cssmenu.align-right ul ul li:hover > ul {
	left:auto;
	right:150px;
	top:0;
	opacity:1;
}

#cssmenu ul ul li a {
	padding:10px 0 15px 0;
	font-size:14px;
	text-align:center;
	color:#333;
	background:#DEDCCF;
	text-shadow:none;
	-webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	-ms-transition:all .35s ease;
	-o-transition:all .35s ease;
	transition:all .35s ease;
}

#cssmenu.align-right ul ul li a {
	text-align:right;
}

#cssmenu ul ul li:hover > a {
	background:#CCC;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
	border-bottom:0;
}

#cssmenu > ul > li > ul::after {
	content:'';
	border:6px solid transparent;
	width:0;
	height:0;
	border-bottom-color:#000;
	position:absolute;
	top:-12px;
}

#cssmenu .space {
	display:none;
}

#quickContact {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:25px 20px 0 20px;
	cursor:default;
	text-align:center;
}

#quickContact p {
	margin:0 !important;
	padding:0 !important;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#3b2b1b;
	line-height:24px;
	cursor:default;
}

#social {
	width:100%;
	max-width:1024px !important;
	margin:0 auto;
}

#social ul {
	float:right;
	display:inline;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	margin:20px 0 0 0;
	padding:0;
}

#social ul li {
	float: left;
	display: inline;
	border-right:1px;
	border-right-color:#3b2b1b;
	border-right-style:solid;
}

#social ul li a {
	float:left;
	display:inline;
	text-decoration:none;
	color:#006940;
	padding:0 12px 0 12px;
	-webkit-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
	transition:all 0.15s ease-in-out;
}

#social ul li a:hover {
	text-decoration:none;
	color:#3b2b1b;
}

#social ul li.follow {
	color:#3b2b1b;
	cursor:default;
	padding-right:12px;
}

#social ul li.last {
	border:hidden;
}

footer {
	width:100%;
	height:50px;
}

#sectionFooter {
	width:90%;
	max-width:1024px !important;
	margin:0 auto;
}

#copyright {
	text-align:center;
	padding:0 0 25px 0;
}

#copyright ul {
	font-size:13px;
	padding:0;
}

#copyright ul li {
	display:inline-block;
	border-right:1px;
	border-right-color:#937A42;
	border-right-style:solid;
	padding:0 12px 0 8px;
}

#copyright ul li a {
	color:#937A42;
	text-decoration:none;
	-webkit-transition:color 0.25s ease-out;
	-moz-transition:color 0.25s ease-out;
	-ms-transition:color 0.25s ease-out;
	-o-transition:color 0.25s ease-out;
	transition:color 0.25s ease-out;
}

#copyright ul li a:hover {
	color:#c8b37c;
	-webkit-transition:color 0.25s ease-out;
	-moz-transition:color 0.25s ease-out;
	-ms-transition:color 0.25s ease-out;
	-o-transition:color 0.25s ease-out;
	transition:color 0.25s ease-out;
}

#copyright ul li.start {
	color:#937A42;
	font-size:13px;
	cursor:default;
	padding:0 12px 0 0;
	border-right-color:#937A42;
}

#copyright ul li.end {
	border:hidden;
}

/*Set the menu behaviour for all screens smaller than 1024px */
@media all and (max-width:1024px) {
	
	body {
		width:100%;
		max-width:1024px !important;
	}
	
	#sectionFooter {
		width:90%;
		max-width:1024px !important;
	}
	
	#copyright ul {
		font-size:13px;
	}
}

/*Set the menu behaviour for all screens smaller than 950px */
@media all and (max-width:950px) {
	
	header {
		position:relative;
		width:100%;
	}

	nav {
		z-index:500;
		border-bottom:none;
		height:125px;
	}
	
	#logoArea {
		padding:15px 0 15px 55px;
		height:125px;
	}
	
	#logo {
		display:none;
	}
	
	#logoMedium {
		display:block;
	}
	
	#logoMedium img {
		width:250px;
	}
	
	#cssmenu {
		float:none;
		width:100%;
		border-bottom:3px #3b2b1b solid;
		height:125px;
		padding-right:0 !important;
	}
  
	#cssmenu ul {
		padding:0;
		width:100%;
	}
  
	#cssmenu > ul {
		height:auto;
		display:block;
		-webkit-transition:opacity 0.4s ease, top 0.4s ease;
		-moz-transition:opacity 0.4s ease, top 0.4s ease;
		-ms-transition:opacity 0.4s ease, top 0.4s ease;
		-o-transition:opacity 0.4s ease, top 0.4s ease;
		transition:opacity 0.4s ease, top 0.4s ease;
	}
  
	#cssmenu > ul > li {
		float:left;
		background:url(../images/paper.jpg) repeat;
		padding:0 0 5px 0;
	}
  
	#cssmenu li,
	#cssmenu > ul > li {
		display:none;
	}
  
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu ul > li:hover > ul,
	#cssmenu ul ul > li:hover > ul {
		position:relative;
		width:100%;
		left:auto;
		top:auto;
		opacity:1;
		margin:0 5px;
		padding:0;
		right:auto;
	}
  
	#cssmenu ul li a {
		width:90%;
		margin:0 auto;
		text-align:center;
		padding:12px 0 12px 12px;
		border-top:none;
		color:#3b2b1b;
	}
	
	#cssmenu ul li.current {
		border:none;
	}
  
	#cssmenu ul ul li a {
		border:0;
		background:none;
		width:145px;
		padding:12px 0;
		margin-left:7px;
		color:#999;
	}
	
	#cssmenu ul ul li a:hover {
		color:#CCC;
	}
  
	#cssmenu.align-right ul ul li a {
    	text-align:left;
	}
  
	#cssmenu ul ul li:hover > a {
		color:#CCC;
	}
	
	#cssmenu > ul > li:hover > a {
		border:none;
		color:#c8b37c;
		background-color:#3b2b1b;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;
	}
	
	#cssmenu > ul > li:hover > ul {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	#cssmenu > ul > #menu-button {
		position:absolute;
		display:block;
		cursor:pointer;
		background:url('../images/menu.png') no-repeat;
		width:10%;
		height:25px;
		margin:0;
		right:0;
		top:50px;
	}
	
	#cssmenu #menu-button > a {
		display:none;
	}
	
	#cssmenu ul.open li,
	#cssmenu > ul.open > li {
		display:block;
		width:100%;
	}
	
	#cssmenu > ul.open > li#menu-button > a {
		color:#CCC;
		width:100%;
		right:20px;
	}
	
	#cssmenu ul ul::after {
		display:none;
	}
	

	#cssmenu ul.open #menu-button::after,
	#cssmenu ul.open #menu-button::before {
		border-color:#CCC;
	}
	
	#cssmenu .space {
		height:20px;
	}
}

/*Styles for screen 768px and lower*/
@media screen and (max-width:768px) {
		
	#sectionFooter {
		width:90%;
		max-width:768px !important;
	}
	
	#copyright ul {
		font-size:13px;
	}
}

/*Styles for screen 592px and lower*/
@media screen and (max-width:592px) {
	
	#logoArea {
		padding:15px 0 15px 25px;
	}
		
	#cssmenu > ul > #menu-button {
		right:35px;
	}
	
	#sectionFooter {
		width:100%;
		max-width:591px !important;
	}
	
	#copyright ul {
		font-size:13px;
	}
}

/*Styles for screen 480px and lower*/
@media screen and (max-width:480px) {
	
	#cssmenu ul li a {
		width:86%;
	}
	
	#social {
		display:none;
	}
	
	#sectionFooter {
		width:65%;
		max-width:479px !important;
	}
	
	#copyright {
		margin:0 auto;
	}
	
	#copyright ul {
		font-size:12px;
		border:none;
	}
	
	#copyright ul li.start {
		padding:0 0 10px 0;
		border-right:none;
		width:100%;
	}
}

/*Styles for screen 320px and lower*/
@media screen and (max-width:380px) {
	
	#logoMedium {
		display:none;
	}
	
	#logoSmall {
		display:block;
	}
	
	#logoSmall img {
		width:100px;
	}
	
	#cssmenu ul li a {
		width:96%;
		text-align:center;
		padding:12px 0 12px 0;
		margin:0 auto;
	}
	
	#cssmenu ul ul li a {
		width:100%;
		padding:12px 0;
		color:#999;
		margin-left:5%;
	}
		
	#sectionFooter {
		width:90%;
		max-width:319px !important;
	}
	
	#copyright ul {
		font-size:11px;
	}
	
	#copyright ul li.start {
		padding:0 0 10px 0;
		border-right:none;
		font-size:11px;
		width:100%;
	}
}