/* Neville 336026 CSS as of 081914*/

/* necessary ie fixes */
/* ie fixes re: hero text w/links */
.ie7 #hero .container aside {
    background-color: #fff !important;
    background-image: none !important;
}
.ie7 .wrapper, .ie8 .wrapper {
    max-width: 330px !important;
}
.ie7 .sidebarWidget, .ie8 .sidebarWidget {
    float: left !important;
}
.ie7 #content aside h3.firstIndexName {
    width: 300px !important;
}
.ie8 #content aside h3.firstIndexName {
    width: 280px !important;
}

/* phone SBW */
.ie7 #content .container aside .app .phones {
    float: left !important;
    margin: 10px 0 0 0;
}
.ie7 #content .container aside .app p {
    float: left !important;
    margin: 5px 0 10px 0;
    padding: 0;
    height: 95px;
    width: 170px;
    font-size: 12px;
}
.ie7 #content .container aside .app .iphone {
    float: left !important;
    margin: 0 5px 0 0;
}
.ie7 .widget h2 {
    color: #fff;
    margin-top: 10px;
    width: 300px;
}
.ie7 #hero .welcome img {
    float: none;
}
.ie7 #hero .welcome h2 {
    margin: 10px 0 5px 30px;
    padding: 20px 0 0 0;
    font-size: 27px !important;
    font-weight: 600 !important;
    width: 400px;
    text-align: center;
    line-height: 1;
    color: #0B8A25 !important; /* green */
}
.ie8 #hero .welcome h2 {
    margin: 20px 0 5px 30px;
    padding: 20px 0 0 0;
    font-size: 27px !important;
    font-weight: 600 !important;
    width: 400px;
    text-align: center;
    line-height: 1;
    color: #0B8A25 !important; /* green */
}
.ie7 #hero .welcome p, .ie8 #hero .welcome p {
    float: left;
    margin: 5px 5px 10px 30px;
    width: 450px;
    padding: 0;
    font-weight: 300;
    font-style: 'Quattrocento', sans-serif;
    color: #4d4f53; /* gray */
    font-size: 15px !important;
    hyphens: auto !important;
}
.ie7 #topherolinks a, .ie8 #topherolinks a {
    padding: 25px 0 0 0;
    margin: 0 10px 10px 75px;
}
.ie7 #bottomherolinks a, .ie8 #bottomherolinks a  {
    margin-left: 35px;
    margin-right: 15px;
    margin-top: 10px;
}
.ie7 #topherolinks a, #bottomherolinks a {
    float: left;
    color: #003f72; /* dark blue */
    text-decoration: underline;
    font-family: 'Arial', sans-serif;
    font-size: 18px;
}

.ie7 nav .container ul li:hover ul {
    top: 48px;
    left: 0;
}

.ie8 nav, .ie8 nav .container {
    padding-top: 0;
}

@import url(http://fonts.googleapis.com/css?family=Quattrocento);

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

h2, .widget p {
    color: #fff;
    margin-top: 10px;
    width: 300px;
}

/********* start from James *********/
a:hover {
    color: #60785f;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    o-transition: all 0.3s ease-out;
}

/**********  HERO ROTATOR  **********/
#hero {
    padding-bottom: 38px !important;
}
#hero .container {border:none; padding:0; width:455px; height:455px;}

#hero .container #hero1 img {
    background: url("http://static.contentres.com.s3.amazonaws.com/media/custom/336026/images/hero1.jpg") no-repeat !important;
    width: 455px;
    height: 455px;
}
#hero .container #hero2 img {
    background: url("http://static.contentres.com.s3.amazonaws.com/media/custom/336026/images/hero2.jpg") no-repeat !important;
    width: 455px;
    height: 455px;
}
#hero .container #hero3 img {
    background: url("http://static.contentres.com.s3.amazonaws.com/media/custom/336026/images/hero3.jpg") no-repeat !important;
    width: 455px;
    height: 455px;
}
#hero .container #hero4 img {
    background: url("http://static.contentres.com.s3.amazonaws.com/media/custom/336026/images/hero4.jpg") no-repeat !important;
    width: 455px;
    height: 455px;
}
/* hero text w/links */
#topherolinks a {
    padding: 25px 0 0 0;
    margin: 0 10px 20px 75px;
}
#bottomherolinks a {
    margin-left: 35px;
    margin-right: 15px;
    margin-top: 10px;
}
#topherolinks a, #bottomherolinks a {
    float: left;
    color: #003f72; /* dark blue */
    text-decoration: underline;
    font-family: 'Arial', sans-serif;
    font-size: 18px;
}
#topherolinks a:hover, #bottomherolinks a:hover {
    color: #669fc6; /* hover blue */
    text-decoration: none;
}
#hero aside h2, #hero .backArrow, #hero .forwardArrow {
    display: none;
}
#hero {
    background: none;
    height: 455px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#hero .container {
    width: 960px;
    height: 455px;
    margin: 0 auto;
    padding: 0;
    background: url(http://static.contentres.com.s3.amazonaws.com/media/custom/00PremiumThemes/PremiumTheme022-336241/images/background-content.png) repeat-x #e9e9e9; 
    box-shadow: 0 3px 10px #000;
}
#hero .welcome {
    float: right;
    background: none !important;
    width: 500px;
    height: 100%;
}
#hero .welcome h2 {
    margin: 15px 0 5px 40px;
    padding: 20px 0 0 0;
    font-size: 29px !important;
    font-weight: 600 !important;
    width: 400px;
    text-align: center;
    line-height: 1;
    color: #0B8A25 !important; /* green */
}
#hero .welcome p {
    float: left;
    margin: 15px 5px 10px 25px;
    width: 450px;
    padding: 0;
    font-weight: 300;
    font-style: 'Quattrocento', sans-serif;
    color: #4d4f53; /* gray */
    font-size: 16px !important;
    hyphens: auto !important;
}
#hero .welcome img {
    float: right;
    margin: 5px 0 0 10px;
}

/* nav */
nav {
    height: 72px;
}
nav #homeButton {
    display: none;
}
nav .container {
    padding: 15px 0 10px 0; 
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
    width: 960px;
    margin: 0 auto;
    background: none;
}
nav .container ul {
    padding: 0 25px 0 0;
    text-align: center;
    margin-left: 0 !important;
}
nav li {
    font:normal 16px 'Quattrocento',sans-serif;
    background: none !important;
    padding-right: 0;
}
nav a {
    border: none; 
    padding-bottom: 2px;
}
nav ul ul {
    text-align: left;
    top: 20px;
}
nav ul ul:hover {
    background-color:#003f72;
}

/********* end from James *********/

#hero .backArrow,
#hero .forwardArrow,
#subContent
/*footer aside,
.globalDisclosure,
.globalCopyright,
.subpage footer .quote,
.subpage footer .title*/ {display:none;}

header,
nav,
#content,
footer,
footer .container {background:none transparent;}

body {
    background-image: none !important;
    background-color: #003f72; 
    font-weight: normal !important;
    font-size: 15px;
    font-family: 'Quattrocento', sans-serif;
    color:#4C4E52;
}
h1,h2,h3,h4 {font-family:'Quattrocento', serif; font-weight:100;}

header {
    text-align: center; 
    color: #fff;
    font: normal 19px 'Quattrocento', serif;
    font-weight: 100 !important;
    padding: 0 !important;
}
header p {
    margin-bottom: 20px !important;
    font-size: 19px;
}
header .container {
    margin-top: 0 !important;
}
header .logo {
    margin: 0;
}

#content {min-height:200px; margin-bottom:0; padding-bottom:0;}

#content .container .container {box-shadow:none;}

/* widgets */
#content .container aside {
    width: 960px !important;
    margin-left: 0 !important;
    border-top: 1px solid #fff;
    padding-top: 20px;
}
#content .container aside .market .wrapper {
    float: left !important;  
    padding: 0 !important;
}
#content .container aside .market .marketQuotes {
    margin: 0;
    float: left !important;
}
table {
    margin-bottom: 10px !important;
}
table tbody tr td.indexName {
    color: #fff !important;
}
#content .container aside .weather {
    float: left !important;
}
#content .container aside .market .firstIndexName {
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #669fc6;
}
.wrapper {
    padding: 0 !important;
}
#content .container aside .market .marketGraph {
    background-color: #fff;
}

#content .container aside .market canvas {
    width: 260px;
}
::selection:first-of-type {
    color: #fff;
}

#content .container aside .market p {
    margin: 5px 0 0 0;
    color: #fff !important;
}
.market p a {
    color: #0b8825 !important;
}
.market p a:hover {
    color: #fff !important;
}

#content .container aside .app, #content .container aside .newsletterSignUp {
    float: left;
}

#content .container aside .app h2 {
    text-align: left;
    font-weight: lighter !important;
}

/* phone SBW */
#content .container aside .app .phones {
    margin: 15px 0 0 0;
}

#content .container aside .app p {
    margin: 5px 0 20px 0;
    padding: 0 40px;
    height: 95px;
    width: 250px;
    font-size: 12px;
}

#content .container aside .app .iphone {
    margin: 0 5px 0 0;
}

label {
    color: #fff !important;
}

#content .container aside .form .wrapper{
    margin: 0 0 0 20px; 
    float: left !important;  
}

#content .container aside .submit {
    color: #003f72;
    background: #669fc6 none;
    width: auto;
    height: auto;
    margin: 0 0 20px 0;
    padding: 8px 15px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    o-transition: all 0.3s ease-out;
}

#content .container aside .submit:hover {
    background: #0b8825;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    o-transition: all 0.3s ease-out;
}

#content article {float:right;}

#content .container article p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
}

footer .note {float:left; color:#fff; font-size:14px;}
footer .cupcake {color:#fff;}
footer .quote,
footer .title {text-align:center; font-family:'Quattrocento',sans-serif; color:#fff;}
footer .title {font-size:16px; margin-bottom:40px;}

footer .disclosure {
    width: 500px;
    margin: 0;
    float: left;
}
footer .disclosure a {
    text-decoration: none;
    color: #669fc6;
}
footer .disclosure a:hover {
    color: #fff;
}

footer .contact img {margin-right:10px;}
footer .contact h3,
footer .links h3 {
    color: #669fc6; font-family:'Quattrocento',serif; font-weight:lighter !important; letter-spacing: .05em;}
footer .links a, footer .links ul li a {text-decoration:none; color:#fff; font-weight:lighter !important;}
footer .links a:hover, footer .links ul li a:hover {color:#669fc6;}

.subpage #content .container {
    background: none !important;
    background-color: #fdfdfd !important;
    height: 100% !important;
    box-shadow: none !important;
}
.homepage #content .container {padding:0; color:#fff; font-size:14px;}
.homepage article {width:405px; padding:20px 50px 0 0;}
.homepage article h4 {font-size:15px; text-align:center; margin-bottom:20px;}
.homepage article h2 {font-size:28px; text-align:center; color: #057A17; font-weight:bold; margin:0; padding:0;}

.subpage #content .container {padding:0; color:#0C4976; font-size:14px;}
.subpage #content aside {display: none; width:0px; margin:40px 0 40px 30px;}
.subpage #content article {width: 880px !important; margin:40px 30px 40px 0;}

.homepage #content .container article h2 + p {
    text-align: center;
}

.right {
    float: right;
    margin: -170px 150px 30px 0;
}

footer .container .note {
    text-align: left;
}

footer p, footer a {
    color: #b5dffc;
    width: 500px !important;
    font-size: 11px;
    font-weight: lighter !important;
    letter-spacing: .05em;
}
footer p a, footer a, footer .contact p a, footer aside table td {
    text-decoration: none;
    color: #669fc6;
}
footer p a:hover {
    color: #fff;
}
footer .contact p a, footer .contact a {
    text-decoration: none;
}
footer .contact p a:hover, footer .contact a:hover {
    color: #669fc6;
}
footer .container {
    border-top: 1px solid #fff;
    padding-top: 20px;
}
footer .container .note .contact {
    text-align: left;
    margin-right: 50px;
}
footer .contact {
    width: 200px !important;
    margin-left: 25px;
}
footer .container .note .contact h3 {
    margin: 0 0 10px 0;
}

.prep-img {
    float: left;
    width: 235px;
    margin: 0 10px 0 0;
}

.info {
    float: left;
    width: 630px;
}

#content .container article div ul.estate {
    margin: 0 0 20px 370px;
}

#content .container article div ul.private {
    margin: 0 0 0 470px;
}

#content .container article div ul.discover {
    margin: 0 0 20px 470px;
}

.page-p-about-lpl-financial iframe {
    margin-left: 115px;   
}