@charset "iso-8859-2";
/* CSS Document */



/* typography */

a:link, a:visited, a:active { 	color: #000000; text-decoration: none; }
a:hover {	color: #f6d530; }

footer a:link, footer a:visited, footer a:active { 	color: #ffffff;	text-decoration: none; }
footer a:hover { 	color: #f6d530; text-decoration: underline;}

.feature a:link, .feature a:visited, .feature a:active { 	color: #ffffff;	text-decoration: underline; }
.feature a:hover { 	color: #f6d530; text-decoration: underline;}

.feature h1 a:link, .feature h1 a:visited, .feature h1 a:active { color: #f6d530; text-decoration: none; }
.feature h1 a:hover { color: #ffffff; text-decoration: none; }

#bookingscalendar a:link, #bookingscalendar  a:visited, #bookingscalendar  a:active { 	color: #ffffff; text-decoration: none; }
#bookingscalendar  a:hover {	color: #ffffff; }


p, li, td {
font-size: 10pt;
line-height: 12pt;
color:#000000;	
margin-top: 0px;
margin-bottom: 10px;
}
li, td, th, input, select { margin: 0; }

#maincontent li {
line-height: 18pt;
}

h1 {
font-size: 12pt;
line-height: 14pt;
font-weight: normal;
color:#c52128;	
text-transform: capitalize;
}



h2 {
font-size: 10pt;
line-height: 12pt;
font-weight: normal;
color:#c52128;	
text-transform: capitalize;
}

h3 {
font-size: 9pt;
line-height: 12pt;
color:#000000;	
margin-top: 12px;
margin-bottom: 3px;
}


hr {
height:1px; 
border:none; 
color:#cdccca; 
background-color:#cdccca;	
}

footer p {
font-size: 9pt;
color: #ffffff;	
}

/* layout */

body {
	background-color: #ffffff;
	margin: 0;
	font-family: 'Maven Pro', sans-serif;	
}



#container {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	min-height: 300px;
	background-color: #ffffff;
	margin-top: 25px;
	box-shadow: 0px 0px 10px 7px #1b2341;
}

header {
		position: relative;
		height: 120px;
		width: 100%;

	}
	.logo {
		position: absolute;
		bottom: 10px;
		width: 65%;
 		padding: 15px 0 0 15px;		
	}
	
	#logo-sm {  display: none;  		
				padding: 0px;	
				height: auto;
				width: 80%;
				max-width: 350px;
 }

	nav {
	position: relative;
	float: left;
	background-color: #000000;
	width: 100%;
	height: 40px;	
	z-index: 500;
	}
	#menu { display: block; }
	#menu-mb { display: none; }


	 
	#homegallery, #pagegallery, #photogallery {
	position: relative;
	width: 100%;
	margin: 0;
	z-index: 1;
	background-color:#ffffff;
	clear: both;
	overflow: hidden;
	}
	#homegallery {
	height: 750px;
	}
	#pagegallery {
	height: 550px;
	}
	#photogallery {
	width: 1200px;
	min-height: 650px;
	}

	section {
	position: relative;
	width: 94%;
	padding: 3%;
	padding-top: 10px;
	min-height: 100px;
	background-color:#ffffff;
	clear: both;
	}
	
	#photocontent {
	min-height: 40px;
	}
	
#news {
	position: relative;
	top: 40px;
	width: 300px;
	min-height: 300px;
}
#news2 {
	width: 260px;
	padding: 10px;
	padding-left: 20px;
	min-height: 280px;
	margin-left: 20px;
	background-color: #ffffff;
	opacity: 0.9;
	box-shadow: 5px 5px 7px #1b2341;
}

#featureblock {
	position: relative;
	margin-top: -300px;
	width: 100%;
	height: 300px;
	z-index: 500;

}
#featureblock-sm {
	height: 40px;
}


.feature {
	float: left;
	position: relative;
	height: 280px;
	background-color: #0d9dd1;
	overflow: hidden;
	box-shadow: 5px 5px 7px #1b2341;

	}
#featureblock .feature {
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
}
#featureblock-sm .feature {
	width: 32%;
	margin-left: 0%;
	margin-right: 2%;
	height: 38px;

}
#featureblock-sm #feature3 {
	margin-right: 0%;
}

footer {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 30px;
	text-align: right;
		margin-bottom: 300px;


}





/* incidentals */

a img { 	border: none; }

input {  
	font-size: 8pt; 
	color: #787878;  
}

.logodnc {
	float: right;
	width: 150px;
	padding: 10px;
}
	.feature h1 {
		background-color: #000000;
		color: #f6d530;
		margin: 0;
		padding: 10px;
		padding-left: 20px;
		width: 100%;
	}
	
	.feature p {
		padding: 3%;
		color: #ffffff;
		font-size: 14pt;
		line-height: 18pt;
	}

#news h2 {
	background-color: #f6d530;
	color: #000000;
	font-weight: bold;
	font-size: 11pt;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Opera, Chrome, and Safari */
	width: 290px;
	height: 20px;
	padding-left: 10px;
	padding-top: 5px;
	position: absolute;
	top: 125px;
	left: -139px;
	z-index: 500;
}
#hide:hover {
color: #000000;
}
#show:hover {
color: #ffffff;
}
#hide{
position: absolute;
color:#666666;
font-weight: bold;
top: 0px;
left: 285px;
color:#666666;
	z-index: 600;
}

.arrow {
	position: absolute;
	width: 0px; 
	height:  0px;  
	border: 12px solid transparent;
	line-height: 0;
	margin-top: 7px;
}
#feature1 .arrow {	border-left-color:  #c3222a;}
#feature2 .arrow {	border-left-color:  #8ecce5;}
#feature3 .arrow {	border-left-color:  #d5642c;}

#thumbnails {
	position: relative;
		top: 20px;
	}

#thumbnails li {
		float: left;
		list-style-type: none;
		width: 140px;
		padding: 20px;
	}
#thumbnails li img {
		opacity: 0.6;
}
#thumbnails li.activeSlide img {
		opacity: 1;
}

.caption {
	color: #ffffff;
	background-color: #000000;
	width: 780px;
	float: right;
	position: relative;
	margin-top: 0px;
	padding: 10px;
	
}


#bookingscalendar {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}


/* adjustments for responsive design */

@media only screen and (min-width: 1920px)  { /* greater than 1920px */

#container, footer { width: 1200px; }

}

@media only screen and (max-width: 1600px)  { 


}


@media only screen and (max-width: 1400px)  { 


}


@media only screen and (max-width: 1280px)  { 

#container, footer { width: 900px; }

#photogallery { 	width: 900px; 	min-height: 530px; }
.pika-stage { width: 600px; height: 450px;  }
.jcarousel-skin-pika .jcarousel-container-vertical, .jcarousel-skin-pika  .jcarousel-clip-vertical { height: 430px; }
.caption  { width: 580px; 	}

}


@media only screen and (max-width: 1080px)  { 


}


@media only screen and (max-width: 950px)  { 

#container, footer { width: 600px; }
	.logo {	width: 70%;}
	.logodnc {	width: 100px;}

	#menu-mb { display: block }
	#menu { display: none; }
#homegallery {	height: 550px; }
#pagegallery {	height: 350px; }


#photogallery { 	width: 600px; 	min-height: 400px; }
.pika-stage { width: 450px; height: 338px;  }
.jcarousel-skin-pika .jcarousel-container-vertical, .jcarousel-skin-pika  .jcarousel-clip-vertical { height: 250px; }
.pika-thumbs li{width: 70px; height:70px; margin: 5px 5px;}

.caption  { width: 430px; 	}


#news { display: none; }
}



@media only screen and (max-width: 600px)  { 

#container, footer{ width: 100%; }
#featureblock { min-height: 900px; margin-top: 0; }
#featureblock-sm  {  height: 160px;}
#featureblock .feature, #featureblock-sm .feature {  width: 97%; margin-top: 10px;}

	#logo-sm { display: block; }
	#logo-bg { display: none; }
		.logodnc {	width: 80px;}

	.logo {	width: auto; height: 100%; 	padding-left: 10px;		}
#homegallery, #pagegallery {	height: 250px; }

#photogallery { 	width: 100%; 	height: auto; }
.pika-stage { width: 100% ; height: auto;  margin-bottom: 50px; }
.jcarousel-skin-pika {clear: both; }
.pika-stage .caption  { width: 96%; bottom: -38px;	}

}