/* Generated by KompoZer */
@charset "utf-8";
html, body {
  margin: 0px;
  padding: 0px;
  background: #232222 none repeat scroll 0% 50%;
  font-family: Verdana,Geneva,sans-serif;
}
h1 {
  color: #1b3e11;
  margin-top: 0px;
  font-family: Garamond;
}
h2 {
  color: #1b3e11;
  font-family: Garamond;
}
h3 {
  color: #1b3e11;
  font-family: garamond;
}
a {
  color: #951732;
}
a:hover {
  color: #1b3e11;
}

.navbar-inverse {
    background-color: #87293d;
    border-color: #85273b;
}


.container-fluid {
    padding-right: 0px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;
}

.navbar-nav {
    float: left;
    margin: 0;
    padding-left: 73px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #85273b;
    font-weight: bold;
}
.nav>li {
    position: relative;
    display: block;
    font-family: serif;
    font-size: 25px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 0px;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-image: url(img/gumleaf.png);
}







/********** Responsive Css **********/

@media only screen and (min-width: 375px) {
	#header {
    margin: auto;
    height: 400px;
    width: 315px!important; 
    /* position: relative; */
}


.mg{

	height:122px!important; 



}


#menu {
    background: ;
    height: 50px;
    width: 100%;
    position: relative;
    margin-top: -124px;
   
}

.cont{

width: 286px;
}



.container-fluid {
    padding-right: 0px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -123px!important; 
}
	#header .middle {
    background: transparent url(img/Brooklyn-Motel-Header.png) repeat scroll 0% 50%;
    position: relative;
    z-index: 10;
    height: 223px;
    width: 466px!important; 
    margin-left: -121px!important; 
    margin-right: -30px!important; 
}


#header #logo {
    position: absolute;
    top: 10px;
    z-index: 15;
    width: 336px!important; 
}
#header #slideshow {
    width: 375px;
    margin-top: -97px;
    margin-left: -32px;
    margin-right: -28px;
}





}

@media only screen and (min-width: 360px) {

.mg{

	height:122px!important; 


}


}







@media only screen and (min-width: 412px) {

.cont{

width: 316px!important;
}


.mg{

	height:122px!important; 



}


.cc{
margin-top: -219px;
}


h2 {
    color: #1b3e11;
    font-family: Garamond;
    margin-top: 219px!important;
}



}


@media only screen and (min-width: 1200px) {

#header {
  margin: auto;
  height: 400px!important;
  width: 960px!important;
  /*position: relative;*/
}
#header .middle {
    background: transparent url(img/Brooklyn-Motel-Header.png) repeat scroll 0% 50%;
    position: relative;
    z-index: 10;
    height: 223px;
    width: 966px!important;
    margin-left: -121px;
    margin-right: -5px;
}
#header #logo {
    position: absolute;
    top: 10px;
    z-index: 15;
    width: 747px!important;
}
#header #logo img {
  margin: auto;
  display: block;
}
#header #slideshow {
	width:auto!important; 
  position: absolute!important; 
  bottom: 0px;
  z-index: 5;
  margin-left: -116px!important; 
      margin-right: -97px!important; 
}

.mg2{

	height:338px!important; 

}


p {
    margin: -12px 0 10px;
}

h2 {
    color: #1b3e11;
    font-family: Garamond;
    margin-top: 0px!important;
}

.cont2 {
    width: 273px!important;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px!important; 
}
#menu {
    background: transparent url(img/Brooklyn-Motel-Menu.png) repeat scroll 0% 50%;
    height: 50px;
    width: 100%;
    position: relative;
    margin-top: 0px;
}

.cc2{
margin-top: 0px;
}



}