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

.rotator{ width:100%; max-width:960px; margin: 15px auto; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; color: #005B88; text-align: center; }

#galleryWrap { width:100%; max-width: 960px; margin: 40px auto 0px auto; position: relative; }
#galleryWrap a {outline:none;}
#galleryWrap a img { border:0;}

.roundabout-holder {  padding: 0; height: 360px; width:100%; max-width:830px !important; color:#111; margin:0px auto; list-style: none; }
.roundabout-moveable-item { cursor: pointer; }
.roundabout-in-focus { cursor: auto; }
  

.gallery li {background:none; width:100%; max-width:270px; height: 100%;  padding:0px; text-align: center; }
.gallery li img { width:100%; border:1px solid #333; box-shadow: 1px 1px 3px #666; text-align: center; }


#prev, #next { display:block; width:18px; height:38px; position:absolute; top:40%; z-index:20; }
#prev 		 {background:url(../images/galleryarrowleft.gif) left 0px no-repeat; left:0;}
#prev:hover  {background:url(../images/galleryarrowleft.gif) no-repeat left -39px;}
#next 		 {background:url(../images/galleryarrowright.gif) left -39px no-repeat; right:0;}
#next:hover  {background:url(../images/galleryarrowright.gif) no-repeat left 0px;}	   

@media (max-width: 979px) {

		.rotator{ margin:30px auto; font-size: 16px; }
		
	  #galleryWrap { width:98%; margin:0px auto; }
   	.roundabout-holder 	{ width:80%; height:300px; }
    .gallery li 				{ width:85%; height:300px;}
    .gallery li img 		{ width:90%; }
		#prev, #next 				{ top:43%; }

}

@media (max-width: 777px) {

			.roundabout-holder 	{ height:280px; }
			.gallery li 				{ height:280px;}
			.gallery li img 		{ width:80%; }
			#prev, #next 				{ top:41%; }

}

@media (max-width: 600px) {


			.rotator{ margin:30px auto; font-size: 13px;}
	
			.roundabout-holder 	{ height:200px; }
			.gallery li 				{ height:200px;}
			.gallery li img 		{ width:60%; }
			#prev, #next 				{ top:38%; }
   
}

@media (max-width: 480px) {

        .rotator{ font-size: 12px;}

				.roundabout-holder 	{ height:180px; }
				.gallery li 				{ height:180px;}
				.gallery li img 		{ width:50%; }
				#prev, #next 				{ top:38%; }
        
}

@media (max-width: 430px) {
	
					.roundabout-holder 	{ height:130px; }
					.gallery li 				{ height:130px;}
					.gallery li img 		{ width:40%; }
					#prev, #next 				{ top:35%; }
       
}
@media (max-width: 360px) {
			
					.rotator{ width:70%; }
	
					.roundabout-holder 	{ height:110px; }
					.gallery li 				{ height:110px;}
					#prev, #next 				{ top:35%; }
       
}