/*!
 * Bootstrap v2.1.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
   .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 5px;
    font-weight: bold;
    color: #ff0b49;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }

 
.thumbnailba {
  display: block;
  padding: 14px;
  background-color: #ffffff;
  color: #000000;
  line-height: 20px;
  border: 2px solid #b5b5b5;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
 
 
.thumbnail {
  display: block;
  padding: 14px;
  background-color: #ffffff;
  color: #ffffff;
  line-height: 20px;
  border: 2px solid #b5b5b5;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnailslide {
  display: block;
  padding: 14px;
  background-color: #ffffff;
  color: #ffffff;
  line-height: 20px;
  border: 4px solid #c82236;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}






.thumbnailt {
  display: block;
  padding: 14px;
  background-color: #ffffff;
  color: #000000;
  line-height: 20px;
  border: 2px solid #b5b5b5;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnailx {
  display: block;
  padding: 4px;
  background-color: #ffffff;
  line-height: 20px;
  border: 2px solid #4378de;
  height: 150px;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.thumbnailz {
  display: block;
  padding: 4px;
  background-color: #461f3e;
  line-height: 20px;
  border: 2px solid #4378de;
  height: 285px;
  color: #ffffff;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnailzz {
  display: block;
  padding: 4px;
  background-color: #461f3e;
  line-height: 20px;
  border: 2px solid #4378de;
  height: 200px;
  color: #ffffff;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnailxx {
  display: block;
  padding: 4px;
  background-color: #461f3e;
  line-height: 20px;
  border: 2px solid #4378de;
  height: 340px;
  color: #ffffff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}


h2 {
  font-size: 31.5px;
  color: #fff;
}
h4x {
  font-size: 17.5px;
  color: #fff;
}

.containerx {
  width: 100%;
  background-color: black;
}
.rowx {
  background-color: green;
}
.red {
  color: red;
}
.white {
  color: white;
}
.black {
  color: black;
  font-size: 16.5px;
}




.blue {
  color: #003ab1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #e2e3e3;
  border: 2px solid #4378de;
  color: #000000;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 4px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 4px 1px rgba(0, 0, 0, 0.05);
}

.gallery { font-family: Arial;  font-size: 17pt;  font-weight: bold;  text-decoration: none; color: #000000;}
.gallery:hover { font-family: Arial;  font-size: 17pt; font-weight: bold; text-decoration: none; color: red; }

.gallery1 { font-family: Arial;  font-size: 16pt;  font-weight: bold;  text-decoration: none; color: red;}
.gallery1:hover { font-family: Arial;  font-size: 16pt; font-weight: bold; text-decoration: none; color: navy; }

.gallery2 { font-family: Arial;  font-size: 16pt;  font-weight: bold;  text-decoration: none; color: navy;}
.gallery2:hover { font-family: Arial;  font-size: 16pt; font-weight: bold; text-decoration: none; color: red; }

.gallery2r { font-family: Arial;  font-size: 16pt;  font-weight: bold;  text-decoration: none; color: navy;}
.gallery2r:hover { font-family: Arial;  font-size: 16pt; font-weight: bold; text-decoration: none; color: white; }

.galleryw { font-family: Arial;  font-size: 14pt;  font-weight: bold;  text-decoration: none; color: #000000;}
.galleryw:hover { font-family: Arial;  font-size: 14pt; font-weight: bold; text-decoration: none; color: red; }
.gallerym { font-family: Arial;  font-size: 17pt;  font-weight: bold;  text-decoration: none; color: #c82236;}
.gallerym:hover { font-family: Arial;  font-size: 17pt; font-weight: bold; text-decoration: none; color: #ffffff; }
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}


.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

/* set the background-color to red */
.navbar-inner
{
background-color: blue;
/* remove the gradient */
background-image: none;
/* set font color to white */
color: black;
} 

/* menu items */

/* set the background of the menu items to pink and default color to white */

.navbar .nav > li > a {
background-color: none; 
color: white;

}


/* set hover and focus to lightblue */
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
background-color: none;
color: white;
}
/* set active item to darkgreen */
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {

background-color: #b42121;
color: white;
}

/* set font color and background of the project name (brand) */

.navbar .brand 
{
background-color: black;
color: ;
}

.custom > li > a:hover {
    color: black;
}

.btn-custom {
  background-color: hsl(0, 69%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#5e1111");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#5e1111));
  background-image: -moz-linear-gradient(top, #b42121, #5e1111);
  background-image: -ms-linear-gradient(top, #b42121, #5e1111);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #5e1111));
  background-image: -webkit-linear-gradient(top, #b42121, #5e1111);
  background-image: -o-linear-gradient(top, #b42121, #5e1111);
  background-image: linear-gradient(#b42121, #5e1111);
  border-color: #5e1111 #5e1111 hsl(0, 69%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

.btn-custom-darken.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-custom-darken {
  color: #ffffff;

  background-color: #b71f31;
  background-image: -moz-linear-gradient(top, #c82236, #9c1b2a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c82236), to(#9c1b2a));
  background-image: -webkit-linear-gradient(top, #c82236, #9c1b2a);
  background-image: -o-linear-gradient(top, #c82236, #9c1b2a);
  background-image: linear-gradient(to bottom, #c82236, #9c1b2a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc82236', endColorstr='#ff9c1b2a', GradientType=0);
  border-color: #9c1b2a #9c1b2a #5b0f19;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #9c1b2a;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-custom-darken:hover,
.btn-custom-darken:focus,
.btn-custom-darken:active,
.btn-custom-darken.active,
.btn-custom-darken.disabled,
.btn-custom-darken[disabled] {
  color: #ffffff;
  background-color: #9c1b2a;
  *background-color: #871724;
}
.btn-custom-darken:active,
.btn-custom-darken.active {
  background-color: red ;
}

.table-white {
  background-color: white;
  padding: 8px;
  color: black;
}
.table-white td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

hr {	color: #b42121;
background-color: #b42121;
height: 4px;
}

.rrr { background: url(leftside.jpg); repeat; } 


#p.container {
     background-image: #ffffff url('../www2.png') repeat center center;
}
