/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jun 29, 2015, 10:13:07 AM
    Author     : john
    Company    : Edens Forge
    Updates    : Added @media for handheld devices
               : 7/31/2015 changed from <table> navigation to <ul> for mobile devices

*/
body{
    background-color: #201f1d;
    color:gainsboro;
    font-size: 1.4em;
}

.container{
    /*background-image: url("../images/anvil_bg_1a1915_1366x3500_smdg.jpg");*/
    /*background-image: url("images/anvil_heel_bg_crop_1366x878.jpg");*/
    background-image: url("../images/anvil_heel_bg_1366x878.jpg");
    background-repeat: no-repeat;
}

.container-fluid{
    /* this is a test */
    //background-image: url("../images/anvil_bg_1366x844.jpg");
    //background-image: url("../images/anvil_bg_1a1915_1366x3500_smdg.jpg");
    //background-repeat: repeat; 
    //background-repeat: no-repeat;
    //background-size: cover;
}

p {
    margin-left: 15px;
    margin-right:15px;
}

.footer {
    background-color: black;
    font-size: .9em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-top:10px;
    text-align: center;
}
.footer a {
    color:white;
    font-weight: bold;
}

.footer a:hover{
    color:grey;
    font-weight: bold;
    text-decoration: none;
}

/* New Nav Start*/

.top_nav{
    background-color: transparent;
    height:49px;
    width: 100%;
}

.top_nav ul {
    color: white; 
    float:left;
    font-size: 1.2em;
    font-weight: bold; 
    list-style-type: none;
    overflow: hidden;
}

.top_nav li {
    display:  inline-block;
    text-align: center;
}

.top_nav a:link, a:visited {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 4px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.top_nav a:hover, a:active {
    background-color: gray;
}

/* this is a test */
.btn{
    background-color: #337ab7;
    text-decoration: none;

}

.btn a:hover{
    text-decoration: none;
}


.carousel-inner img {
    margin: auto;
}

.faq_scroll {
    height:605px; 
    overflow: scroll; 
    overflow-x: hidden;
    margin-top:10px;
}

.faq_header{
    font-size: 2.1em; 
    padding-bottom:1.6em; 
}

.faq_header2{
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
}

.thumbnail{
    background-color: transparent;
    border-color: gray;     
}

.faq_link{
    margin-left: 1.0em;
}

/*.pdf_link a{
    color: #3972c9;
    font-weight: bold;
    text-decoration: none;
}

.pdf_link a:hover{
    color:gray;
}*/

/* Makes images responsive */
img{
    display:block;
    height:auto;
    max-width: 100%}

.img-responsive{
    margin:0 auto;
}

hr{
    margin-top: 15px;
    margin-bottom:15px;
}

//************************************************
/*.contact_link{
    color: gainsboro;
    font-weight: bold;
}
.contact_link a:link{
    color: gainsboro;;
    font-weight: bold;
}

.contact_link a:hover{
    color: grey;
    font-weight: bold;
    text-decoration: none;
}*/

/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
===================================================== */
@media only screen and (max-width : 1200px) {
    .container{
        background-image: url("../images/anvil_heel_bg_1200w.jpg");        
        background-repeat: no-repeat;    
    }
}

@media only screen and (max-width : 979px) {
    .container{
        background-image: url("../images/anvil_heel_bg_979w.jpg");
        background-repeat: no-repeat;    
    }
}

@media only screen and (max-width : 767px) {
    .container{
        background-image: url("../images/anvil_heel_bg_767w.jpg");
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width : 480px) {
    .container{
        background-image: url("../images/anvil_heel_bg_480w.jpg");
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width : 320px) {
    .container{
        background-image: url("../images/anvil_heel_bg_320w.jpg");
        background-repeat: no-repeat;
    }
}