/** SWATCHES **/
/** Place any hex codes for branded colors here for quick reference. **/


/** HOMEPAGE TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the template including Body, Container, Aside, or Content. **/
h1, h3, h4, h5, p {
  color: #eee;
} 
h2 {
  color: #7bc143;
}
a {
  color: #619834;
}
a:hover {
  color: #7bc143;
}
#content {
  background: #000;
}
#additional {
  background: #000;
  background-image: none;
}
#additional nav .selected, #additional nav a {
  color: #eee;
}
#additional nav .selected, #additional nav a:hover {
  color: #7bc143;
}
.rule {
  visibility: hidden;
  border-bottom: 1px solid #ddd;
}

/** SUBPAGES TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the subpage template including Body, Container, Aside, or Content. **/
.subpage.page-about article h1 {
  display: none;
}
.subpage.page-about #agentContent h1 {
  display: block;
}

/** TYPOGRAPHY **/
/** Place any CSS code in this section that changes or modifies the headlines, paragraphs or links. **/


/** HEADER **/
/** Place any CSS code in this section that changes or modifies the main header in Header or .header **/
header {
  background: #222 url(http://static.contentres.com/media/images/5e2a19fa-e370-4f60-9e4c-ec1e823d4f1f.png); 
  margin: 0;
  padding: 0;
  height: 190px;
  border-top: 3px solid #3E9B39;
}
.fauxLogoImageMap {
  padding-top: 30px;
}
.clientContact {
  float: right;
  background: #3E9B39;
  padding: 5px 20px;
}
.clientContact a {
  color: #FFF;
}

/** NAVIGATION **/
/** Place any CSS code in this section that changes or modifies the main navigation bar including Nav, or .Nav **/
nav {
  background-position:0;
  background: #7bc143;
}
nav .container {
  padding-top: 10px;
}
nav ul ul {
  background: #619834;
}

/** ROTATOR **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero **/
#hero .container #hero1 img {
    background: url('http://static.contentres.com/media/images/c15ac45b-b909-4c36-9087-321096c2e23f.jpg') no-repeat center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    height: 300px;
}

#hero .container #hero2 img {
    background: url('http://static.contentres.com/media/images/b233150b-11fc-4c69-88db-f8d4209ef465.jpg') no-repeat center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    height: 300px;
}

#hero .container #hero3 img {
    background: url('http://static.contentres.com/media/images/0561fc91-0e12-447f-8fa0-f9f7f11a865e.jpg') no-repeat center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    height: 300px;
}

#hero .container #hero4 img {
    background: url('http://static.contentres.com/media/images/e2983a92-f214-47a0-941b-3c5dc5af11b3.jpg') no-repeat center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    height: 300px;
}

#hero {
    background: none;
    height: 300px;
    margin: 0;
    padding: 0;
}
#hero .container {
    width: 100%;
    height: 300px;
    padding: 0;
}

/** ROTATOR ASIDE **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero aside or wrapper **/
#hero aside {
    width: 1000px;
    height: 300px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.ie7 #hero aside {
  margin-top: -300px;
}
#hero aside .wrapper {
  width: auto;
  height: auto;
  margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
#hero aside .wrapper h2 {
  display: inline-block;
  background: rgba(0,0,0,0.8);
  margin: 0 0 5px 0;
  padding: 15px 20px;
  font-size: 50px;
  line-height: 1;
}
#hero aside .wrapper p {
  display: inline-block;
  background: rgba(0,0,0,0.8);
  margin: 0 0 5px 0;
  padding: 15px 20px;
  font-size: 20px;
  color: #fff;
}
#hero aside .wrapper p + p {
  background: none;
  width: 1000px;
  margin: 0;
  padding: 0;
}
#hero aside .wrapper p a {
  display: inline-block;
  background: rgba(0,0,0,0.8);
  padding: 8px 20px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
}
#hero aside .wrapper p a + a {
  display: none;
}

#hero aside .wrapper p a:hover {
  background: #fff;
  color: #000;
}
#hero .backArrow {
  top: 20%;
  left: 0%;
}

#hero .forwardArrow {
  top: 20%;
  left: 98%;
}
/** FOOTER **/
/** Place any CSS code in this section that changes or modifies the main footer in Footer or .footer **/
footer {
  background: #222 url(http://static.contentres.com/media/images/5e2a19fa-e370-4f60-9e4c-ec1e823d4f1f.png); 

}
footer a {
  color: #619834;
}
footer a:hover {
  color: #7bc143;
}

/** SIDEBAR WIDGET **/
/** Place any CSS code in this section that changes or modifies the Sidebar Widgets, both default and custom **/


/* CLASSES */
/** Place any CSS code in this section that relates to universal CSS classes **/