@CHARSET "UTF-8";


/* 0. Start page
------------------------------------*/
#start .o-slider-arrows.previous 	{ left: -15px;  background-position: left; }
#start .o-slider-arrows.next 		{ right: -15px; background-position: right; }

.start-blur {
	background: url(../images/blur_.jpg);
}
.start-flakes {
	background: url('../images/flakes-one.png');
}


/* Main wrapper
----------------------------------*/
.o-slider-external {
	*display: block;
	position: relative;
	overflow: hidden;
	
	/* You can change the following attributes */
	width: 100%;

	min-width: 900px;
	padding-top: 14px;
	padding-bottom: 17px;
}


/* Image blocks
----------------------------------------*/
.o-slider-images { 
	position: absolute;
	top: 0px;
	left: 0;


}
.o-slider-images a.img_holder { display: block; float: left; } 
.o-slider-image {
	position: relative;
	float: left;
	-moz-box-shadow:0px 0px 3px #aaa;
	-webkit-box-shadow:0px 0px 3px #aaa;
	box-shadow:2px 2px 2px #f4f4f4;
	-moz-border-radius: 15px 0 3px 0;
	-webkit-border-radius:15px;
	border-radius:15px;
	border: 0px solid #f9f9f9; 
	background-color:#f9f9f9;
	overflow:hidden;

}
.o-slider-image-outer {
	float: left;
}


/* Frame for the images
------------------------------------*/
.o-slider-frame {
	margin: 0px auto;	
	position: relative;
	z-index: 100;
	
/* Set the width and height to the size of your images */
	width: 900px;
	height: 305px;
}



/* Arrows 
----------------------------------*/
.o-slider-arrows {
	position: absolute;
	background: url('../images/arrows.png');
	cursor: pointer;
	
	top: 42%;
	width: 35px;
	height: 35px;
	
	opacity:0.3;
	filter:alpha(opacity=80);
}
.o-slider-arrows.previous 	{ left: 5px;  background-position: left; }
.o-slider-arrows.next 		{ right: 5px; background-position: right; }


/* Bullets list 
--------------------------------------*/
ul.o-slider-listNav {
	padding: 0;
	margin: 0;
	
	position: absolute;
	left: 0;
	list-style: none; 
	
	bottom: -13px;
}
ul.o-slider-listNav li { 
	float: left; 
	cursor: pointer;
	background: url('../images/switcher.png') right; 
	overflow: hidden;
	
	width: 10px; 
	height: 10px; 
	margin: 0 2px;
}
ul.o-slider-listNav li.active { background-position: left; }



/* Sub Layer 
---------------------------------*/
.o-slider-layer { 
	position: absolute; 
	top: 1px;
	left: 0;
	
}