body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#000000;}
	
.container{
	width: 1224px;
	padding-right: 0px;
  	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;}
	
@media (max-width: 767px) {
	.container{
		width: 100%;
		padding-right: 14px;
  		padding-left: 14px;}
}
@media (min-width: 768px) {
	.container{
		width: 750px;
		padding-right: 0px;
  		padding-left: 0px;}
}
@media (min-width: 992px) {
	.container{
		width: 970px;
		padding-right: 0px;
  		padding-left: 0px;}
}
@media (min-width: 1200px) {
	.container{
		width: 1200px;
		padding-right: 0px;
  		padding-left: 0px;}
}
.nav-container{
	width: 1224px;
	padding-right: 0px;
  	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;}
	
@media (max-width: 767px) {
	.nav-container{
		width: 100%;
		padding-right: 0px;
  		padding-left: 0px;}
}
@media (min-width: 768px) {
	.nav-container{
		width: 750px;
		padding-right: 0px;
  		padding-left: 0px;}
}
@media (min-width: 992px) {
	.nav-container{
		width: 970px;
		padding-right: 0px;
  		padding-left: 0px;}
}
@media (min-width: 1200px) {
	.nav-container{
		width: 1200px;
		padding-right: 0px;
  		padding-left: 0px;}
}

.header{
	background: url(../images/header.jpg) top center;
	background-color:#222222;
	color:#FFFFFF;}
	
.slide1{
	background: url(../images/slide1.jpg) top center;
	color:#FFFFFF;
	height:555px;}
	
@media (max-width: 767px) {
	.slide1{
		background: url(../images/slide1-mobile.jpg) top center;
		height:300px;}
}
@media (min-width: 768px) {
	.slide1{
		background: url(../images/slide1.jpg) top center;
		height:555px;}
}
@media (min-width: 992px) {
	.slide1{
		background: url(../images/slide1.jpg) top center;
		height:555px;}
}
@media (min-width: 1200px) {
	.slide1{
		background: url(../images/slide1.jpg) top center;
		height:555px;}	
}

.content-area{
	background: url(../images/content-area.jpg) top center;}	
	
@media (max-width: 767px) {
	.content-area{
		background-image:none;
		background-color:#f2cc51;}
}
@media (min-width: 768px) {
	.content-area{
		background-image:none;
		background-color:#f2cc51;}
}
@media (min-width: 992px) {
	.content-area{
		background-image:none;
		background-color:#f2cc51;}
}
@media (min-width: 1200px) {
	.content-area{
		background: url(../images/content-area.jpg) top center;}	
}

.footer{
	background: url(../images/footer.jpg) top center;
	background-color:#222222;
	color:#FFFFFF;}
	
hr{
	border-color:#333333;}

a{
    color: #0c8cce;
    text-decoration: none;}

a:hover,
a:focus {
	color: #0c8cce;
	text-decoration: underline;}
	
.footer a{
    color: #edba22;
    text-decoration: none;}

.footer a:hover,
.footer a:focus {
	color: #eec447;
	text-decoration: underline;}

a.darken {
    display: inline-block;
	background: url(../images/feature-darken.jpg) top center no-repeat;
    padding: 0;}

a.darken img {
    display: block;

    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;}

a.darken:hover img {
    opacity: 0.6;}

a.darken2 {
    display: inline-block;
    padding: 0;}

a.darken2 img {
    display: block;

    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;}

a.darken2:hover img {
    opacity: 0.5;}
	
h2{
	font-family: 'Open Sans', sans-serif;
	font-size:28px;
	color:#7c9749;
	padding-bottom:10px;
	font-weight:bold;}
	
h3{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#666666;
	font-weight:bold;}
	
h1{
	font-family: 'Open Sans', sans-serif;
	font-size:48px;
	font-weight:bold;}