@import url(http://fonts.googleapis.com/css?family=Gentium+Book+Basic);

body {	padding-top: 20px; padding-bottom: 40px; font: 14px/1.7em 'Open Sans', arial, sans-serif; 
		background: #DDD url(../img/img.jpg) repeat 0 0; }

h1, h2, h3{	font-family: 'Archivo Narrow', sans-serif; font-weight:normal; line-height:normal; 
			padding:0; margin:0; margin-bottom:5px;	}

h1{ font-size:28px; text-shadow:2px 2px #eee; }
h2{ font-size:24px; }
h3{ font-size:18px; }

hr{ height: 0; border-style: dotted; border-width: 1px 0 0 0; border-color:#999; }

footer{ background: padding:10px; margin-top:50px; border-top: #ddd solid 1px; }
footer p{ color: #666; }
footer a{ color: #999; }

/*** bootstrap classes customized ***/

ul.unstyled{ margin-left: 20px; list-style: none; }

/***.container { background: #FFF; border: 1px solid #DDD\9; padding:20px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25); box-shadow: 0 0 5px rgba(0,0,0,.25); padding-bottom:10px; }***/
.container
{
  
}
.thumbnail .caption { padding: 3px; color: #555; }

.caption h3{ margin:0; padding:0; }
.caption a, a:hover{ color:#555; text-decoration:none; }

.span2 i{ color:#999; }

.span8 p{ font-family: 'Archivo Narrow', sans-serif; font-size:14px; letter-spacing:0.1em; }

/*** new elements ***/
#sample-work-row1 p{text-align:center}
#sample-work-row2 p{text-align:center}

/** customizable through cp. **/
h2 span { color: #F60; }
.span2 h3{ color:#F60; }
.text-info{ color:#F60; padding-left:10px; }
.label-info{ color:#F60; background-color: #fff; text-shadow:none; font: 14px/1.7em 'Open Sans', arial, sans-serif;
			padding:0; font-weight:normal; }
.navbar-inner {
  min-height: 30px;
  padding-right: 20px;
  padding-left: 20px;
  background-image: -moz-linear-gradient(top, #fff, #fafafa);
  background-image: -ms-linear-gradient(top, #fff, #fafafa);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa));
  background-image: -webkit-linear-gradient(top, #fff, #fafafa);
  background-image: -o-linear-gradient(top, #fff, #fafafa);
  background-image: linear-gradient(top, #fff, #fafafa);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 border-top:1px solid #ccc;
}

.navbar .divider-vertical {
  width: 1px;
  height: 40px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #fafafa !important;
  border-right: 1px solid #ccc !important;
}

.navbar .nav > li > a {
  float: none;
  padding: 9px 10px 11px;
  line-height: 19px;
  color: #888;
  text-decoration: none;
  background:none;
  transition:color 0.5s;
  -moz-transition:color 0.5s;
  -webkit-transition:color 0.5s;
  -o-transition:color 0.5s;
  text-shadow : none !important;
}

.navbar .nav > li > a:hover {
  color: #000;
  text-decoration: none;
  background-color: none;
  background:none;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #000;
  text-decoration: none;
  background:none;
  /*background-color: #222222;*/
}

.navbar-search .search-query {
  padding: 3px 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #ffffff;
  width:300px;
  background-color: #eee;
  border: 2px solid #ccc;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-search .search-query:-moz-placeholder {
  color: #888;
  font-style:italic;
}

.navbar-search .search-query::-webkit-input-placeholder {
  color: #888;
  font-style: italic;
}

.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 4px 10px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 1px 1px #ccc !important;
     -moz-box-shadow: 0 0 1px 1px #ccc !important;
          box-shadow: 0 0 1px 1px #ccc !important;
}

.navbar .brand {
  padding: 6px 20px 8px;
  margin-left: -20px;
}

.brand img{
    max-width:155px;
    height:22px;
}

/* .: SIDEBAR MENU :. */

.nav-tabs.nav-stacked > li > a {
  background:#fff;
}

.nav-tabs.nav-stacked > li > a:hover {
  background: #f6f6f6;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  background-color: #f6f6f6 !important;
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.nav-headers{
    background:#fff;
    border:1px solid #ccc;
    border-bottom: none;
    height:105px;
    padding:15px;
}

.nav-headers h3{
    font-weight:lighter;
}
.custom_brand
{
  display: block;
  float: left;
  margin-left: -20px;
}
.custom_block
{
      background: #FFF; border: 1px solid #DDD\9; padding-left:20px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25); box-shadow: 0 0 5px rgba(0,0,0,.25); padding-bottom:10px;
      border-top: 5px solid #000000;
}
.right_block
{
      background: #FFF; border: 1px solid #DDD\9; padding-left:20px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25); box-shadow: 0 0 5px rgba(0,0,0,.25); padding-bottom:10px;
      margin-left: 10px;
      border-top: 5px solid #E64946;
}
#bottommenu-block-bg { background:#2f2f2f;  }

.bottom-menu { 	display: inline-block;padding-top: 20px;}
.bottom-menu a{color: #ccc;}
.bottomm a{color: #ccc;}

.bottom-menu ul{ list-style: none; margin: 0px; margin-top:5px;}
.bottom-menu li { display: inline;margin-right:20px;}
.bottom-menu li:last-child{margin-right: 0px;}
.bottomm ul{ list-style: none; margin:0px; margin-top: 5px;}
.bottomm li { display: inline;margin-right:5px;}
.bottomm li:last-child{margin-right: 0px;}

/* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        padding-bottom: 150px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
	position: relative;
	margin-top: -140px;
        height: 140px;
	clear: both;
      }
      #footer {
        background-color: #2f2f2f;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }