@font-face {

    font-family: FuturaPTMedium;

    src: url(../websitefont/FuturaPTMedium.otf);

}



body{ font-family:Arial, Helvetica, sans-serif; background-color:#000; color:#FFFFFF;}

/*.logo{font-family: "FuturaPTMedium";

line-height: .9em;

text-transform: none;

letter-spacing: 0.111111em;

font-weight: 500;

font-style: normal; margin-bottom:30px;}

*/

.logo a{color:#ff0a0a; text-decoration:none;}

.navbar-default {

    background-color:#000000;

    border-color:#000000;

}

.navbar {

    margin-bottom: 0px;

  

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

    color: #fff;

    background-color:#000000;

}

nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

    color: #fff;  

}

.navbar-default .navbar-nav>li>a {

    color: #fff;

}

.navbar-nav>li {

     clear: both; margin-bottom:2px;

}

nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

    color: #ff0a0a;

    background-color: transparent;

}

.navbar-brand {

    height: 60px;

    padding: 0px;    

}





.navbar-brand .logo{margin-top: 12px;}

.nav>li>a {padding: 2px 0px; text-transform:uppercase; color:#FFFFFF; font-size:16px;}

.nav>li>a:active{ color:#999999}

.nav>li>a:hover{ color:#999999;}

.gal-cont{ margin-top:2px; position:relative;}



.gal-thumbnail li{ width:225px; margin:10px;}

.gal-thumbnail a{ color:#666;}

.carousel-inner{}

.carousel-inner img{ margin-bottom:10px;}

/*.carousel-caption {

    position: relative;

    right: 0%;

    bottom: 0px;

    left: 0%;

    z-index: 1000000000000;

    padding-top: 0px;

    padding-bottom: 0px;

    color: #000;

    text-align: right;

    text-shadow: none;

}*/

.carousel-caption p{color: #666;}

.carousel-control {/*cursor:e-resize*/}

.item .container-fluid{ padding-right:0px;}

.carousel-control.right{ background:none;}

.carousel-control.left{ background:none;}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

    margin-right: -100px;

    color: #fff;

}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {

    margin-left: 718px;

}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {

    color: #fff;

}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {

    margin-top: 5px;

    font-size: 18px;

}



.txt-cont { margin-top:10px;}

.txt-cont h2{ font-size:18px; font-weight:bold;}

.copy{ font-size:12px;}

.nav>li>a:focus, .nav>li>a:hover {

    text-decoration: none;

    background-color:#000000;

}

.title-cont{ position:relative}

.tl-bt{ position:absolute; bottom:0px;}

.title{ font-style:italic;}

.selected{ color:#999999 !important;}

.writeup{}

.writeup p{ font-size:14px;}

.writeup h2{font-size: 16px;letter-spacing: 0.111111em;margin: 0px 0px 10px 0px;}



/*Scroll bar css*/



/* width */

::-webkit-scrollbar {

    width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

    background: #000; 

}

 

/* Handle */

::-webkit-scrollbar-thumb {

    background: #888; 

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

    background: #555; 

}







::-moz-scrollbar {

    width: 10px;

}



/* Track */

::-moz-scrollbar-track {

    background: #f1f1f1; 

}

 

/* Handle */

::-moz-scrollbar-thumb {

    background: #888; 

}



/* Handle on hover */

::-moz-scrollbar-thumb:hover {

    background: #555; 

}



.carousel {

    /*width: 300px;

    height: 200px;    

    float: left;

    margin: 20px;*/

}

/*

  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)

  CSS from:       http://codepen.io/transportedman/pen/NPWRGq

  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide

  Inspired from:  http://codepen.io/Rowno/pen/Afykb 

*/

.carousel-fade .carousel-inner .item {

  opacity: 0;

  transition-property: opacity;

}



.carousel-fade .carousel-inner .active {

  opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}



.carousel-fade .carousel-control {

  z-index: 2;

}



.thumb img{ margin:10px;}

.thumb a{ color:#FFFFFF;}

.navbar-collapse{padding-left:0px;}

.carousel-control.right {

    right: 30px;}

.foot{position:fixed; bottom:0px;}

.roller{ border:1px solid red;}

.lc{ min-height:543px;}



.carousel-control{

    position: absolute;

    top: 104%;

    bottom: 5px;

    z-index: 5;

    display: inline-block;

    margin-top: -10px;

}
.essays a{ color:#FFF;}