@import url("reset.css");
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700&display=swap');

body {
margin:auto;
background:#ebeaea;
}

a {
   outline: 0;
}

img {
	border:none;	
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#38353b;
font-weight:normal;
line-height:24px;
padding:0;
margin:0;
}

#maincontainer {
	width:1000px;
	margin:auto;

}

#top {
	background:#38353b;
	height:32px;
	width:1000px;
	margin-top:16px;
    text-align: center;
    color:#b7b0ae;
    margin-bottom: 25px;
    padding-top: 10px;
	font-size: 14px;
    box-sizing: border-box;
    font-family: 'Libre Baskerville', serif;
}
#top a {color:#b7b0ae;
font-size: 14px;
    font-family: 'Libre Baskerville', serif;
}
#top a:hover {color: white;}

/*NAVIGATION_________________________*/

#navigation {
	height: 29px;
	background: #38353b;
	width: 1000px;
	margin-bottom: 16px;
	padding-top: 10px;
}

#navigation a:link.home,
#navigation a:visited.home {
	width:43px;
	display:block;
	height:39px;
	background:url(images/Home_NAVOff.jpg) no-repeat left;
	margin:0 0 0 70px;
	float:left;
	
		
}




#navigation a:link.about,
#navigation a:visited.about {
	width:86px;
	display:block;
	height:39px;
	background:url(images/About_NAVOff.jpg) no-repeat left;
	margin:0 0 0 70px;
	float:left;
}

#navigation a:hover.about,
#navigation a:link.about-active,
#navigation a:visited.about-active,
#navigation a:hover.about-active{
	background:url(images/About_NAV.jpg) no-repeat left;
	margin:0 0 0 70px;
	float:left;
	width:86px;
	display:block;
	height:39px;
}

#navigation a:link.adults,
#navigation a:visited.adults {
	width:47px;
	display:block;
	height:39px;
	background:url(images/Adults_NAVOff.jpg) no-repeat left;
	margin:0 0 0 23px;
	float:left;
}

#navigation a:hover.adults,
#navigation a:link.adults-active,
#navigation a:visited.adults-active,
#navigation a:hover.adults-active{
	background:url(images/Adults_NAV.jpg) no-repeat left;
	margin:0 0 0 23px;
	float:left;
	width:47px;
	display:block;
	height:39px;
}

#navigation a:link.children,
#navigation a:visited.children {
	width:62px;
	display:block;
	height:39px;
	background:url(images/Children_NAVOff.jpg) no-repeat left;
	margin:0 0 0 70px;
	float:left;
}

#navigation a:hover.children,
#navigation a:link.children-active,
#navigation a:visited.children-active,
#navigation a:hover.children-active{
	background:url(images/Children_NAV.jpg) no-repeat left;
	margin:0 0 0 70px;
	float:left;
	width:62px;
	display:block;
	height:39px;
}

#navigation a:link.pets,
#navigation a:visited.pets {
	width:88px;
	display:block;
	height:39px;
	background:url(images/Pets_NAVOff.jpg) no-repeat left;
	margin:0 0 0 65px;
	float:left;	
}

#navigation a:hover.pets,
#navigation a:link.pets-active, 
#navigation a:visited.pets-active, 
#navigation a:hover.pets-active {
	background:url(images/Pets_NAV.jpg) no-repeat left;
	margin:0 0 0 65px;
	float:left;
	width:88px;
	display:block;
	height:39px;
}

#navigation a:link.landscapes,
#navigation a:visited.landscapes {
	width:154px;
	display:block;
	height:39px;
	background:url(images/Landscapes_NAVOff.jpg) no-repeat left;
	margin:0 0 0 65px;
	float:left;
}

#navigation a:hover.landscapes,
#navigation a:link.landscapes-active,
#navigation a:visited.landscapes-active,
#navigation a:hover.landscapes-active{
	background:url(images/Landscapes_NAV.jpg) no-repeat left;
	margin:0 0 0 65px;
	float:left;
	width:154px;
	display:block;
	height:39px;
}

#navigation a:link.inquiries,
#navigation a:visited.inquiires {
	width:63px;
	display:block;
	height:39px;
	background:url(images/Inquiries_NAVOff.jpg) no-repeat left;
	margin:0 0 0 70px;
	float:left;	
}

#navigation a:hover.inquiries,
#navigation a:link.inquiries-active,
#navigation a:visited.inquiries-active,
#navigation a:hover.inquiries-active{
	background:url(images/Inquiries_NAV.jpg) no-repeat left;
	margin:0 0 0 70px;
	float:left;	
	width:63px;
	display:block;
	height:39px;
}







#maincontent {
	width: 998px;
	border:1px solid #38353b;
	height:588px;
}

/*BACKGROUNDS FOR PAGES _____________________________*/

#maincontent-adults {
	background:url(images/Adult_BKGD.jpg);
	width: 998px;
	border:1px solid #38353b;
	height:815px;
}

#maincontent-children {
	background:url(images/Children_BKGD.jpg) #ebeaea;
    background-size: cover;
	width: 998px;
	border:1px solid #38353b;
	height:759px;
}


#maincontent-pets {
	background:url(images/Pets_BKGD.jpg);
    background-size: contain;
    background-position: top right;
	width: 998px;
	border:1px solid #38353b;
	height:750px;
}


#maincontent-africa {
	background:url(images/African_BKGD.jpg);
	width: 998px;
	border:1px solid #38353b;
	height:588px;
}
#maincontent-landscapes {
	background:url(images/Landscapes_BKGD.jpg);
	width: 998px;
	border:1px solid #38353b;
	height:588px;
}

#maincontent-about {
	background:url(images/About_BKGD.jpg);
	width: 998px;
	border:1px solid #38353b;
	height:588px;
}

#maincontent-inquiries {
	background:url(images/Inquiries_BKGD.jpg);
	width: 998px;
	border:1px solid #38353b;
	height:588px;
}

/*HOME______________________________*/

#maincontent .home-right {
	background:url(images/HomeBKGD_IMG.jpg) no-repeat right;
	border-left: 1px #38353b solid;
	width:566px; 
	height: 588px;
	float:left;
}

#maincontent .home-right p {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#38353b;
margin:206px 55px 0 55px;
font-weight:normal;
line-height:24px;
}

/*HOME SLIDESHOW________________________*/
#index-slideshow-container {
width: 431px;
height:588px;
float:left;
}

#index-slideshow {
width: 431px;
height:588px;
background-color:#fff;
position:relative;

}

#index-slideshow div {
position:absolute;
top:0;
left:0;
z-index:8;
	

}

#index-slideshow div img {
	opacity:0.0;	
}

#index-slideshow div.active {
    z-index:10;

}

#index-slideshow div.active img {
	opacity:1.0;

}

#index-slideshow div.last-active {
    z-index:9;
}


/*ARTWORK SLIDESHOW____________________________*/

.image-gallery {
	width:930px;
	margin:46px 0 0 54px;
	padding:0;

	
}

#main_image {
	margin:auto;
	height:518px;
	width:434px;
	float:left;
	text-align:center;

	
}

#main_image img {
	/*border:solid #38353b 1px;*/
	vertical-align:middle;
	margin-bottom:12px;
	
}

.thumbnail-container {
	float:left;
	margin:110px 0 0 55px;
}

.thumbnail-container p {
	font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#38353b;
font-weight:normal;
line-height:24px;
width:425px;
padding:0;
margin:0;
}

.gallery{
	width:432px;
 	margin:0;
 	padding:0;
}

.gallery li{
	width:55px;
	height:55px;
	border:hidden;
	margin: 13px 13px 0 0;
	padding:1px ;
	display:block;
	overflow:hidden;
	float:left;
	position: relative
}

.gallery li img {margin: 0; width:100%; position: absolute; top:0; left: 0;}

.gallery li.hover { border:solid 1px #562427; padding:0; }
.gallery li.active { border:solid 1px #562427; padding:0; }



.caption{

	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#76787b;
	
}

.galleria{list-style:none;width:432px}
.galleria li{
	display: block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{border:solid 1px #562427}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:none;text-align:center;}
* html .galleria li div span{width:400px} /* MSIE bug */



/*ABOUT AND INQUERIES _________________________*/

#main_image_general {
	margin:auto;
	height:518px;
	width:434px;
	float:left;
	text-align:center;
	vertical-align:middle;
	
}

#main_image_general .form-div {
padding:10px 0 0 20px;
text-align:left;
margin:0;
}

#main_image_general img {
border:solid #38353b 1px;
	margin-bottom:12px;	
}

.text-container_general {
	float:left;
		margin:110px 0 0 55px;
	width:425px;
}

.text-container_general p {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#38353b;
font-weight:normal;
line-height:18px;
padding:0;
margin:0 0 15px 0;
}


.text-container_general-leftcolumn {
	float:left;
		margin:110px 0 0 0px;
	width:440px;
}

.text-container_general-leftcolumn p {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#38353b;
font-weight:normal;
line-height:18px;
padding:0;
margin:0 0 15px 0;
}


.general-content {
	width:930px;
	margin:46px 0 0 54px;
	padding:0;
	
}

.feestable

{font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#38353b;
font-weight:normal;
line-height:18px;
padding:0;
margin:0 0 15px 0;}





/*FOOTER_______________________________________*/
	

#footer {
	background:#38353b;
	height:32px;
	width:1000px;
	margin-top:16px;
	
}

#footer img {
	float:left;
	margin:8px 0 0 10px;
}

#footer p {
	text-align: center;
	font:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#b7b0ae;
	padding:5px 25px 0 0;
	margin:0;
}

/*SCROLLING DIV_______________________________*/
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	background: none;
}



.jspVerticalBar *,

{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}





.jspTrack
{
	background: #38353b;
	position: relative;
	width:1px;
	
}

.jspDrag
{
	background: #38353b;
	position: relative;
	top: 0;
	left: -2px;
	cursor: pointer;
	width:6px;
	
}








.scroll-pane
			{height: 350px;
				overflow: auto;
			}
			
.scroll-pane p { padding:0 35px 20px 0;
		
}



#navigation a {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	display: inline;
	padding-right: 23px;
	padding-left: 23px;
}
#navigation a:hover {
	color: #efcca2;
}
#navigation a:hover.home,
#navigation a:link.home-active,
#navigation a:visited.home-active,
#navigation a:hover.home-active {
	color: #efcca2;
}