* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
input[type="text"] {
	background-color:#f2e8dd;
	color:#796d71;
	border:none;
	padding:10px;
	margin-bottom:10px;
	font-family:arial;
	width:50%;
}
input[type="submit"] {
	background-image:url("../images/button.png");
	width:71px;
	height:31px;
	color:white;
	text-transform: uppercase;
	font-size:12px;
}
input[type="reset"] {
	background-image:url("../images/button.png");
	width:71px;
	height:31px;
	color:white;
	text-transform: uppercase;
	font-size:12px;
}
button {
	background-image:url("../images/button.png");
	width:71px;
	height:31px;
	color:white;
	text-transform: uppercase;
	font-size:12px;
}
textarea {
	resize:none;
	background-color:#f2e8dd;
	color:#796d71;
	border:none;
	padding:10px;
	margin-bottom:10px;
	font-family:arial;
	width:80%;
	height:170px;
}
header, section, nav, figure {
	display:block;
}
figure {
	text-align:center;
}
#header, #navigation, #content, #footer {
	width:100%;
}
#header {
	background-image:url("../images/header.png");
	background-repeat:repeat-x;
	background-position:center;
	height:224px;
}




/*Navigation ---------------------------*/
.nav-wrapper {
	text-align: center;
}
nav {
	margin: 0;
	padding: 0;
	background-color: #673c1c;
	background-image: url(../images/navigation.png);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 13px;
	text-transform: uppercase;
	font-family: georgia;
	font-weight: bold;
}
nav:after {
	content: "";
	display: table;
	clear: both;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
	display: inline-block;
}
nav ul li {
	margin: 0 0 -3px 0;
	display: inline-block;
	float: left;
	position:relative;
	z-index:200;
}

nav a {
	display: block;
	padding: 0px 48px;
	color: #FFF;
	line-height: 60px;
	text-decoration: none;
}

nav ul li ul li:hover { background: #a28063; }

nav a:hover { 
	background-color: #a28063; 
	background-image:url("../images/navigation-selected.png");
	background-repeat:repeat-x;
	background-position:bottom;
}
nav ul li ul li a:hover { 
	background-color: #321d0d; 
	background-image:url("../images/sub-navigation-current.png");
	background-position: top center;
	color: #ffffff;
}
nav ul li ul li a {
	font-family: arial;
	color: #3e2411;
	font-size: 12px;
	line-height: 40px;
	padding: 0 10px;
}

nav ul ul {
	display: none;
	position: absolute;
	top: 60px;
	background: #DBC1A6;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
	width: 235px;
	float: none;
	display: list-item;
	position: relative;
}

nav ul ul ul li {
	position: relative;
	top: -60px;
	left: 170px;
}

/*li > a:after { content: ' +'; }*/

.toggle, [id^=drop] {
	 display: none;
}

li > a:only-child:after { content: ''; }
	

@media all and (max-width : 1026px) {

	nav a {
		padding: 0px 20px;
		font-size: 12px;
	}
}

@media all and (max-width : 768px) {
	
	
	nav { margin: 0; }

	.toggle + a,
	 .menu { display: none; }

	.toggle {
		display: block;
		padding: 0 20px;
		color: #FFF;
		font-size: 13px;
		line-height: 60px;
		text-decoration: none;
		border: none;
		text-align: center;
	}

	.toggle:hover { background-color: #89664a; }

	[id^=drop]:checked + ul { display: block; }

	nav ul li {
	  display: block;
	  width: 100%;text-align: center;
	}

	nav ul ul .toggle,
	 nav ul ul a { padding: 0 40px; }

	nav ul ul ul a { padding: 0 80px; }

	nav a:hover,
	 nav ul ul ul a { background-color: #89664a; }

	nav ul li ul li .toggle,
	 nav ul ul a { background-color: #DBC1A6; }

	nav ul ul {
	  float: none;
	  position: static;
	  color: #ffffff;
	}

	nav ul ul li:hover > ul,
	nav ul li:hover > ul { display: none; }

	nav ul ul li {
	  display: block;
	  width: 100%;
	}
	nav ul ul ul li { position: static;	}
	
	li > a:after { content: ' +'; }
	li > a:only-child:after { content: ''; }
}

@media all and (max-width : 330px) {
	nav ul li {
		display: block;
		width: 100%;
	}	
}








#logo {
	margin:0px auto;
	width:354px;
	padding-top:40px;
}
#banner {
	overflow:hidden;
	height:488px;
}
#banner img {
	width:100%;
}
#content {
	/*	background-image:url("../images/banner/banner1.png");*/

	background-color: #f2e4d7;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-size:cover;
	width:100%;
	min-height: 606px;
	margin:0px auto;
	padding:40px 0px;
}
#content div h1 {
	font-family:lora !important;
	font-size:22px !important;
	color:#7d9d2c !important;
	margin-bottom:28px;
	text-transform: uppercase;
}
#content div h2 {
	font-family:georgia !important;
	font-size:13px !important;
	color:#9d795d !important;
	margin-bottom:10px;
	text-transform: uppercase;
}
#content div p {
	font-family:arial !important;
	color:#796d71 !important;
	font-size:12px;
	text-align:justify;
	margin-bottom:20px;
	line-height:20px;
}
#content div ul {
	list-style-image:url("../images/bullet.png");
	font-family:arial !important;
	color:#796d71 !important;
	font-size:12px;
}
#content div ul li {
	margin-bottom:10px;
}
#content a:link {
	color:#9d795d;
	text-decoration:underline;
	font-family: arial;
	font-size:12px;
}
#content a:visited {
	color:#9d795d;
	text-decoration:underline;
	font-family: arial;
	font-size:12px;
}
#content a:hover {
	color:#BFA693;
	text-decoration:underline;
	font-family: arial;
	font-size:12px;
}
#footer {
	display:block;
	background-image:url("../images/footer.png");
	background-repeat: repeat;
	background-position:center;
	height: 225px;
	font-family:gan;
	color:white;
	text-transform: uppercase;
	font-size:14px;
}
#footer p {
	text-align:center;
	position:absolute;
	margin-top:60px;
	left:50%;
	margin-left:-158px;
	/*line-height:180px;*/

;
	z-index: 5;
}
#footer img {
}
#contact-figure img {
	width:430px;
}
/*This is used when we have two sections*/

.container-half {
	width:469px;
}
/*The following are used when we have 3 sections*/

.container-3-1 {
	width:271px;
}
.container-3-1 img {
	text-align:center;
}
.container-3-2 {
	width:406px;
}
.container-2-2-1 {
	width:677px;
}
/*The following are used when we have 2 sections but with different sizes*/

.container-2-1 {
	width:389px;
}
.container-2-2-2 {
	width:561px;
}
.larger-wrapper {
	width:1012px;
	padding:40px 32px 40px 32px;
	background-color:white;
	margin:0px auto;
	min-height: 525px;
}
.wrapper {
	width:1015px;
	margin:0px auto;
}
@media all and (max-width : 1015px) {
	.wrapper {
		width:100%;
	}
}

.staff-box {
	width:290px;
	height:98px;
	float:left;
}
.staff-box div h2 {
	border-bottom:dashed 1px #b0abb0;
	margin:0px !important;
	padding-bottom:5px;
}
.staff-box img {
	width:98px;
	height:98px;
}
.staff-box-info {
	width:172px;
	padding-left:20px;
}
.staff-box-row {
	margin-bottom:40px;
}
.service-box {
	width:200px;
	float:left;
}
.service-margin-left {
	margin-left:10px;
}
.service-margin-right {
	margin-right:10px;
}
.service-margin-bottom {
	margin-bottom:15px;
}
.about-img {
	width:230px;
	height:157px;
}
.about-info {
	width:650px;
	margin:10px;
}
.about-margin-top {
	margin-top:50px;
}
.about-margin-right {
	margin-right:20px;
}
.about-margin-bottom {
	margin-bottom:40px;
}
.about-info h2 {
	border-bottom:dashed 1px #b0abb0;
	padding-bottom:10px;
}
.home-section {
	width:230px;
	height:157px;
	float:left;
}
.home-section-margin-right {
	margin-right:40px;
}
.border {
	border-right:dashed 1px #b0abb0;
}
.border-bottom {
	border-bottom:dashed 1px #b0abb0;
}
.padding-left {
	padding-left:50px;
}
.padding-right {
	padding-right:50px;
}
.padding {
	padding:5px 7px 5px 5px;
}
.margin-bottom {
	margin-bottom:55px;
}
.margin-right {
	margin-right:30px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.table {
	display:table;
	width:100%;
}
.cell {
	display:table-cell;
	vertical-align: bottom;
}
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.footer-logos {
	overflow: Hidden;
	/*width: 980px;*/
	text-align: center;
	padding-top: 100px;
	position: relative;
	margin: 0 auto;
}
.icons {
	display: inline-block;
	padding-top: 30px;
	position: absolute;
	float: right;
	right: 10px;
}
.img-icons {
	display: inline-block;
	width: auto;
	padding-left: 30px;
}





/* Let's get this party started */

::-webkit-scrollbar {
 width: 12px;
}

 

/* Track */

::-webkit-scrollbar-track {
 background-color:#E0C7AF;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}

 

/* Handle */

::-webkit-scrollbar-thumb {
 background-color:#955629;
 -webkit-border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
 background-color:#CC7D44;
}



::-webkit-resizer {
 background-color:#CC7D44;
}
 @font-face {
 font-family: 'gan';
 src: url('../fonts/gan/gan.eot'); /* IE9 Compat Modes */
 src: url('../fonts/gan/gan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('../fonts/gan/gan.woff') format('woff'), /* Modern Browsers */  url('../fonts/gan/gan.ttf') format('truetype'), /* Safari, Android, iOS */  url('../fonts/gan/gan.svg#svgFontName') format('svg'); /* Legacy iOS */
}
 @font-face {
 font-family: 'lora';
 src: url('../fonts/lora/lora.eot'); /* IE9 Compat Modes */
 src: url('../fonts/lora/lora.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('../fonts/lora/lora.woff') format('woff'), /* Modern Browsers */  url('../fonts/lora/lora.ttf') format('truetype'), /* Safari, Android, iOS */  url('../fonts/lora/lora.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.fb_style {
	height: 650px;
	word-wrap:break-word;
	overflow-wrap: break-word;
	overflow-y: scroll;
}
.fb_style strong {
	color: #9d795d !important;
	font-size: 15px;
	margin-bottom: 10px;
}
.left .fb_style p {
	width: 196px;
}
ul.benefits {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 4;
	column-gap: 20px;
}
ul.benefits li {
	background:url('../images/feet-2.png') no-repeat;
	list-style: none;
	padding: 0 8px 0 22px;
}
form div {
	font-family:arial !important;
	color:#796d71 !important;
	font-size:12px;
}

ol.cod-options {
	margin-left: 34px;
}
ol.cod-options li {
	color: rgb(165, 157, 146);
    font-size: 13px;
    font-family: arial;
    margin-bottom: 8px;
}


body #content a.button {
	background-color: #7ea02d;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	padding: 5px 15px;
	transition: all 300ms linear ; 
}

body #content a.button:hover, 
body #content a.button:focus {
	background-color: #597418;
}