.slidesholder {
	height: 300px;
	width:100%;
	display: block;
	background-color:	#317dd3;
	overflow: hidden;
	text-align: center;
}

.slides {
	background-color:	#317dd3;
	height: 300px;
	overflow: hidden;
	width: 100%;
}

/*.slides ul {
	width: 720px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
	text-align: center;
}

@-webkit-keyframes anim_slides {
    0% { opacity:0; }
	6% { opacity:1; }
	49% { opacity:1; }
	56% { opacity:0; }
	100% { opacity:0; }
}

@-moz-keyframes anim_slides {
    0% { opacity:0; }
	6% { opacity:1; }
	49% { opacity:1; }
	56% { opacity:0; }
	100% { opacity:0; }
}

@-o-keyframes anim_slides {
    0% { opacity:0; }
	6% { opacity:1; }
	49% { opacity:1; }
	56% { opacity:0; }
	100% { opacity:0; }
}

@keyframes anim_slides {
	0% { opacity:0; }
	6% { opacity:1; }
	49% { opacity:1; }
	56% { opacity:0; }
	100% { opacity:0; }
}

.slides ul li {
	
	opacity: 0;
	position: absolute;
	top: 0;
	
	-webkit-animation-name: anim_slides;
	-webkit-animation-duration: 10.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: 10.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;
	
	-o-animation-name: anim_slides;
	-o-animation-duration: 10.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-o-animation-delay: 0;
	-o-animation-play-state: running;
	-o-animation-fill-mode: forwards;
	
	animation-name: anim_slides;
	animation-duration: 10.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
	-webkit-animation-delay: 5.0s;
	-moz-animation-delay: 5.0s;
	-o-animation-delay: 5.0s;
	animation-delay: 5.0s;
}

.slides ul li img {
	display: block;
}

.slides ul li div {
	display: 			block;
	position: 			absolute;
	top: 				180px;
	margin-left:		25px;
	background-color: 	#D4BE31;
}*/


div.menubar {
	background-color:	#efefef;
}

span.menubutton,div.menubutton {
	width:				102px;
	float:				center;
	display:			inline-block;
	padding:			5px 0px 5px 0px;
	font-size:			10pt;
	font-family:		Verdana, Georgia, serif;
	color:				#317dd3;
	border-right:		1px solid #bfbfbf;
}

span:hover.menubutton {
	background-color:	#f2f8ff;
}


a.buttonbanner, a:visited.buttonbanner {
	font-family:			'Open Sans', Verdana, Helvetica, sans-serif;
	text-decoration:		none;
	padding:				5px 10px 5px 10px;
	height:					30px;	
	border: 				1px solid #317dd3;
	background-image: 		-webkit-gradient(linear, left top, left bottom, from(#D4BE31), to(#bba72b));
	background-image: 		-webkit-linear-gradient(top, #D4BE31, #bba72b);
	background-image: 		-moz-linear-gradient(top, #D4BE31, #bba72b);
	background-image: 		-ms-linear-gradient(top, #D4BE31, #bba72b);
	background-image: 		-o-linear-gradient(top, #D4BE31, #bba72b);
	background-image: 		linear-gradient(to bottom, #D4BE31, #bba72b);
	color:					#fff;
	font-size:				12pt;	
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

a:hover.buttonbanner {
	background-color:		#D4BE31;
	background-image:		none;
}

div.menudiv {
	float: right;
}
a.logo {
	float: left;
}

@media only screen
and (max-width : 899px)
and (min-width : 721px){
	.slidesholder {
		height: 250px;
	}
	.slides {
		height: 250px;
		text-align: center;
	}
	.slides img {
		display: inline-block;
		height: 250px;
	}
}

@media only screen
and (max-width : 720px)
and (min-width : 500px){
	.slidesholder {
		height: 167px;
	}
	.slides {
		height: 167px;
		text-align: center;
	}
	.slides img {
		display: inline-block;
		height: 167px;
	}
	.nosideborder {
		border-right: 0px !important;
	}
	span.menubutton {
		width: 23%;
	}
}

@media only screen
and (max-width : 599px) {
	div.menudiv {
		width: 100%;
		text-align: center;
	}
}


@media only screen
and (max-width : 499px) {
	.slides {
		text-align: center;
	}
	.slides img {
		display: inline-block;
		height: 127px;
	}
	.slidesholder {
		height: 127px;
	}
	
	.nosideborder2 {
		border-right: 0px !important;
	}
	span.menubutton {
		width: 30%;
	}
}