@import url(http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic);


body{
    font-family: 'Cabin', sans-serif;
    font-size: 20px;
}

.red{color: #ab1d3e !important;}

/* nav for mobile devices over ride of bootstrap default background colors */
.navbar,
.navbar-default {
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #e7e7e7;}

/* Dropdown active bg color*/
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {background-color: #e7e7e7;}


/* nav for mobile devices over ride of bootstrap toggle look */
.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
.navbar-default .navbar-toggle .icon-bar {background-color: #cccccc;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #dddddd;}


.container{max-width: 1000px;}

.logo{text-align: center;}
.logo img{display: inline-block !important;}
.call-us{text-align: center;}
.call-us img{
    display: inline-block !important; 
    width: 50%;
    margin: 15px 0;
}


.navbar-nav > li > a{
    font-family: 'Cabin', sans-serif;
    color: #0774bb !important;
    font-weight: bold;
    font-size: 20px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a.active{
    background: #ab1d3e !important;
    color: #fff !important;
}

#slider-area{
    background: url('/images/slider-area-bg.jpg') repeat-x;
    background-size: cover;
}
.carousel-control.left{background: none !important;}
.carousel-control.right{background: none !important;}

#locations{ background: #e8e9e9;}

#locations h2{
    color: #ab1d3e;
    font-size: 27px;
    font-family: 'Cabin', sans-serif;
    text-align: center;
    font-weight: bold;
    padding-bottom: 15px;
}

.content-area{background: #e8e9e9;}
.content-area .three_fifth p{margin-bottom: 30px;} 
.content-area p.big{
    color: #0774bb;
    font-size: 24px;
    font-family: 'Cabin', sans-serif;
    font-weight: bold;
}

.box{
    background: none repeat scroll 0 0 #fff;
    border: 12px solid #e8e9e9;
    border-radius: 10px;
    box-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.box h2{
    color: #ab1d3e;
    font-size: 24px;
    font-family: 'Cabin', sans-serif;
    margin-top: 0;
}

#footer{
    background: #676666;
    border-top: 10px solid #fff;
    color: #868585;
    padding: 40px 0 20px;
}

#footer ul{padding: 0; margin:0 0 20px 0; }    
#footer ul li{
			list-style: none;
			text-align: center
}
#footer ul li a{ color: #a4a3a3; }
#footer ul li a:hover{ color: #fff; text-decoration: none; }


#content { background: #e8e9e9; padding: 10px 0; margin-top: 10px; }
#content-inner { width: 920px; margin: auto;  }

#content p { margin-bottom: 25px; }

.fieldleft { float: left; }
.fieldright { float: left; }

label.error { color: #990033; }
textarea.error, input.error { background-color: #ffe1eb; }

.info { background-color: #e8ffe1; padding: 20px;  }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .full_width {}
    .one_half {width: 49% }
    .one_third {width: 32%}
    .two_third {width: 66%}
    .one_fourth {width: 23.5%}
    .three_fourth {width: 74.5%}
    .one_fifth {width: 18.4%}
    .two_fifth {width: 38.8%}
    .three_fifth {width: 59.2%}
    .four_fifth {width: 79.6%}

    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {
        position: relative;
        margin-right: 2%;
        float: left;
        clear: none;
    }
    .last {
        margin-right: 0 !important;
        clear: right;
    }
    .clearboth, .clear {
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .navbar, .navbar-default{
        background: none; border: none;
        margin-bottom: 0 !important;
        margin-top: 60px;
    }


    .logo{float: left; margin-top: 40px;}
    .logo img{width: 100%;}
    .call-us{display: block; text-align: right;}
    .call-us img{
        display: inline-block !important; 
        width: auto;
        margin: 0;
    }

    .navbar-nav > li > a {
        padding-bottom: 25px;
        padding-top: 10px;
        font-size: 13px;
    }

    .carousel-indicators{
        left: 75%;
    }

    .carousel-indicators li,
    .carousel-indicators .active{
        width: 101px;
        height: 44px;
        background: url('/images/pager.png');
        border:none;
        border-radius: 0;
        margin: 0;
    }

    #locations{
        background: url('/images/locations_bg.png') top repeat-x #e8e9e9;
        min-height: 135px;
    }
    #locations h2{font-size: 20px; padding-top: 33px;}

    #footer ul{}
    #footer ul.menu-one{
        float: left;
        margin-right: 40px;
    }
    #footer ul.menu-two{}
    #footer ul li{text-align: left;}
    
}   


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-nav > li > a{font-size: 19px;}
    #locations h2{font-size: 27px; padding-top: 27px;}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .navbar-nav > li > a{font-size: 20px;}

}