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

html {
	scroll-behavior: smooth;
}

/* styling for Content */

.content {
    width: 64%;
    margin: 0;
    position: relative;
    float: left;
    top: 0;
    background-image: url(../w/Wolfman-2010.jpg);
}

.content p {
	width: 100%;
	padding-right: 20%;
	font-size: 0.9em;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 0px;
	color: #333333;
	text-align: justify;
	margin-top: 1%;
	margin-bottom: 2%;
	font-family: "Avenir", sans-serif;
}

.content a,visited {
	color: #000000;
	font-weight:bold;
	text-decoration: underline;
	}
	
.content a:hover {  
	color: #999999;
	font-weight:bold;
	text-decoration: none ! important
	}

.name {
	color: #333333;
	font-weight:bold;
}

p.intro {
	font-size: 1em;
	font-weight:400;
	line-height: 1.3;
	text-align:justify;
	letter-spacing: 0px;
	color: #222222;
	text-align:justify;
	margin-top: 0;
	margin-bottom: 2.5%;
}

.content h1 {
	font-family: "Avenir", sans-serif;
	font-size: 1.8em;
	margin-top: 0;
	margin-bottom: 1%;
}

.grey {
	color: #CBCBCB;
}

.ital {
	font-style:oblique;
	}

.content h2 {
	font-family: "Avenir", sans-serif;
	color: #000000; 
	font-size: 1.2em;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	margin-top: 16pt;
	margin-bottom: 1%;
}

.content h3 {
	font-family: "Avenir", sans-serif;
	color: #999999;
	font-size: 1.1em;
	margin-top: 1%;
	margin-bottom: 3%;
}

.content h4 {
	font-family: "Avenir", sans-serif;
	color: #999999;
	font-size: 1em;
	margin-top: 1%;
	margin-bottom: 1%;
}

.content h5 {
	font-family: "Avenir", sans-serif;
	color: #222222;
	font-size: 1.1em;
	margin-top: 1%;
	margin-bottom: 6%;
}

.content img {
	margin-bottom: 0.625%;
}

.content hr {
	color: #F1F1F1;
	margin-top: 3%;
	margin-bottom: 3%;
}

.content ul {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 0px;
	list-style-type: none;
	font-family: "Avenir", sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 7%;
	padding-left: 0;
	}


/* styling for Anchor */

.wrapper #main .content #anchorholder {
    position: relative;
    top: 0;
	width: 100%;
	visibility: hidden;
}

.wrapper #main .content .anchorpoint {
    position: absolute;
    top: -80px;
	width: 50%;
	border: 3px solid #000000;
}

/* end styling for Anchor */


/* styling for Main Image */

.mainpic {
	width: 100%;
	height: auto;
	margin-bottom: 3.25%;
	top: 0;
	left: 0;
}

.mainpic img {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	margin-bottom: 0;
}

.mainpic .cap {
	width: 100%;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 12px;
	float: left;
	background-color: transparent;
	left: 0;
	font-size: 70%;
	font-weight:700;
	color: #000000;
	text-align: left ! important;
	font-family: "Avenir", sans-serif;
	}
	
.mainpic .credit {
	width: 100%;
	font-size: 100%;
	color: #000000;
	text-align: left ! important;
	font-family: "Times New Roman", serif;
	font-style:italic;
	}
	
#mainpicvert {
	width: 100%;
	height: auto;
	position:relative;
	float: left;
	margin-bottom: 3.25%;
    top: 0;
	left: 0;
	}
	
#mainpicvert img {
	float:left;
	height: 630px;
	width: 420px;
	}

#mainpicvert .cap {
	width: 180px;
	position: absolute;
	float: left;
	bottom: 0%;
	margin-bottom: 0;
	padding-right: 0;
	left: 433px;
	font-size: 70%;
	text-align:left ! important;
	font-family: "Avenir", sans-serif;
	}
	
#mainpicvert .credit {
	width: 100%;
	font-size: 100%;
	color: #000000;
	text-align: left ! important;
	font-family: "Times New Roman", serif;
	font-style:italic;
	}


#mainpicvertgetty {
	width: 100%;
	height: auto;
	position:relative;
	float: left;
	margin-bottom: 3.25%;
    top: 0;
	left: 0;
	}
	
#mainpicvertgetty img {
	float:left;
	height: 594px;
	width: 395px;
	}

#mainpicvertgetty .cap {
	width: 180px;
	position: absolute;
	float: left;
	bottom: 0%;
	margin-bottom: 0;
	padding-right: 0;
	left: 433px;
	font-size: 70%;
	text-align:left ! important;
	font-family: "Avenir", sans-serif;
	}
	
#mainpicvertgetty .credit {
	width: 100%;
	font-size: 100%;
	color: #000000;
	text-align: left ! important;
	font-family: "Times New Roman", serif;
	font-style:italic;
	}

/* End Main Image */


/* styling for Main Map */

.mainmap {
	width: 100%;
	height: auto;
	margin-bottom: 3.25%;
	top: 0;
	left: 0;
}


/* End Main Map */

/* styling for Main Image */

.barpic img {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* illustrations */
	
#illust {
	width: 615px;
	height: 200px;
	position:relative;
	float:left;
	margin-bottom: 15px;
	}
	
#illust img {
	width: 300px;
	}

#illust .cap {
	width: 295px;
	position: absolute;
	float: right;
	bottom: 1px;
	margin-bottom: 0;
	padding-right: 0;
	left: 315px;
	font-size: 70%;
	font-weight:700;
	color: #000000;
	text-align: left ! important;
	font-family: "Avenir", sans-serif;
	}
	
#illust .credit {
	width: 100%;
	font-size: 100%;
	color: #000000;
	text-align: left ! important;
	font-family: "Times New Roman", serif;
	font-style:italic;
	}
	
#illustvert {
	width: 615px;
	height: 300px;
	position:relative;
	float:left;
	margin-bottom: 15px;
	}
	
#illustvert img {
	float:left;
	width: 200px;
	}

#illustvert .cap {
	width: 390px;
	position: absolute;
	float: right;
	bottom: 0%;
	margin-bottom: 0;
	padding-right: 0;
	left: 218px;
	font-size: 70%;
	text-align:left ! important;
	font-family: "Avenir", sans-serif;
	}
	
#illustvert .credit {
	width: 100%;
	font-size: 100%;
	color: #000000;
	text-align: left ! important;
	font-family: "Times New Roman", serif;
	font-style:italic;
	}
	
	
/* end illustrations */

/* hover */

figure {
	width: 630px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #ffffff;
	overflow: hidden;
}

/* Zoom In */
.hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .5s ease-in-out;
}
.hover figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* END hover */

/* blokrite */
	
#blokrite {
	width: 192px;
	height: 288px;
	position:relative;
	float:right;
	margin-left: 15px;
	margin-bottom: 15px;
	}
	
#blokrite img {
	width: 192px;
	}

/* end blokrite */


/* Credits box */

.creditsbox {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	position:relative;
	float:left;
	margin-top: 0;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top: solid thin #d6d6d6;
	border-bottom: solid thin #d6d6d6;
}

.creditsbox img {
	float: left;
	padding-right: 2%;
}

/* styling for Credits */

.credits a, visited {
	color: #666666;
	font-weight:300;
	text-transform:none;
	text-decoration: none;
	}
	
.credits .creditsnav ul {
	list-style-type: none;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 0;
	padding-right: 0;
	font-family: "Avenir", sans-serif;
	background-color: transparent;
	font-weight: bold;
	font-size: 0.95em;
	text-transform: uppercase;
	line-height: 1.3;
	position: relative;
	border-bottom: none !important;
}

.credits .creditsnav ul li {
	display: inline-block;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
	color: #666666;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	border-bottom: none !important;
	}

.credits .creditsnav ul li a,visited{
	color: #000000;
	padding-top: 0%;
	padding-bottom: 1%;
	border-bottom: none !important;
	text-decoration: none !important;
	
}

.credits .creditsnav ul li a:hover {
	color: #333333;
	font-weight:700;
	border-bottom: none !important;
	text-decoration: none !important;
}

.content .credits .creditsnav .slant {
	font-family: "Avenir", sans-serif;
	font-weight: normal; 
	text-transform: none;
	font-style: italic;
	line-height: 1.3;
}

/* end Credits box */

/* Multiple columns */

#multicolumn {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	padding-top: 4%;
	padding-bottom: 4%;
}

#multicolumn {
    -webkit-column-gap: 12px; /* Chrome, Safari, Opera */
    -moz-column-gap: 12px; /* Firefox */
    column-gap: 12px;
}

#multicolumn p {
	width: 100%;
	padding-right: 20%;
	font-size: 0.75em;
	line-height: 1.8;
	text-align:justify;
	letter-spacing: 0px;
	color: #333333;
	text-align:left;
	margin-top: 0;
	margin-bottom: 2.5%;
	text-transform: uppercase;
}

#multicolumn .intro {
	font-size: 0.85em;
	text-transform: none;
	width: 80%;
}

#multicolumn .submenu {
	padding-left: 9px;
	font-size: 0.65em;
}

#multicolumn hr {
	color: #F1F1F1;
	margin-top: 20%;
	margin-bottom: 10%;
}

/* End Multiple columns */


/* Multiple column index */

#multicolumn2 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	padding-top: 4%;
	padding-bottom: 4%;
}

#multicolumn2 {
    -webkit-column-gap: 12px; /* Chrome, Safari, Opera */
    -moz-column-gap: 12px; /* Firefox */
    column-gap: 12px;
}

#multicolumn2 p {
	width: 100%;
	padding-right: 20%;
	font-size: 0.75em;
	line-height: 1.8;
	text-align:justify;
	letter-spacing: 0px;
	color: #333333;
	text-align:left;
	margin-top: 0;
	margin-bottom: 2.5%;
	text-transform: uppercase;
}

#multicolumn2 hr {
	color: #F1F1F1;
	margin-top: 20%;
	margin-bottom: 10%;
}

/* End Multiple column index */



/* Multiple columns place */

#multicolumn3 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	padding-top: 4%;
	padding-bottom: 4%;
}

#multicolumn3 {
    -webkit-column-gap: 12px; /* Chrome, Safari, Opera */
    -moz-column-gap: 12px; /* Firefox */
    column-gap: 12px;
}

#multicolumn3 p {
	width: 100%;
	padding-right: 20%;
	font-size: 0.75em;
	line-height: 1.8;
	text-align:justify;
	letter-spacing: 0px;
	color: #333333;
	text-align:left;
	margin-top: 0;
	margin-bottom: 2.5%;
	text-transform: uppercase;
}

#multicolumn3 .intro {
	font-size: 0.85em;
	text-transform: none;
	width: 80%;
}

#multicolumn3 .submenu {
	padding-left: 9px;
	font-size: 0.65em;
}

#multicolumn3 hr {
	color: #F1F1F1;
	margin-top: 20%;
	margin-bottom: 10%;
}

/* End Multiple columns */



/* pinterest */

#pinterest-widget {
	margin-bottom: 3.5%;
}

#pinterest-widget span {
	width: 100%; overflow: hidden;
}
#pinterest-widget span span {
	width: 95%;
}

/* end pinterest */


/* styling for Sidebar */

#sidebar {
	width: 31.25%;
	margin: 0 auto;
	position: relative;
	float: right;
	top: 0;
	background-color: #ffffff;
}

#sidebar p {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	font-size: 0.8em;
	font-family:"Avenir", sans-serif;
	letter-spacing: 0;
	line-height: 1.8;
	color:#ffffff;
	background-color: transparent;
}

#sidebar a.red {
    color: #FF0004;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a.blue {
    color: #1650D0;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a.green {
    color: #00AF00;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a.purple {
    color: #8900C9;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a.purple {
    color: #8900C9;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a.gold {
    color: #FAAA00;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a.silver {
    color: #B1B1B1;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a.orange {  
	color: #FD5C00;
	font-weight: 400;
	text-decoration: underline;
	}

#sidebar a.expo {
    color: #00CAFF;
	font-weight: 400;
	text-decoration: underline;
}

#sidebar a,visited {
	color: #ffffff;
	font-weight: 400;
	text-decoration: underline;
	}
	
#sidebar a:hover {  
	color: #a2bdee;
	font-weight: 400;
	text-decoration: none ! important
	}

	
#sidebar h1 {
	font-family: "Avenir", sans-serif;
	font-size: 1.8em;
	color: #000000;
	margin-top: 0;
	margin-bottom: -9px;
	padding-bottom: 0;
	text-align: right;
}

#sidebar h2 {
	font-family: "Avenir", sans-serif;
	font-size: 1.3em;
	font-style: oblique;
	padding-top: 9px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #ffffff;
	text-transform: uppercase;
	text-align: right;
}

#sidebar .name {
	color: #FFFFFF;
	font-weight: 400;
}

#sidebar hr {
	color: #0031ad;
}

.greybold {
	color: #a2bdee;
	font-weight: bold;
	text-transform:uppercase;
}

#sidebar ul {
	font-size: 0.9em;
	line-height: 1.3;
	margin-bottom: 0px;
	list-style-type: none;
	font-family: "Avenir", sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	list-style-image: url(travel/artwork/pointer.png) !important;
	}
	
#sidebar li {
	margin-bottom: 9px;
	}

#sidebar img {
	clear: left;
	margin-top: -54px;
	}	
	
.fieldtrip {
	width: 100%;
	background-color: #e1e4e9;
	padding-top: 50px;
	margin-top: 0;
}

.fieldtrip p {
	font-family: "Avenir", sans-serif;
	color: #333333;
}

.fieldtrip img {
	max-width: 100%;
	height: auto;
}

/* end styling for Sidebar */


/* styling for Sideplace */

#sideplace {
	width: 31.25%;
	margin: 0 auto;
	position: relative;
	float: right;
	top: 0;
	background-color: #ffffff;
}

#sideplace p {
	width: 100%;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 0.8em;
	font-family:"Avenir", sans-serif;
	letter-spacing: 0;
	line-height: 1.8;
	color:#000000;
	background-color: transparent;
}

#sideplace a,visited {
	color: #000000;
	font-weight: 400;
	text-decoration: underline;
	}
	
#sideplace a:hover {  
	color: #777777;
	font-weight: 400;
	text-decoration: none ! important
	}

	
#sideplace h1 {
	font-family: "Avenir", sans-serif;
	font-size: 1.8em;
	color: #000000;
	margin-top: 0;
	margin-bottom: -9px;
	padding-bottom: 0;
	text-align: right;
}

#sideplace h2 {
	font-family: "Avenir", sans-serif;
	font-size: 1.3em;
	font-style: oblique;
	padding-top: 9px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
}

#sideplace .name {
	color: #000000;
	font-weight: 400;
}

#sideplace hr {
	color: #ffffff;
	width: "50%";
	margin-top: 3%;
	margin-bottom: 12px;
}

.sidebold {
	color: #000000;
	font-weight: bold;
	text-transform:uppercase;
}

#sideplace ul {
	font-size: 0.9em;
	line-height: 1.3;
	margin-bottom: 0px;
	list-style-type: none;
	font-family: "Avenir", sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	list-style-image: url(travel/artwork/pointer.png) !important;
	}
	
#sideplace li {
	margin-bottom: 9px;
	}

#sideplace img {
	clear: left;
	margin-top: -54px;
	}

/* end style for Sideplace */


/* location boxes */

.locnbox-960 {
	margin-top: 0;
	display:block;
	background-color: #000000;
	/* top-left | top-right | bottom-right | bottom-left */
	border-radius: 15px 0 0 15px;
	padding-top: 0;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 3px;
	margin-bottom: 18px;
}

.locnboxpad-960 {
	display:block;
	background-color:#transparent;
	height: 24px;
}
	
/* fade slider */
.slides {
	height:420px;
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:6px;
	left:0;
    position:relative; 
}

.slides img {
	width:100%;
	height: auto;
}

.slides ul {
	list-style-type: none;
    position:relative;
	margin: 0;
    padding: 0;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
.slides ul li img {
    display:block;
}

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:66%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:66%;
        opacity:0;
    }
    100% {
        left:66%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:66%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:66%;
        opacity:0;
    }
    100% {
        left:66%;
        opacity:0;
    }
}

.slides ul li div {
    background-color:#000000;
	color:#FFFFFF;
    font-size:15px;
    left:10%;
    margin:0 auto;
    padding:6px;
    position:absolute;
    top:80%;
    width:200px;

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* fade bannerslider */

.bannerslides {
	height:60px;
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	left:0;
    position:relative; 
}

.bannerslides img {
	width:100%;
	height: auto;
}

.bannerslides ul {
	list-style-type: none;
    position:relative;
	margin: 0;
    padding: 0;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.bannerslides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 15.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 15.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* css3 delays */
.bannerslides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 3.0s;
    -moz-animation-delay: 3.0s;
}
.bannerslides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.bannerslides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 9.0s;
    -moz-animation-delay: 9.0s;
}
.bannerslides ul  li:nth-child(5), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.bannerslides ul li img {
    display:block;
}

/* END fade bannerslider */

/* styling for Main Image Slider */

.sliderbox {
	width: 100%;
	height: auto;
	background-color: transparent;
	margin-bottom: 1.25%;
	top: 0;
	left: 0;
}

.slides {
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	left:0;
    position:relative; 
}

.slides img {
	max-width:100%;
	height: auto;
}

.slides ul {
	list-style-type: none;
    position:relative;
	margin: 0;
    padding: 0;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 25.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 25.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 5.0s;
    -moz-animation-delay: 5.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 10.0s;
    -moz-animation-delay: 10.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 15.0s;
    -moz-animation-delay: 15.0s;
}
.slides ul  li:nth-child(5), .slides ul  li:nth-child(5) div {
    -webkit-animation-delay: 20.0s;
    -moz-animation-delay: 20.0s;
}
.slides ul li img {
    display:block;
}

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:66%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:66%;
        opacity:0;
    }
    100% {
        left:66%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:66%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:66%;
        opacity:0;
    }
    100% {
        left:66%;
        opacity:0;
    }
}

.slides ul li div {
    background-color:#000000;
	color:#FFFFFF;
    font-size:15px;
    left:10%;
    margin:0 auto;
    padding:6px;
    position:absolute;
    top:80%;
    width:200px;

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 25.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 25.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

	
/* searchboxes */

.searchbox-960 {
	display:block;
}

.searchbox-tablet {
	display:none;
}

.searchbox-mobile {
	display:none;
}

/* end of searchboxes */


/* End main content elements */