/** SWATCHES **/


/**
#59595c : dark gray
#96999c : light gray 
#c5de89 : green
#A0C940 : green shade 5%
#D7E9AF : green tint 2%
**/


/** TYPOGRAPHY **/


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

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

body {
    background: #fff none;
    font-family: 'Palanquin', sans-serif;
    font-size: 16px;
    min-width: 1000px;
    overflow-x: hidden;
}

p,
li,
div,
td {
    font-family: 'Palanquin', sans-serif;
    color: #96999c;
}

a {
    font-family: 'Palanquin', sans-serif;
    outline: 0;
    color: #c5de89;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a:hover {
    text-decoration: none;
    color: #b29246;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Palanquin', sans-serif;
    color: #59595c;
    line-height: 1;
    text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-family: 'Palanquin', sans-serif;
    color: #A0C940;
}

h1 a:hover,
h2 a:hover h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
    color: #c5de89;
}


/** TEMPLATE **/

#content .container {
    background-image: none;
}

.page-about #agentContent img {
    float: right;
    margin: 0 0 30px 30px;
    width: 300px;
}


/** HEADER **/


/** Place any CSS code in this section that changes or modifies the main header in Header or .header **/

header {
    background: #FFF url('http://static.contentres.com/media/images/9c6e749a-77df-4cb3-98d6-fc88c07664d6.png');
    margin: 0;
    padding: 0;
    border-top: 3px solid #96999c;
}

header .container {
    padding: 20px 0;
}

header .fauxLogoImagemap {
    float: left;
    width: 49%;
    text-align: right;
    border-right: 1px solid #DDD;
    padding-right: 20px;
}

header .fauxLogoImagemap img {
    width: 200px;
}

header .clientContact {
    float: right;
    width: 47%;
    text-align: left;
    padding-top: 10px;
}

header .clientContact h1 {
    font-size: 25px !important;
    margin: 0;
    padding: 0;
}

header .clientContact p {
    margin: 20px 0;
}

header .clientContact p a {
    background: #A0C940;
    padding: 7px 15px;
    font-size: 16px;
    color: #FFF;
    border-radius: 3px;
    display: inline-block;
}

header .clientContact p a:hover {
    background: #59595c;
    color: #FFF;
    text-decoration: none;
}


/** NAVIGATION **/


/** Place any CSS code in this section that changes or modifies the main navigation bar including Nav, or .Nav **/

nav#main {
    background-image: none;
    background-color: #c5de89;
    border-bottom: 1px solid #A0C940;
    border-top: 1px solid #A0C940;
    margin: 0 auto;
    text-align: center;
}

nav#main .container {
    top: 4px;
}

nav#main li {
    background-image: none;
    text-align: left;
}

#homeButton {
    display: none;
}

nav#main a {
    color: #59595c;
}

nav#main a:hover {
    color: #FFF;
}

nav ul ul {
    background-color: #c5de89;
}

.homepage nav#main {
    border-bottom: none;
}


/** HOMEPAGE **/


/* Suggested Content */

.homepage #content .container aside {
    width: 550px;
    margin-left: -30px;
    font-size: 14px;
    padding-bottom: 60px;
    position: absolute;
    top: 280px;
}

.homepage #content .container article {
    width: 980px;
}

.homepageSection {
    height: 500px;
}

#suggested .content {
    width: 25%;
    float: left;
    border-left: 2px dotted #eee;
    padding: 2%;
}

#suggested .left {
    width: 25%;
    float: left;
    border-left: none;
    padding: 2%;
}

#suggested .content h3 {
    margin-bottom: 15px;
}

#matterContent .flagBody span {
    color: #eee;
}


/* Helpful Content */

#additional {
    background: none;
    margin-top: 30px;
}

#additional .wrapper {
    padding: 0;
}

#additional nav {
    height: auto;
    margin-bottom: 0;
    font-size: 0;
    border-bottom: 2px solid #EEE;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
}

#additional nav ul {
    margin-bottom: 0;
}

#additional nav li {
    border-left: none;
    padding: 0;
    display: inline-block;
}

#additional nav a {
    padding: 15px 20px;
    display: block;
    color: #96999c;
    text-transform: uppercase;
}

#additional nav a:hover {
    color: #A0C940;
    background-color: #eee;
}

#additional nav a:before {
    padding: 0 12px 0 0;
}

#additional nav .selected,
#additional nav .selected:hover {
    color: #A0C940;
    font-weight: bold;
    background: #D7E9AF;
}

#additional .matterContent {
    overflow: hidden;
    margin: 0 -20px;
    padding-top: 20px;
}

#additional .content {
    box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 10px 20px;
}

#additional .viewAll {
    margin: 0 0 20px 20px;
}

#additional .viewAll a {
    background: #b29246;
    color: #FFF;
    padding: 7px 15px;
    border-radius: 3px;
    display: inline-block;
}

#additional .viewAll a:hover {
    background: #675323;
    color: #FFF;
    text-decoration: none;
}

#additional .viewAll a+a {
    display: none;
}

.marketQuotes table {
    width: 460px;
}

#content .container aside .market .marketGraph,
#content .container aside .marketQuotes h3,
#content .container aside .marketGraph p,
#content .container aside h3.firstIndexName {
    display: none;
}


/** ROTATOR **/


/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero **/

#hero {
    background: #c5de89 url("http://static.contentres.com/media/images/16ee19f1-c975-47a0-a592-3fcaa9258427.jpg") top left no-repeat;
    height: 300px;
    padding: 20px 0;
}

#hero aside {
    height: 300px;
    width: 325px;
    padding-right: 5px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
}

#hero aside h2 {
    font-size: 25px;
    background-image: none;
    border-bottom: 1px dotted #333;
}

#hero aside p {
    color: #FFF;
}


/** FOOTER **/


/** Place any CSS code in this section that changes or modifies the main footer in Footer or .footer **/

footer {
    background-image: none;
}

footer h4 {
    color: #c5de89;
}

footer a:hover {
    color: #c5de89;
}


/** 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 **/

.clearAll {
    clear: both;
}

article div ul {
    list-style-type: none;
    margin-left: 0;
}

article div ul li img {
    max-width: 250px;
}

.rule {
    background-image: none;
}