@charset "utf-8";
/* CSS Document */
#carousel-wrapper {
				padding-bottom: 10px;
				position: relative;
				height: 100%;
			}
			#carousel, #thumbs {
				overflow: hidden;
			}
			#carousel-wrapper .caroufredsel_wrapper {
				
				
			}

			#carousel span, #carousel img,
			#thumbs a, #thumbs img  {
				display: block;
				float: left;
			}
			#carousel span, #carousel a,
			#thumbs span, #thumbs a {
				position: relative;
			}
			#carousel img,
			#thumbs img {
				border: none;
				position: absolute;
				top: 0;
				left: 0;
			}
			
			
			#carousel img.glare,
			#thumbs img.glare {
				width: 100%;
				height: auto;
			}

			#carousel span {
				width: 700px;
				height: 405px !important;
			}

			#thumbs-wrapper {
				padding: 10px 0px 30px 0;
				position: relative;
			}
			#thumbs a {
				border: 2px solid #899;
				height: 37px !important;
				margin: 0 7px;
				overflow: hidden;
				width:65px !important;
				
				-webkit-transition: border-color .5s;
				-moz-transition: border-color .5s;
				-ms-transition: border-color .5s;
				transition: border-color .5s;
			}
			#thumbs a:hover, #thumbs a.selected {
				border-color: #566;
			}
			.caroufredsel_wrapper { width:643px;}
			#mainwrapper { width:730px;}
			
			#wrapper img#shadow {
				width: 100%;
				position: absolute;
				bottom: 0;
			}

			#prev, #next {
				background: transparent url('img/gui/carousel_nav.html') no-repeat 0 0;
				display: block;
				width: 19px;
				height: 20px;
				margin-top: -10px;
				position: absolute;
				top: 50%;
			}
			#prev {
				background-position: 0 0;
				left: 10px;
			}
			#next {
				background-position: -19px 0;
				right: 10px;
			}			
			#prev:hover { 
				background-position: 0 -20px;				
			}
			#next:hover {
				background-position: -19px -20px;				
			}
			#prev.disabled, #next.disabled {
				display: none !important;
			}
			
			#donate-spacer {
				height: 100%;
			}
			#donate {
				border-top: 1px solid #999;
				width: 750px;
				padding: 50px 75px;
				margin: 0 auto;
				overflow: hidden;
			}
			#donate p, #donate form {
				margin: 0;
				float: left;
			}
			#donate p {
				width: 670px;
			}
			#donate form {
				width: 100px;
			}
			
			.slider{
		max-width:100%;
	}

@media only screen and (max-width: 767px){
	#carousel img.glare,
			#thumbs img.glare {
				max-width: 100%;
				height: auto;
			}
			#carousel span {
				max-width: 100%;
				height: 370px;
			}
			#carousel img,
			#thumbs img {
				border: none;
				position: absolute;
				top: 0;
				left: 0;
			}
			#thumbs-wrapper {
				padding: 10px 0px 30px 0;
				position: relative;
			}
			.slider{
		max-width:100%;
	}

}

@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	#carousel img.glare,
			#thumbs img.glare {
				max-width: 100%;
				height: auto;
			}
			#carousel span {
				max-width: 100%;
				height: 370px;
			}
			#carousel img,
			#thumbs img {
				border: none;
				position: absolute;
				top: 0;
				left: 0;
			}
			#thumbs-wrapper {
				padding: 10px 0px 30px 0;
				position: relative;
			}
			.slider{
		max-width:100%;
	}
			

}