/**********  FONT EMBED  **********/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
/* font-family: 'Source Sans Pro', sans-serif; */

/**********  GLOBAL STYLES  **********/
html {
	/*-webkit-font-smoothing: antialiased;*/
}

body {
    background: #fafafa none;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 16px;
}

p, li, div {
	font-family: 'Source Sans Pro', sans-serif;
	color: #666;
}  

.subpage article a, .subpage article li {
        color:#194874;
        font-weight:bold;
}

.subpage article a:hover {
        color:#B99720;
}

a {
	font-family: 'Source Sans Pro', sans-serif;
	outline: 0;
	color: #355F85;
    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 {
	font-weight: 400;
	text-decoration: none;
	color: #8E9BA4;
    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;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
    text-transform: uppercase;
	color: #363636;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	text-transform: none;
	color: #355F85;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	font-weight: 400;
	text-decoration: none;
	color: #8E9BA4;
}

/**********  BACK TO TOP  **********/
.back-to-top {
	display: none;
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 10;
}

/**********  HEADER  **********/
header {
    background: #fff;
    height: 165px;
    margin: 0;
    padding: 0;
}

header .container {
    background: none;
    width: 1000px;
    height: 165px;
    padding: 0;
}

header .header-logo {
    display: inline-block;
    float: left;
    margin: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

header .header-logo .logo {
    background: url("https://fmg-websites-custom.s3.amazonaws.com/338866-sullivan/images/logo.jpg") no-repeat;
    width: 309px;
    height: 78px;
    margin: 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

header .header-client, header .header-contact {
    display: inline-block;
    float: right;
    position: relative;
}

header .header-client {
    margin: 10px 10px 0 0;
}

header .header-contact {
    margin: 10px 20px 0 0;
}

header .header-client a, header .header-contact a {
    display: block;
    background: #e3c458;
    font-size: 18px;
    text-transform: uppercase;
    text-align: right;
    color: #fff;
    border-bottom: solid 5px #B99720;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}

header .header-client a:hover, header .header-contact a:hover {
    margin-top: 1px;
    border-bottom: solid 4px #B99720;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}

header .header-client a:active, header .header-contact a:active {
    margin-top: 3px;
    border-bottom: solid 2px #B99720;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}

header .header-client a {
    width: 160px;
    height: 30px;
    padding: 10px 20px 0 0;
}

header .header-contact a {
    width: 157px;
    height: 30px;
    padding: 10px 23px 0 0;
}

header .header-client a img, header .header-contact a img {
    margin: 0 8px 0 0;
    vertical-align: middle;
}

/**********  NAVIGATION  **********/
nav#main #homeButton, nav#main .container ul li a + a {
    display: none;
}

nav#main {
    background: none;
    width: 1000px;
    height: 0;
    margin: auto;
    padding: 0;
}

nav#main .container {
    background: none;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: -50px;
    right: 0;
}

nav#main .container ul {
    margin: 0 10px 0 0;
}

nav#main .container ul li {
    background: none;
    margin: 0 18px;
    padding: 0;
}

nav#main .container ul li.first {
    margin-left: 0;
}

nav#main .container ul li.last {
    margin-right: 0;
}

nav#main .container ul li a {
    margin: 0;
    padding-bottom: 31px;
    font-size: 18px;
    font-weight: 300;
    color: #355F85;
}

nav#main .container ul li:hover a {
    text-decoration: underline;
}

nav#main .container ul li:hover a.selected {
    text-decoration: none;
}

nav#main .container ul li a.selected {
    font-weight: 600;
    color: #32434E;
}

nav#main .container ul ul {
    width: 200px;
}

nav#main .container ul li:hover ul {
    background: rgba(66,89,104,0.9);
    top: 25px;
    left: 0;
}

.ie7 nav#main .container ul li:hover ul, .ie8 nav#main .container ul li:hover ul {
	background: url("https://peakwebsites.s3.us-west-2.amazonaws.com/Premium/338866-Sullivan/images/schipke-ie-nav.png") repeat;	
}

nav#main .container li li {
    margin: 0;
}

nav#main .container li li a {
    display: block;
    padding: 12px 20px;
    color: #fff;
}

nav#main .container ul li:hover li a {
    text-decoration: none;
}

nav#main .container ul li:hover li a:hover, nav#main .container ul li:hover li a.selected {
    background: #32434E;
    color: #fff;
}

/**********  HERO ROTATOR  **********/
#hero .container #hero1 img {
    background: url("https://fmg-websites-custom.s3.amazonaws.com/338866-sullivan/images/hero-01.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: 400px;
}

#hero .container #hero2 img {
    background: url("https://fmg-websites-custom.s3.amazonaws.com/338866-sullivan/images/hero-02.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: 400px;
}

#hero .container #hero3 img {
    background: url("https://fmg-websites-custom.s3.amazonaws.com/338866-sullivan/images/hero-03.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: 400px;
}

#hero .container #hero4 img {
    background: url("https://fmg-websites-custom.s3.amazonaws.com/338866-sullivan/images/hero-04.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: 400px;
}

#hero {
    background: none;
    height: 400px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top: solid 10px #32434E;
    border-bottom: solid 10px #32434E;
}

#hero .container {
    width: 100%;
    height: 400px;
    padding: 0;
}

#hero aside {
    width: 1000px;
    height: 400px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.ie7 #hero aside {
	margin-top: -400px;
}

#hero aside .wrapper {
    padding: 0;
    position: absolute;
    bottom: 55px;
    left: 0;
}

#hero .backArrow, #hero .forwardArrow {
    display: none;
}

#hero aside .wrapper h2,  #hero aside .wrapper p {
    background: rgba(0,0,0,0.5) none;
    margin: 0;
    padding: 5px 30px 10px;
    font-weight: 300;
    text-transform: none;
    color: #fff;
}
#hero aside .wrapper h2 {
    font-size: 65px;
}
#hero aside .wrapper p {
    font-size: 34px;
}
#hero aside .wrapper p span {
    font-weight:600;
}
#hero aside .wrapper p+p {
    display:none;
}
.ie7 #hero aside .wrapper p, .ie8 #hero aside .wrapper p {
	background: url("https://peakwebsites.s3.us-west-2.amazonaws.com/Premium/338866-Sullivan/images/schipke-ie-hero.png") repeat;	
}

#hero aside .wrapper .bold {
    font-weight: 600;
}

/**********  MAIN CONTENT  **********/
#content .container {
    background: transparent;
    width: 1000px;
    padding: 40px 0;
}

#content .container article, #content .container aside {
    padding: 0;
}

#content .container article .rule {
    background: #d1d1d1 none;
    width: 630px;
    height: 1px;
}

#content .container aside .rule {
    background: #d1d1d1 none;
    width: 300px;
    height: 1px;
    margin: 30px 0 30px 30px;
}

#content .container article #suggested a:hover img, #content .container article #allVideoContent .videoContent a:hover img {
    opacity: 0.9;
}

#content .container article h3 {
    margin: 0 0 10px 0;
}

#content .container article #additional {
    background: #f9f9f9;
    overflow: auto;
    padding: 20px;
}

#content .container article #additional .wrapper {
    padding: 0;
}

#content .container #additional .wrapper nav ul li {
    border: none;
}

#content .container #additional .wrapper nav ul li a {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #355F85;
}

#content .container #additional .wrapper nav ul li a:hover, #content .container #additional .wrapper nav ul li a.selected {
    text-decoration: none;
    color: #8E9BA4;
}

#content .container #additional .wrapper nav ul li a.selected:before {
    content: '\00BB';
    margin: 0 3px 0 0;
    font-size: 25px;
}

#content .container #additional .wrapper .matterContent .content h4 a {
    font-size: 16px;
    color: #355F85;
}

#content .container #additional .wrapper .matterContent .content h4 a:hover {
    text-decoration: underline;
}

#content .container #additional .wrapper .viewAll a {
    display: block;
    float: left;
    background: #e3c458;
    height: 15px;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    border-bottom: solid 5px #B99720;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}

#content .container #additional .wrapper .viewAll a:hover {
    margin-top: 1px;
    border-bottom: solid 4px #B99720;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}

#content .container #additional .wrapper .viewAll a:active {
    margin-top: 3px;
    border-bottom: solid 2px #B99720;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}

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

#content .container aside h2 {
    margin: 0 0 20px 0;
}

#content .container aside .blog-posts h2 a {
    font-weight: 300;
    text-transform: uppercase;
    color: #363636;
}

#content .container aside .blog-posts h4 {
    margin: 0 0 10px 0;
}

#content .container aside .blog-posts h4 a {
    font-size: 20px;
}

#content .container aside .blog-posts .date {
    margin: 0 0 15px 0;
    font-size: 16px;
}

#content .container aside .news img {
    float: left;
    margin: -12px 20px 15px 0;
}

#content .container aside .news .top {
	margin: 0 0 15px 110px;
}

#content .container aside .news .bottom {
    float: left;
}

#content .container aside .news p a {
    text-decoration: underline;
}

#content .container aside .news p a:hover {
    text-decoration: none;
}

/* HOMEPAGE */
.homepage .row {
    background: #F5F5F5;
    width: 100%;
    height: 433px;
    margin: 30px 0;
    border-top: solid 1px #E2E2E2;
    border-bottom: solid 1px #E2E2E2;
}

.homepage .row .container {
    width: 1000px;
    padding: 0;
}
.homepage .row-wrapper {
    width:1090px;
    margin:0 auto;
}
.homepage .row .box {
    float: left;
    background: #fff;
    width: 300px;
    height: 360px;
    margin: 40px 50px 0 0;
    position: relative;
}

.homepage .row .right {
    margin: 40px 0 0 0;
}

.homepage .row .box .inner-box {
    height: 210px;
    padding: 15px 0 0 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.homepage .row .box h2 {
    width: 300px;
    height: 50px;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 36px;
    text-align: center;
    color: #fff;
}

.homepage .row .left h2 {
    background: #355F85;
    border-bottom: solid 2px #253E51;
}

.homepage .row .middle h2 {
    background: #567547;
    border-bottom: solid 2px #516D43;
}

.homepage .row .right h2 {
    background: #A1855B;
    border-bottom: solid 2px #896632;
}

.homepage .row .box p {
    margin: 0 0 15px 0;
    padding: 0 20px;
}

.homepage .row .box div+a {
    display: inline-block;
    background: #F5F5F5;
    width: 140px;
    height: 24px;
    padding: 7px 0 0 0;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    border-bottom: solid 3px #e2e2e2;
    color: #363636;
    position: absolute;
    bottom: 20px;
    left: 80px;
}

.homepage .row .box a:hover {
    margin-top: 1px;
    border-bottom: solid 2px #e2e2e2;
}

.homepage .row .box a:active {
    margin-top: 2px;
    border-bottom: solid 1px #e2e2e2;
}

.homepage .welcome h2 {
    margin: 0 0 20px 0;
}

.homepage #suggested h2 {
    margin-top: 0;
}

.homepage #additional, .homepage #content .container article .rule {
    display: none;
}

.homepage #content .container {
    padding-top: 0;   
}

/* SUBPAGES */
.subpage #content {
    border-top: solid 5px #32434E;   
}

.page-team #teamContent .agent .description, .page-blog .post {
    line-height: 1.5;
}

#content .container .flagBody {
    background: #355F85;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    color: #fff;
    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;
}

#content .container .flagBody:hover {
    background: #8E9BA4;
    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;
}

.ie8 .page-team #content .container aside {
    position: absolute;
    top: 40px;
}

.page-blog #content .container article img {
    float: left;
    margin: -10px 10px 0 0;
}

/**********  FOOTER  **********/
footer {
    background: #355F85 none;
    min-height: 0;
    margin: 0;
    padding: 0;
    border-top: solid 5px #32434E;
}

footer .container {
	width: 1000px;
    padding: 40px 0 0 0;
}

footer .container aside a:hover {
    text-decoration: underline;
}

footer .container .note, footer .container .note p, footer .container .note a, footer .container aside .contact h4, footer .container aside .contact td, footer .container aside .contact p, footer .container aside .contact a, footer .container aside .quickLinks h4, footer .container aside .quickLinks a {
    color: #fff;
}

footer .container aside .contact h4, footer .container aside .quickLinks h4 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 400;
}

footer .socialMedia .facebook {
    background: url("https://peakwebsites.s3.us-west-2.amazonaws.com/Premium/338866-Sullivan/images/schipke-fb.png") no-repeat;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

footer .socialMedia .twitter {
    background: url("https://peakwebsites.s3.us-west-2.amazonaws.com/Premium/338866-Sullivan/images/schipke-tw.png") no-repeat;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

footer .socialMedia .linkedIn {
    background: url("https://peakwebsites.s3.us-west-2.amazonaws.com/Premium/338866-Sullivan/images/schipke-in.png") no-repeat;
    background-position: 0 0;
    width: 25px;
    height: 25px;
}
footer .socialMedia .facebook:hover, footer .socialMedia .twitter:hover, footer .socialMedia .linkedIn:hover {
    background-position: 0 -25px;
}



/*********ADDITIONAL**************/
#agentPhoto, #agentPhoto+.rule {display:none;}