@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

body {
	font: 100% 'Roboto Condensed', sans-serif;
	background: #DFDFDF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-top: 10px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #493F42;
}

a { color: #493F42; text-decoration: none; }
a:visited { color: #493F42; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
a#here { text-decoration: underline; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

#container {
	width: 960px;
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 134px;
	display: block;
	background: #fff;
}
#nav {
	float: right;
	margin-top: 95px;
	padding-right: 8px;
}
#nav ul {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 100%;
	letter-spacing: 1pt;
	color: #493F42;
	list-style: none;
}
#nav ul li {
	display: inline;
	padding-right: 2px;
}
.green {
	color: #91B845;
}
.white {
	color: #fff;
}
#mainContentHome {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 595px;
	display: block;
	background-image: url(../img/homepage.jpg);
	background-repeat:no-repeat;
}
#mainContentHome p {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 100%;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
	width: 370px;
	padding: 40px 210px 0px 380px;
}
#mainContentBox {
	clear: both;
	float: left;
	width: 100%;
	height: 595px;
	display: block;
	background-image: url(../img/green-box.png);
	background-repeat: no-repeat;
}
#mainContentBox p.title {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 100%;
	font-weight: 550;
	line-height: 1.5em;
	color: #91B845;
	width: 370px;
	padding: 90px 0px 0px 380px;
}
#mainContentBox p {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 100%;
	font-weight: 500;
	line-height: 1.5em;
	color: #493F42;
	width: 370px;
	padding: 0px 0px 0px 380px;
	text-align: left;
}
#mainContentBox p.contact-first {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.5em;
	color: #9A9596;
	width: 370px;
	padding: 90px 0px 0px 380px;
}
#mainContentBox p.contact {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.5em;
	color: #9A9596;
	width: 370px;
	padding: 10px 0px 0px 380px;
}
#mainContentBox p.contact-last {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.5em;
	color: #9A9596;
	width: 370px;
	padding: 160px 0px 0px 380px;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 80px;
	background: #fff;
}
#footer p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 80%;
	text-align: left;
	margin-left: 170px;
	color: #9A9596;
}
#footer img {
	margin: 0px 638px 0px 0px;
	}
.likeus { color: #493F42; }