/* CSS Document */
/* Reset */
* 						{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body 				{ height: 100%; margin: 0 0 1px; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 16px; }
a										{ color: #fff; text-decoration: none; }
a:visited					{ color: #fff; }
a:hover					{ color: #FC0; text-decoration: underline; }
.clear					{ clear: both; }
img							{ max-width: 100%; height: auto !important; }
body#lighter			{ background: url(/images/bg.png) repeat; }
body#darker 			{ background: url(/images/argyle.png) repeat; }

#page-wrap				{ margin: 0 auto 30px; width: 1004px; background: url(images/metal-bg) repeat; position: relative; }
/* header								{ position: relative; } */
.logo-top						{ position: absolute; z-index: 100; top: 500px; left: 25px; } 
header h2					{ float: right; }
#wrapper				{ border: 2px solid #ffea81; }
nav						{ background: #ffea81; width: 100%; text-align: center; }
nav p					{ font-size: 32px; color: #000; line-height: 32px; padding: 3px 0; }
nav p a					{ font-size: 32px; color: #000; line-height: 32px; text-decoration: none; }
nav p a:visited		{ color: #000; }
nav p a:focus,
nav p a:hover			{ color: #777; }
.home									{ height: 667px; border-bottom: 2px solid #ffea81; }
.rooms								{ height: 264px; border-bottom: 2px solid #ffea81; }
.slideshow				{ }
.slideshowRooms		{ width: 400px; height: auto !important; display: block; margin: 5px auto; }
.sliderRooms						{ border-top: 2px solid #ffea81; border-left: 2px solid #ffea81; border-right: 2px solid #ffea81; }
.nivoSlider img			{ width: 100%; height: auto !important; border-bottom: 2px solid #ffea81; }
aside								{ float: left; }
.highlights				{ min-height: 185px; border: 2px solid #ffea81; border-radius: 15px; background: #000; color: #ffea81; margin: 2% 0 2% 2%; }
.highlights p			{ padding: 15px; }
p											{ padding: 5px 10px; color: #ffea81; font-size: 18px; }

ul				{ margin: 5px 35px; }
ul li			{ color: #ffea81; font-size: 18px; }

.grid			{ padding-left: 20px; width: 100%; padding-bottom: 10px; }
[class*='col-'] { float: left; padding-right: 20px; }
.col-1-4		{ width: 25%; }
.col-1-3		{ width: 33.33%; }
.col-1-2		{ width: 50%; }
.col-2-3		{ width: 66.66%; }
.col-3-4		{ width: 75%; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; padding: 15px 0 10px; font-weight: 700; font-style: normal; line-height: 1.1; color: #ffea81; }
h1, .h1 						{ font-size: 42px; margin: 0; }
h2, .h2 						{ font-size: 32px; margin: 0; }
h3, .h3 						{ font-size: 28px; margin: 0; }
h4, .h4 						{ font-size: 18px; margin: 0; }
h5, .h5 						{ font-size: 18px; margin: 0; }
h6 										{ font-size: 14px; }
.center							{ text-align: center; }
.pic-center				{ display: block; margin: 5px auto; border: 2px solid #ffea81; }
.pic-right						{ display: block; float: right; border: 2px solid #ffea81; width: 35%; margin: 0 0 0 8px; }
p.reserv						{ width: 177px; height: 43px; margin: 0 auto; }
p.reserv	a				{ display: block; text-indent: -9999px; width: 177px; height: 43px; background: url(/images/reserv-button-full.png) top center; }
p.reserv a:hover		{ background: url(/images/reserv-button-full.png) bottom center; }
.side-nav					{ padding: 15px; margin: 0 0; }
.side-nav	li				{ list-style: none; }
.side-nav li a		{ color: #ffea81; font-size: 20px; }
.facebook					{ margin: 0 10px; }
footer								{ margin: 50px 0 25px; color: #ffea81; }
footer	 a						{ color: #ffea81; text-decoration: none; }
footer a:visited			{ color: #ffea81; }
footer a:hover	{ color: #fff; text-decoration: underline; }

/*------          Gallery Slideshow         ---------*/
#gallery { position: relative; border: 2px solid #ffea81; border-radius: 15px; width: 722px; height: 453px; overflow: hidden; }
#gallery a { float: right; position: absolute; top: 1px; right: 1px; }	
#gallery a img { border: none; }	
#gallery a.show { z-index: 500;	}
#gallery .caption {	z-index: 600; background-color :#000; color: #ffffff; text-align: center; height: 55px; width: 100%; position: absolute; bottom: -1px; right: 1px; }
#gallery .caption .content { margin: 5px; }	
#gallery .caption .content h3 { margin: 0; padding: 0; color: #1DCCEF; }
/*-------------------------------------------*/