/* Global */



a {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
	}
    a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
        filter: alpha(opacity=50); /* IE7 */
        opacity: 0.6;
        text-decoration: none;
    }


/* Container */
.container-fluid {
    background: #fff;
    margin: 0px auto 10px auto ;
    padding: 0px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


/* Page Header */
.page-header {
    background: #fbf4e0;
    margin: -30px 0px 0px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #a83b3b;
    text-transform: uppercase;
    }
    .page-header h3 {
        line-height: 0.88rem;
        color: #a83b3b;
        }



/* Thumbnail Box */
.caption {
    height: 140px;
    width: 100%;
    margin: 20px 0px;
    padding: 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.caption .span4, .caption .span8 {
    padding: 0px 20px;
}
.caption .span4 {
    border-right: 1px dotted #CCCCCC;
}
.caption h3 {
    color: #ac1313;
    line-height: 2rem;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: lighter;
    }

.caption p {
    font-size: 1rem;
    line-height: 1.6rem;
    color: #282828;
}

.btn.btn-mini {
    background: #ac1313;
    color: #fbf4e0;
    font-size: 0.63rem;
    border-radius: 0;
    text-shadow: none !important;
    box-shadow: none;
    border: none;
    border-left: 5px solid #0b69b7;
}

.carousel-control {
    top: 33%;
}




/* Footer */
.footer {
    margin: auto;
    width: 100%;
    max-width: 960px;
    display: block;
    font-size: 0.69rem;
    }
    .footer, .footer a {
        color: #fff;
        }
        p.right  { 
            float: right; 
            }




/* ADD-ON
-------------------------------------------------- */
body:after{



}

@media only screen and (min-width:320px){
    body:after{


    }
}

@media only screen and (min-width:480px){
    body:after{


    }
}

@media only screen and (min-width:768px){
    body:after{


    }
}

@media only screen and (min-width:980px){
    body:after{


    }
}

@media only screen and (min-width:1024px){
    body:after{


    }
}



a, a:focus, a:active, a:hover, object, embed { outline: none; }
:-moz-any-link:focus { outline: none; }
input::-moz-focus-inner { border: 0; }