﻿@media only screen and (min-width: 601px) {
	#slide_container {
		width:615px;
		padding:0px;
		margin:0 auto;
		position:relative;
		z-index:0;
		border:1px;
	}

	#example {
		width:615px;
		height:377px;
		position:relative;
	}

	#ribbon {
		position:absolute;
		top:0px;
		left:0px;
		z-index:500;
	}

	#frame {
		position:absolute;
		z-index:0;
		width:615px;
		height:377px;
		/*top:-3px;
		left:-80px;*/
	}

	/*
		Slideshow
	*/

	#slides {
		position:absolute;
		/*top:15px;
		left:4px;*/
		z-index:100;
	}
	#slides2 {
		position:absolute;
		/*top:15px;
		left:4px;*/
		z-index:100;
	}

	/*
		Slides container
		Important:
		Set the width of your slides container
		Set to display none, prevents content flash
	*/

	.slides_container {
		width:615px;
		overflow:hidden;
		position:relative;
		display:none;
		border-radius:10px;
	}

	/*
		Each slide
		Important:
		Set the width of your slides
		If height not specified height will be set by the slide content
		Set to display block
	*/

	.slides_container a {
		width:615px;
		height:377px;
		display:block;
	}

	.slides_container a img {
		display:block;
	}

	/*
		Next/prev buttons
	*/

	#slides .next,#slides .prev {
		position:absolute;
		top:10px;
		left:615px;
		width:20px;
		height:20px;
		display:block;
		z-index:101;
	}

	#slides .next {
		left:552px;
	}
	#slides .prev {
		left:512px;
	}

	#slides2 .next,#slides2 .prev, #slides2 .text_div {
		position:absolute;
		top:10px;
		left:615px;
		width:20px;
		height:20px;
		display:block;
		z-index:101;
	}

	#slides2 .next {
		left:56px;
		top:20px;
	}
	#slides2 .prev {
		left:16px;
		top:20px;
	}
	#slides2 .text_div {
		left:106px;
		top:20px;
		
	}

	/*
		Pagination
	*/


	.pagination {
		margin:0px auto 0;
		width:500px;
	}

	.pagination li {
		float:left;
		margin:0 5px;
		list-style:none;
	}

	.pagination li a {
		display:block;
		width:490px;
		height:0px;
		padding-top:0px;
		backgound:white;
		background-position:0 0;
		float:left;
		overflow:hidden;
	}

	.pagination li.current a {
		background-position:0 -20px;
	}

}

@media only screen and (min-width: 0px) and (max-width: 600px) {
	#slide_container {
		width:315px;
		padding:0px;
		margin:0 auto;
		position:relative;
		z-index:0;
		border:1px;
		display:none
	}

	#example {
		width:315px;
		height:377px;
		position:relative;
	}

	#ribbon {
		position:absolute;
		top:0px;
		left:0px;
		z-index:500;
	}

	#frame {
		position:absolute;
		z-index:0;
		width:15px;
		height:377px;
		/*top:-3px;
		left:-80px;*/
	}

	/*
		Slideshow
	*/

	#slides {
		position:absolute;
		/*top:15px;
		left:4px;*/
		z-index:100;
	}
	#slides2 {
		position:absolute;
		/*top:15px;
		left:4px;*/
		z-index:100;
	}

	/*
		Slides container
		Important:
		Set the width of your slides container
		Set to display none, prevents content flash
	*/

	.slides_container {
		width:315px;
		overflow:hidden;
		position:relative;
		display:none;
		border-radius:10px;
	}

	/*
		Each slide
		Important:
		Set the width of your slides
		If height not specified height will be set by the slide content
		Set to display block
	*/

	.slides_container a {
		width:315px;
		height:377px;
		display:block;
	}

	.slides_container a img {
		display:block;
	}

	/*
		Next/prev buttons
	*/

	#slides .next,#slides .prev {
		position:absolute;
		top:10px;
		left:315px;
		width:20px;
		height:20px;
		display:block;
		z-index:101;
	}

	#slides .next {
		left:552px;
	}
	#slides .prev {
		left:512px;
	}

	#slides2 .next,#slides2 .prev, #slides2 .text_div {
		position:absolute;
		top:10px;
		left:315px;
		width:20px;
		height:20px;
		display:block;
		z-index:101;
	}

	#slides2 .next {
		left:56px;
		top:20px;
	}
	#slides2 .prev {
		left:16px;
		top:20px;
	}
	#slides2 .text_div {
		left:106px;
		top:20px;
		
	}

	/*
		Pagination
	*/


	.pagination {
		margin:0px auto 0;
		width:500px;
	}

	.pagination li {
		float:left;
		margin:0 5px;
		list-style:none;
	}

	.pagination li a {
		display:block;
		width:490px;
		height:0px;
		padding-top:0px;
		backgound:white;
		background-position:0 0;
		float:left;
		overflow:hidden;
	}

	.pagination li.current a {
		background-position:0 -20px;
	}

}

