html, body {
	height: 100%;
}

body {
	padding-top: 100px;

	background-image: url('../img/29.jpg');
	background-repeat: repeat;

	font-family: 'Open Sans', 'Helvetica Neue Light', Helvetica, Arial, Sans-serif;
	font-weight: 300;
	font-size: 16px;

	color: #776454;	
	margin-bottom: 20px;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

a, a:visited, a:link {
	color: #eeeeee;
}

.list-nostyle {
	list-style: none;
}

.menu-bar {
	font-size: 1.5em;
	color: #eeeeee;
	cursor: pointer;
}

.menu-bar, .menu-small {
	display: none;
}


nav > .menu-large, nav > .menu-bar {
	margin: 0px 10px;
	padding: 0px 10px;

	position: absolute;
	bottom: 10px;
	right: 0px;
}

.menu-large > li {
	display: inline;
	margin: 5px;

	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;

	padding: 2px 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

}

.menu-large > li:hover:not(.phone) {
	background-color: #776454;
}

.menu-large > li:hover > a {
	color: #dd8b63;
}

nav a, nav a:hover, .menu-small a, .menu-small a:hover {
	text-decoration: none;
}

nav {
	z-index: 1000;
}

nav {
	position: fixed;

	min-height: 28px;
	margin-bottom: 20px;
	width: 100%;
	top:0px;
	padding: 0px 20px;
	background-color: rgba(185, 161, 128, 0.9);
	-moz-box-shadow:    0px 2px 2px 2px rgba(119, 100, 84,0.3);
	-webkit-box-shadow: 0px 2px 2px 2px rgba(119, 100, 84,0.3);
	box-shadow:         0px 2px 2px 2px rgba(119, 100, 84,0.3);
}

input[type="submit"],
button {
	background-color: #dd8b63;
	color: #eeeeee;

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: none;
	cursor: pointer;
	font-size: 18px;
	font-family: 'Open Sans', 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
	white-space: nowrap;
	line-height: 1.5;
	padding-left: 10px;
	padding-right: 10px;
	margin: 10px 0px;
    -o-transition:.25s;
    -ms-transition:.25s;
    -moz-transition:.25s;
    -webkit-transition:.25s;
    transition:.25s;

    -webkit-appearance: none;
}

button:hover {
	background-color: #c1714a;
}

hr{
    border: 0;
    border-bottom: 1px dashed #776454;
    background: #eee;
    width: 100%;
}

.highlight, .highlight:hover {
	background-color: #9a8777;
}

.highlight > a {
	color: #e79f7b;
}

.container {
	padding: 0 40px;
	margin-bottom: 20px;
}

.section {
	background-color: rgba(239,220,176, 0.4);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	margin: 20px auto;
	min-height: 150px;
	padding: 15px 15px;

	width: 100%%;
}

.lead {
	font-weight: 700;
	font-size: 1.2em;
}

.map {
	width: 100%;
}

.location {
	margin-bottom: 20px;
}

.profile, .facility {
	text-align: center;
}

ul.description {
	list-style-image: url("../img/bullet.png");
}

ul.description > li {
	margin: 10px 0px;
	vertical-align: top;
}

ul {
	display: block;
}

input, textarea, select {
	font-family: "Raleway", "Helvetica Neue Light", Helvetica, Arial, sans-serif; 
	font-size: 18px;
	font-weight: 300;
	padding: 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ababab;
	color: #776454;
	margin: 0px 0px 10px 10px;

	width: 100%;

}

label {
    display: inline-block;
}

.brand {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

.picture {
    padding-top: 10px;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -80px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 80px; 
}
.site-footer {
  background: rgba(241, 193, 46, 0.3);
  padding: 10px;
  margin-top: 40px;
}

.site-footer p {
	margin: 5px;
}

.error {
	color: #AD4545;
}

.success {
	background-color: #c0d89e;
	padding: 10px;
	border-radius: 2px;
	color: #ffffff;
}

.phone {
	font-weight: bold;
}


.logo > .small {
	font-weight: bold;
	display: none;
}

@media only screen and (max-width: 480px){
	.picture {
		display: none;
	}

	.logo .regular {
		display: none;
	}

	.logo .small {
		display: inline-block;
	}
}

@media only screen and (max-width: 700px) {
	.menu-bar {
		display: inline-block;
	}

	.menu-small {
		margin: 0;
		padding: 0;
		padding-top: 80px;
		padding-bottom: 20px;


		position: fixed;
		width: 100%;
		top: 0;

		line-height: 30px;
		background-color: rgba(185, 161, 128, 0.95);
	}

	.menu-small > li {
		margin: 0;
		padding: 0px 20px;
	}

	.menu-small > li:hover {
		background-color: #776454;
	}


	nav > ul {
		display: none;
	}

}