/****** FONTS ******/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);

/****** GLOBAL ******/

body {#background:#fff; font-family: 'Lato', sans-serif; font-size: 16px; color: #363636; min-width:1044px;}

p, a, ul li, td, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: 'Lato', sans-serif;}

a {outline: 0; font-family: 'Lato', sans-serif !important; text-decoration: none !important; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; o-transition: all 0.2s ease-out;}

a:hover {text-decoration: none !important; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; o-transition: all 0.2s ease-out;}

/****** HEADER ******/

header {background-image: none; background-color: #00283f; height: 190px; margin: 0; padding: 0;}

.ie7 header {position: relative; z-index: 999;}

header .container {width: 1000px; margin: 0 auto; padding: 0;}

header .header-logo {float: left; width: 167px; height: 145px; margin: 20px 0 0 15px; padding: 0;}

header .header-logo .logo {background: url("https://static.contentres.com.s3.amazonaws.com/media/custom/311631-coble/logo.png") no-repeat; width: 167px; height: 145px; margin: 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

header .header-phone {float: left; margin: 44px 0 0 320px;}

header .header-phone p {float: left; margin: 0 20px 0 0; font-size: 14px; font-weight: 300; color: #ffffff;}

header .header-social {float: right; margin: 38px 0 0 0;}

header .header-social .header-fb {float: left; display: block; background-image: url("https://static.contentres.com.s3.amazonaws.com/media/custom/311631-coble/login.jpg"); width: 142px; height: 30px; margin-right: 5px; text-indent: 100%; white-space: nowrap; overflow: hidden;}

header .header-social .header-in {float: left; display: block; background-image: url("https://static.contentres.com/media/custom/336077/images/hunt-in.png"); width: 30px; height: 30px; margin-right: 2px; text-indent: 100%; white-space: nowrap; overflow: hidden;}

header .header-social .header-tw {float: left; display: block; background-image: url("https://static.contentres.com/media/custom/336077/images/hunt-tw.png"); width: 30px; height: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;}

header .header-social .header-fb:hover, header .header-social .header-in:hover, header .header-social .header-tw:hover {background-position: 0 30px;}

/****** NAV ******/
header nav {float: right; background: none; margin: 0; padding: 0; clear: none;}

header nav .container {background-image: none; width: 800px; margin: 64px 0 0 0; padding: 0;}

header nav #homeButton {display: none;}

header nav .container ul {text-align: right;}

header nav .container ul li {background-image: none; margin: 0 0 0 28px; padding: 0 0 17px 0; font-size: 16px; transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; o-transition: all 0.1s ease-out;}

header nav .container ul li a {display: inline-block; margin: 0; padding: 0 0 19px 0;}

header nav .container ul li a + a {display: none;}

.ie7 header nav .container ul li a {border-bottom: solid 10px #00283f;}

header nav .container ul li.last a {margin: 0;}

header nav .container ul li:hover, header nav .container ul li a.selected {border-bottom: solid 10px #abb545;}

.ie7 header nav .container ul li:hover a {border-bottom: solid 10px #abb545;}

header nav .container ul li li a.selected {background-color: #abb545; border: none;}

header nav .container ul ul {text-align: left; padding: 0; margin: 5px 0 0 0;}

.ie7 header nav .container ul ul {z-index: 999;}

header nav .container ul li:hover ul {background: rgba(0,40,63,0.9); top: 40px; left: 0;}

.ie7 header nav .container ul li:hover ul {display: block; z-index: 999;}

header nav .container li li {margin: 0; padding: 0;}

header nav .container li li:hover {border: none;}

header nav .container li li a {display: block; margin: 0; padding: 15px 20px;}

.ie7 nav .container li li a {border: none !important;}

header nav .container li li a:hover {background: #abb545;}

/* firefox only override */
@-moz-document url-prefix() {
    header nav .container ul li:hover {
        border-bottom: solid 9px #ce8a35;  
    }
}

@-moz-document url-prefix() {
    header nav .container ul li li:hover {
        border: none;
    }
}

/* safari only override */
::i-block-chrome, header nav .container ul li a.selected {border-bottom: solid 11px #abb545;}

/* ie7, ie8 only override */
.ie7 header nav .container ul li:hover ul,
.ie8 header nav .container ul li:hover ul {background: url("https://static.contentres.com/media/custom/336077/images/hunt-ie-trans-menu.png");}

/****** HERO ******/
#hero {background:transparent; height:550px;}
#hero .container {width:100%; height:550px; padding:0;}
#hero .hero {width:100%; height:550px;}
#hero .container #hero1 img {background: url("https://peakwebsites.s3.amazonaws.com/Premium/3510560-Coble/images/hero6.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: 550px;}
#hero .container #hero2 img {background: url("https://peakwebsites.s3.amazonaws.com/Premium/3510560-Coble/images/hero5.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: 550px;}
#hero .container #hero3 img {background: url("https://peakwebsites.s3.amazonaws.com/Premium/3510560-Coble/images/hero7.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: 550px;}
#hero .container #hero4 img {background: url("https://peakwebsites.s3.amazonaws.com/Premium/3510560-Coble/images/hero8.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: 550px;}
#hero aside {width: 1000px; margin: 0 auto;}
#hero aside .wrapper {width: 662px; background: url("https://static.contentres.com.s3.amazonaws.com/media/custom/311631-coble/aside-bkgd.png") repeat-y; position: absolute; bottom: 0px; margin: 0;}
#hero aside h2 {color:#00223b; margin-bottom:0px; background:transparent; width:350px; font-weight:bold;}
#hero aside p {color:#646464; width:350px;}
#hero aside p a {position: absolute; background: #4196d6; color: #fff; padding: 5px 20px; bottom: 20px; right: 80px;}
#hero aside p a+a {display:none;}
#hero .backArrow {width: 40px; height: 40px; background: url("https://static.contentres.com.s3.amazonaws.com/media/custom/311631-coble/backArrow.png") no-repeat; top: 425px; left: auto; right: 47%; z-index: 9999;}
#hero .forwardArrow {width: 40px; height: 40px; background: url("https://static.contentres.com.s3.amazonaws.com/media/custom/311631-coble/forwardArrow.png") no-repeat; top: 425px; left: auto; right: 42%; z-index: 9999;}

/****** CONTENT ******/
#content .container {background:transparent;}

#agentPhoto {display:none;}

.homepage .rule, .subpage aside .rule, .homepage #content .container article {display: none;}
.homepage #content .container {width:1044px;}
.homepage #content .container aside {width: 1044px; margin: 0;}
.homepage #content .container aside .wrapper {margin: 0; padding: 0;}
.homepage #content aside section {width: 318px; height: 423px; float: left; text-align:center; margin:15px;}

.homepage #content aside section.market {text-align:left !important; background: #aab545; height: 423px; padding: 0; width: 318px;}
.homepage #content aside section.market p, .homepage #content aside section.market .marketQuotes, .homepage #content aside section.market .firstIndexName, .homepage #content aside section.market .marketGraph {margin-left:20px;}
.homepage #content aside section.market a {color:#4196d6;}

.mod2, .mod3 {background: #04243d; height: 423px;}
.mod2 h2, .mod3 h2 {margin-bottom:0px !important;}
.mod2 p, .mod3 p {color:#fff; width: 240px; margin: 0 auto;}
.mod2 img, .mod3 img {width: 318px; border-bottom: solid 3px #fff; margin-bottom:20px;}
.mod2 a, .mod3 a {position: relative; top: 10px;}
.mod2 a img, .mod3 a img {width:27px !important; border:0; margin-bottom:0; position: relative; top: 10px; margin-left: 15px;}

.mod4, .mod5 {background: #b4b5b4; height: 423px;}
.mod4 h2, .mod5 h2 {margin-bottom:0px !important; background:#767676;}
.mod4 p, .mod5 p {color:#fff; width: 240px; margin: 0 auto;}
.mod4 img, .mod5 img {width: 318px; border-bottom: solid 3px #fff; margin-bottom:20px;}
.mod4 a, .mod5 a {position: relative; top: 10px; color:#000 !important;}
.mod4 a img, .mod5 a img {width:27px !important; border:0; margin-bottom:0; position: relative; top: 10px; margin-left: 15px;}

.form .wrapper, .newsletterSignUp .wrapper {background:#b4b5b4; height:423px; text-align:left !important;}
.form {margin-left:30px;}
.form .wrapper {padding:0;}
.form h2, .newsletterSignUp h2 {background:#767676;}
#content aside label {color:#000;}
#content aside input, textarea {border:solid 2px #000;}
#content aside form {width: 241px; margin: 0 auto;}

#content aside h2 {color: #fff; text-transform: uppercase; text-align: center; padding: 15px 0; border-bottom: solid 3px #fff; margin-bottom:20px;}

input[type="submit"], .submit {background-image: none; width: 240px; border: solid 2px #fff; padding: 9px 0px 24px;}

/****** FOOTER ******/
footer {background:#616161;}
footer aside {display:none;}
footer .note {width:630px;}
.footer-contact {position: relative; left: 40px;}
.footer-contact h2 {margin-bottom: 15px;}

footer,
footer a,
footer p,
footer h2,
footer h4 {color:#fff;}

.socialMedia li span {display:none;}