body { background: #0d0d0b url(../img/bg.png) top left repeat; color: #202020; font-size: 12px; font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; min-height: 100%;}
img.bg { 
    min-height: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0; 
    z-index: -1;   
}

a { color: #573220 !important; }
a:hover, a:focus, .active a, a.active { color: #800000 !important; text-decoration: none; }
.clear { clear: both; }
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.margin50 { margin-top: 50px; }
.margin60 { margin-top: 60px; }

.wrapper { padding: 20px; }
.wrapper-content { padding: 20px 0 20px 20px; }
.wrapper-right { padding-right: 20px; }

.navbar { margin-top: 100px; }
.navbar .brand { position: relative; width: 150px; } 
.navbar .brand .logo { position: absolute; bottom: 0px; opacity: 1; }
.navbar .nav li a { text-transform: uppercase; color: #573220; text-shadow: none; font-size: 120%; padding-left: 8px; padding-right: 8px; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus
{ 
    background: none; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-fixed-top .navbar-inner, 
.navbar-static-top .navbar-inner 
{ 
    background: #fff; 
    opacity: 0.85;
    border: none;    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    
}

.navbar .dropdown ul {  
    margin: 0;
    padding: 0;
    background: #FFF;
}

.navbar .dropdown ul li a {  
    display: block;
    padding: 5px 15px 5px 10px;
}


.motto-box { float: left; }
.motto { color: #fff; font-size: 30px; line-height: 120%; display: block; text-transform: uppercase; } 
.motto-author { color: #fff; font-size: 18px; font-style: italic; text-align: right; display: block; } 

.index-box { position: relative; }
.index-box .text-note { display: block; position: absolute; right: 10px; bottom: 10px; color: #fff; }

.thumbnail { padding: 0; }
.thumbnail img { width: 100% !important; display: block; height: auto; }

.content { background: #fff; }
.content.home { margin-top: 20px; }
.content h1 { font-size: 24px;background: #573220; color: #fff; padding-left: 20px; margin: 0; text-transform: uppercase; font-weight: normal; }

.footer { background: #573220; margin-bottom: 60px; }
.footer p { margin: 10px 0; padding: 0 10px; color: #fff; }
.footer p a { color: #ded4a6 !important; }
.footer p a:hover { color: #fff !important; }

.gallery .row-fluid { margin-top: 20px; }