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

body {
	background: url(../img/bg-body.png) repeat;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #272727;
}

.clear-both {
	clear: both;
}

.container {
	width: 960px;
	margin: 0 auto;
}

#header {
	width: 960px;
}

#logo {
	float: left;
	width: 207px;
	height: 84px;
	margin: 20px 0px 20px 0px;
}

#utils {
	float: right;
	width: 450px;
	margin: 40px 0px 0px 0px;
}

#nav {
	width: 960px;
	height: 45px;
	background: #59902B;
}

#global-nav {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-weight: 700;
	font-family: 'Arvo', serif;
}

#global-nav li {
	list-style: none;
	float: left;
	margin-top: 15px;
}

#global-nav li a {
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #436C20;
	border-right: 1px solid #436C20;
	border-left: 1px solid #83AC60;
	display: block;
	padding: 0px 8px 0px 8px;
	font-weight: normal;
}

#global-nav li a#first {
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #436C20;
	border-right: 1px solid #436C20;
	border-left: 0px;
	display: block;
	padding: 0px 8px 0px 8px;
	font-weight: normal;
}

#global-nav li a#last {
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #436C20;
	border-right: 0px;
	border-left: 1px solid #83AC60;
	display: block;
	padding: 0px 8px 0px 8px;
	font-weight: normal;
}

#corner-left {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../img/corner-left.png) no-repeat;
}

#corner-right {
	float: right;
	width: 10px;
	height: 10px;
	background: url(../img/corner-right.png) no-repeat;
}

#content {
	width: 940px;
	float: left
}

.white-block {
	width: 938px;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	margin-bottom: 20px;
}

.white-block-inner{
	width: 898px;
	margin: 20px 0px 0px 20px;
	padding-bottom: 20px;
}

#home-primary {
	float: left;
	width: 700px;
}

#home-secondary {
	float: right;
	width: 220px;
}

.medium-block {
	width: 658px;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	margin-bottom: 20px;
	padding: 20px;
}

.small-block {
	width: 178px;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	margin-bottom: 20px;
	padding: 20px;
}

.service {
	border-bottom: 1px dotted #E7E7E7;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.service.last {
	margin-bottom: 0px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

.service-primary {
	float: left;
	width: 210px;
	border: 1px solid #E7E7E7;
}

.service-secondary {
	float: right;
	width: 430px;
}

.link-contain {
	border-bottom: 1px dotted #E7E7E7;
	width: 898px;
	margin-top: 20px;
	padding-bottom: 20px;
}

.link-image {
	float: left;
	margin-right: 20px;
	width: 240px;
}

.link-text {
	float: right;
	width: 638px;
}

#gallery {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#gallery li {
	list-style: none;
	float: left;
}

#gallery li a {
	float: left;
	width: 210px;
	display: block;
	margin-top: 20px;
	margin-right: 19px;
}

#gallery li a.last {
	margin-right: 0px;
}

#main-graphic-contain {
	width: 900px;
	height: 320px;
	margin: 20px 0px 0px 20px;
	padding-bottom: 20px;
}

#main-graphic-one {
	width: 900px;
	height: 320px;
	background: url(../img/home-primary.png) no-repeat;
}

#primary-text {
float: right;
width: 350px;
margin: 20px 20px 0px 0px;
}

#contact-left {
float: left;
width: 580px;
margin-top: 20px;
}

#contact-right {
float: right;
width: 300px;
margin-top: 20px;
}

#contact-form {
margin: 0px 0px 0px 0px;
}

#contact-form label {
display: block;
font-size: 13px;
margin: 0px 0px 5px 0px;
}

#contact-form input {
width: 570px;
border: 1px solid #CCCCCC;
height: 25px;
padding: 5px;
margin-bottom: 20px;
}

#contact-form textarea {
width: 570px;
border: 1px solid #CCCCCC;
height: 120px;
padding: 5px;
margin-bottom: 20px;
}

label.error {
color: #FF0000;
font-size: 12px;
margin: 0px 0px 20px 0px;
}

.button {
width: auto !important;
height: auto !important;
border: 0px !important;
display: inline-block;
background: #59902B;
color: #FFFFFF;
padding: 10px 20px 10px 20px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: -20px !important;
cursor: pointer;
}

.button:hover {
background: #4C7A25;
}


.error li {
color: #FF0000;
margin-bottom: 10px;
}
h1, h2, h3, h4 {
font-weight: 700;
font-family: 'Arvo', serif;
}

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

h1 a {
	display: block;
	background: url(../img/logo-sherwood-lodge.png) no-repeat;
	text-indent: -9999px;
	width: 207px;
	height: 84px;
}

h1#primary {
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-size: 26px;
font-weight: 500;
}

h2 {
	text-align: right;
	color: #929292;
	font-style: italic;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 140%;
	font-weight: 400 !important;
}

h2#inner {
	text-align: left !IMPORTANT;
	color: #272727;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	line-height: 140%;
	border-bottom: 1px dotted #E7E7E7;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}

h3.inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
}

p {
	font-size: 13px;
	line-height: 140%;
}

.main-text {
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
}

.user-success {
color: #59902B;
}

.user-failure {
color: #FF0000;
}

ul {
	margin: 10px 0px 0px 10px;
	padding: 0px;
}

ul li {
	font-size: 13px;
	line-height: 140%;
	list-style: circle;
	margin-bottom: 10px;
}

a {
	color: #59902B;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#copyright {
float: left;
font-size: 11px;
margin: 0px 0px 0px 10px;
margin-top: -10px;
}

#website-development {
float: right;
font-size: 11px;
margin: 0px 10px 0px 0px;
margin-top: -10px;
}