/* Tiny Carousel */
#slider1 { height: 413px; overflow:hidden; padding:0; margin:0 0px 0 0px;}
#slider1 h2 { float:left; padding:10px 0;}
#slider1 .viewport { padding:0; float: left; width:960px; height:350px; overflow: hidden; position: relative; }
#slider1 .buttons { display: block; float:right; width:23px; height: 23px; text-indent:-999em; overflow: hidden;  position: relative; }
#slider1 .prev { background: url(../images/prev_a.png) top no-repeat; margin:30px 5px 1px 1px;  }
#slider1 .next { background: url(../images/next_a.png) top no-repeat; margin:30px 0 0 0;  }
#slider1 .prev:hover { background: url(../images/l_arrow.png) top no-repeat; margin:30px 5px 1px 1px;  }
#slider1 .next:hover { background:url(../images/r_arrow.png) top no-repeat; margin:30px 0 0 0;  }
#slider1 .disable { visibility: visible; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width:auto; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0px; padding:0; height: auto; width:220px;}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.header_box.orange { width: 400px; }
		.header_box.green { width: 400px; }
		.header_box.blue { width: 400px; }
		.screen_box img { height: auto; }
		.text_box { width: 28% !important; padding: 10px 0px 10px 10px!important; }
		.header_box { height: 146px !important; }
		.slideshow { height: 146px !important; }
		.text_box p.desc { margin: 0px; font-size: 9px !important; line-height: 12px; }
		.text_box .title {  font-size: 10px !important; line-height: 12px;}
		#slider1 .overview li { margin-right: 5px; width: 195px; }
		.center_small_box { float: none; }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		
		} 
		
		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {
			.header_box.orange { width: 280px; }
		.header_box.green { width: 280px; }
		.header_box.blue { width: 280px; }
		.screen_box img { height: auto; }
		.text_box { width: 28% !important; padding: 10px 0px 10px 5px!important; }
		.header_box { height: 116px !important; }
		.slideshow { height: 116px !important; }
		.text_box p.desc { padding: 0px 0 5px 0 !important; margin: 0px; font-size: 7px !important; line-height: 10px; }
		.text_box .title { padding: 0px;  font-size: 9px !important; line-height: 12px;}
		#slider1 .overview li { margin-right: 5px; width: 136px; }
		.center_small_box { float: none; }
		.text_box p.desc a { padding: 3px 10px !important; font-size: 7px !important; line-height: 10px; }
		.top_text { padding-bottom: 15px; font-size: 12px; }
		.pad_inside { padding: 10px 5px; }
		span.fl { margin-bottom: 15px; }
		a.gap { float: none; }
		
		}