@charset "utf-8";

body {
    font-family: "Open Sans", sans-serif;
    background-color: #f1f1f1;
}

a:hover {
    text-decoration: none;
}

.margin-0 {
    margin: 0;
}

#site {
    background: #FFF url("../img/bg-body.jpg") no-repeat top center;
    border-bottom: 1px solid #CCC;
    padding-bottom: 20px;
}


#header {
    padding: 20px 0;
}



.topmenu {
    text-align: right;
    padding: 5px 0 20px 0;
}

.topmenu a {
    padding: 5px 12px;
    display: inline-block;
    color: #999;
}

.menu .nav{
    margin: 0;
}

.menu .nav>li>a {
    color: #666;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;
}

.menu .nav>li>a:focus, .menu .nav>li>a:hover {
    text-decoration: none;
    background-color: #244896;
    color: #FFF;
}



.logo a {
    display: inline-block;
    float: left;
}

.logo span {
    display: inline-block;
    float: left;
    font-size: 11px;
    font-family: Georgia,"Times New Roman", serif;
    font-style: italic;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #999;
    border-left: 1px solid #ebebeb;
    padding-left: 10px;
    margin-top: 20px;
    margin-left: 10px;
}

#intro-cont {
    height: 400px;
    margin-bottom: 30px;
}


#slide-cont {
    background-color: #FFF;
    height: 360px;
    width: 616px;
    margin-top: 20px;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
    padding: 10px;
}

#slide {
    height: 340px;
}


#intro-slogan {
    padding: 30px 0 0 0;
}

#intro-slogan h1 {
    color: #FFF;
    font-size: 22px;
    font-weight: 900;
}

#intro-slogan p {
    color: #FFF;
}

.products-panel {
    background-color: #f2f2f2;
    padding:15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.products-panel h2 {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding:10px 0;
    margin:0;
}

.products-panel-title {
    padding-top: 10px;
}

.products-panel-title p {
    margin-bottom: 0;
    font-size: 13px;
}

.products-panel-title p strong {
    font-size: 14px;
}

.firestone-logo {
    text-align: right;
}
.firestone-logo img {
    height: 115px;
}


.fbox h2 {
    margin-top: 0;
    font-size: 14px;
    font-weight: 900;
}



.fbox p {
    font-size: 13px;
}

.fbox-link {
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
}

.fbox a img {
    transition:all .2s ease;
}

.fbox a:hover img {
    transform:scale(1.15);
}

.news-panel {
    position: relative;
    background-color: #f3f3f3;
    padding:20px;
}

.news-panel h2 {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding:10px 0;
    margin:0;
    color: #999;
}

#news {
    padding:0;
    margin: 0;
    list-style: none;
}

#news li a {
    display: block;
    font-size: 13px;
    height: 40px;
}

#news li a p {
    margin: 0;
    color: #000;
    font-weight: bold;
}

#footer {
    padding: 20px 0 10px 0;
}

#footer .design {
    font-weight: bold;
    font-style: italic;
    color: #000;
    letter-spacing: -1px;
}


#page {
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    margin-bottom: 20px;
    margin-top:20px;
}

#page-inner {
    padding: 20px;
}

#map {
    height: 360px;
    margin-bottom: 20px;
}

.adp-directions {
    width: 100%;
}


div.sidebar                     { font-size: 14px;  margin-bottom: 20px; }
div.sidebar a.navTitle          { padding:10px 0 10px 0; display:block; background-color: #FFF; color: #333; font-weight: 600;}
div.sidebar ul                  { display:block; margin: 0px; padding:0; list-style: none;}
div.sidebar ul li               { display:block;}
div.sidebar ul li a             { display:block; padding:5px; background-color: #f1f1f1; color: #444; border-bottom: 1px solid #CCC;}
div.sidebar ul li a:hover       { background-color: #464646; color:#fff; text-decoration: none;}
div.sidebar ul.subNav           { display:none;}
div.sidebar ul.subNav li        { display:block; } 
div.sidebar ul.subNav li a      { display:block;   background-color: #82D0FF; color: #003A5E; border-bottom: 1px solid #5AB2E8;}
div.sidebar ul.subNav li ul.subNav li a     { display:block;   background-color: #D1EEFF; color: #003A5E; border-bottom: 1px solid #9EDBFF;}
a.sub:after                     { content: '+'; float:right;}
a.navActive                     { border-left:4px solid #333; }

.facebook-color { color:#3b5998;}
.google-plus-color { color:#dd4b39;}
.instagram-color { color:#396d9a;}
.linkedin-color { color:#007bb6;}
.twitter-color { color:#00aced;}
.youtube-color { color:#bb0000;}