@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #0A0A0A;
	
}
a:link {
	text-decoration: none;
	outline:none;
}
a:visited {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a img { border: none; }

.copyright {
	/*font-family: "Tenor Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
	font-family: 'Open Sans';
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:100;
	color:#717171;
	vertical-align:middle;
	line-height:80px;
}

.copyright a{
	color:#717171;
}

.copyright a:hover{
	color:#FF6600;
	text-decoration:none;
}


#bodybg {
	background-color:#141414;
	padding:50px 0px 50px 0px;
}

#graybg {
	background-color:#1D1D1D;
	padding:50px 0px 50px 0px;
}

#topbg {
	background-image:url('../../images/menubg.png');
	background-position:left top;
	padding:5px 0px 5px 0px; 
}

#menugb {
	background-image:url('../../images/menubg2.png');
	background-position:left top;
	padding:10px 0px 10px 0px;
}

h1 {
	font-family: 'Open Sans';
	font-size: 40px;
	padding: 5px 0px 20px 0px;
	margin:0px 0px 50px 0px;
	font-weight:600;
	color:#ffffff;
	/*background-image:url('../../images/line.gif');*/
	background-position:center bottom;
	background-repeat:no-repeat;
}

.innerhead {
	font-family: 'Open Sans';
	font-size: 35px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:500;
	color:#ffffff;
	/*background-image:url('../../images/line.gif');
	background-position:center bottom;
	background-repeat:no-repeat;*/
}

.subhead {
	font-family: 'Open Sans';
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:500;
	color:#746E66;
}

.block {
	font-family: 'Open Sans';
	font-size: 20px;
	padding: 40px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	font-weight:600;
	color:#AD854D;
}



.sub {
	font-family: 'Open Sans';
	font-size: 25px;
	padding: 25px 20px 10px 20px;
	margin:0px 0px 0px 0px;
	font-weight:100;
	color:#AD854D;
}

.amenities {
	font-family: 'Open Sans';
	font-size: 15px;
	padding: 15px 20px 15px 20px;
	margin:0px 0px 0px 0px;
	font-weight:500;
	color:#AD854D;
	line-height:1.5em;
}

.headwhite {
	font-family: 'Open Sans';
	font-size: 16px;
	padding: 0px 20px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:600;
	color:#ffffff;
	cursor:pointer;
}
.text {
	font-family: 'Open Sans';
	font-size: 14px;
	padding: 0px 10px 10px 20px;
	margin:0px 0px 0px 0px;
	font-weight:100;
	color:#8E867C;
}

.note {
	font-family: 'Open Sans';
	font-size: 13px;
	padding: 20px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:100;
	color:#AD854D;
	line-height:1.5em;
}

.footer {
	font-family: 'Open Sans';
	font-size: 14px;
	padding: 0px 10px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:100;
	color:#717171;
	line-height:2em;
}

.footer a{
	color:#717171;
	cursor:pointer;
}

.footer a:hover{
	color:#8E867C;
}



h2 {
	font-family: 'Open Sans';
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:500;
	color:#746E66;
}

h5 {
	font-family: 'Open Sans';
	font-size: 16px;
	padding: 0px 0px 30px 0px;
	margin:0px 0px 0px 0px;
	font-weight:500;
	color:#90887D;
	line-height:1.5em;
}

h6 {
	font-family: 'Open Sans';
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	line-height:1.6em;
	margin:0px 0px 0px 0px;
	font-weight:100;
	color:#ffffff;
	text-transform:uppercase;
}

p {
	font-family: 'Open Sans';
	font-size: 14px;
	padding: 0px 0px 10px 0px;
	line-height:1.6em;
	margin:0px 0px 0px 0px;
	font-weight:500;
	color:#897E72;
}

.reservation {
	font-family: 'Open Sans';
	font-size: 14px;
	padding: 0px 0px 10px 0px;
	line-height:1.7em;
	margin:0px 0px 0px 0px;
	font-weight:500;
	color:#897E72;
}


.simple-weather {
	font-family: 'Open Sans';
	font-size: 13px;
	padding: 0px 10px 10px 0px;
	margin:0px 10px 0px 0px;
	font-weight:500;
	color:#897E72;
	text-transform:uppercase;
}

span  {
	margin:0px 10px 0px 0px;
}



/*top menu*/
#sub {
padding: 0px 0px 0px 0px;
width: 100%;
margin:0px auto;
}
#mainsub {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;	
	text-align:center;
}
#mainsub li {
	font-family: 'Open Sans';
	font-size: 14px;
	padding: 10px 82px 15px 82px;
	float: left;
	margin:0px 0px 0px 0px;
	/*text-transform: uppercase;*/
	border-left: thin solid #A59D88;
	font-weight:400;
	text-align:center;
}
#mainsub li a:link, #mainsub li a:visited, #mainsub li a:active {
	color: #A59D88;
	text-decoration: none;
	margin: 0px auto;
	display: block;
	float: right;
	width: auto;
	height: 29px;
	text-align: center;
}
#mainsub li a:hover {
	color:#AD854D;
}
#mainsub li a.active:link, #mainsub li a.active:visited, #mainsub li a.active:active, #mainnav li a.active:hover {
	color:#AD854D;
	cursor:default;
} 

.small  {
	font-family: 'Open Sans';
	font-size: 12px;
	color:#787068;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}


#mainsub li:nth-child(odd) {
	/*border-left: thin solid #463F3B;*/
}


#mainsub li:nth-child(4n+0) {
	border-right: thin solid #A59D88;
	text-align:center;
}

@media screen and (max-width: 768px) {
#mainsub li {
	font-family: 'Open Sans';
	font-size: 14px;
	padding: 20px 80px 20px 0px;
	float: left;
	margin:0px 0px 0px 0px;
	width:100%;
	/*text-transform: uppercase;*/
	border-bottom: thin solid #A59D88;
	border-left: none;
	font-weight:400;
	text-align:center;
}

#mainsub li:nth-child(4n+0) {
	border-right: none;
	text-align:center;
}

}
/*end of top menu*/

.border {
  border: 4px solid #141414;
  padding:0px 0px 10px 0px;
}


/*PIC*/
.pic {
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  border: 4px solid #141414;
  float: left;
  width:100%;
}

.pic:hover {
  cursor: pointer;
}

/*GROW*/
.grow img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  background-color:#000000;
  
}
.grow img:hover {
  opacity:0.5;
  zoom:100%;
  -moz-transform:scale(1.3); 
  -webkit-transform:scale(1.3);
  -o-transform:scale(1.3);	
}

.social-networks li{
	color:#74777c;
	font-family: 'Open Sans';
	font-size: 16px;
	vertical-align:middle;
	list-style-type: none;
	display:inline;
	padding:0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	float:left;
}

.social-networks a {
	color:#74777c;
	border:thin solid #74777C;
	padding:4px 9px 4px 9px;
	margin:0px 5px 0px 0px;
	-webkit-border-radius: 0 0 4px 4px;
  	-moz-border-radius: 0 0 4px 4px;
  	border-radius: 4px 4px 4px 4px;
}

.social-networks a:hover{
	color:#4D4F52;
	border:thin solid #4D4F52;
	
}

.divider {
  border-bottom:thin solid #222222;
  margin:0px 0px 15px 0px;
}

.btn-warning {
	font-family: 'Open Sans';
	font-size:13px;
	color:#000000;
}

.table {
	font-family: 'Open Sans';
	font-size:15px;
	color:#90887D;
	font-weight:500;
}

.container-gal {
      max-width: 800px;
      margin: 0 auto;
    }
    .gallery {
      list-style: none;
      overflow: hidden;
      padding: 0;
      margin: 0;
    }
    .gallery li {
      float: left;
      margin: 4px;
    }
	
.imgborder {
	border: 1px solid #000000;
	/*padding:5px 5px 5px 5px;*/
	background-color:#FFFFFF;
	/*moz-box-shadow: 1px 3px 5px 2px #E3E2DF;
  	-webkit-box-shadow: 1px 3px 5px 2px #E3E2DF;
  	box-shadow: 1px 3px 5px 2px #E3E2DF;*/
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	margin:0px 18px 12px 0px;
}

.imgborder:hover {
	border: 1px solid #cccccc;
	/*moz-box-shadow: 1px 3px 5px 2px #ffffff;
  	-webkit-box-shadow: 1px 3px 5px 2px #ffffff;
  	box-shadow: 1px 3px 5px 2px #ffffff;*/
}

/* css-method */


span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(../../images/mag.png) center center no-repeat #000;
	cursor: pointer;
	height: 134px;
	width: 201px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
	background-color:#000000;
}







#slideout {
			position: fixed;
			top: 40px;
			left: 0;
			width: 50px;
			padding: 5px 0;
			text-align: center;
			background: #f7b231;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
			z-index:1000000000000;
		}
		
		#slideout_inner {
			position: fixed;
			top: 40px;
			left: -250px;
			background: #f7b231;
			width: 250px;
			padding: 25px;
			height: 380px;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
		}
		
		#slideout_inner textarea {
			width: 200px;
			height: 100px;
			margin-bottom: 0px;
		
		}
		
		#slideout:hover {
			left: 250px;
		}
		
		#slideout:hover #slideout_inner {
			left: 0;
		}

        
.btn-default {
background-color:#e18904;
height:30px;
width:100px;
box-shadow:2px;
border:0px;
color:#ffffff;
margin-top:-10px;
}

.btn-default:hover {
background-color:#f7b231;
height:30px;
width:100px;
border:1px solid #e18904;
}