/* 
	Resets defualt browser settings
	reset.css
*/


#container {
	width:400px;
	
}

#example {
	width:900px;
	height:400px;
	position:relative;
}

#slides {
	position:absolute;
	top:0px;
	left:-1px;
	z-index:100;
}

#slides .slide {
	width:860px;
	padding:0px;
}

#slides .next,#slides .prev {
	position:absolute;
	top:183px;
	left:-45px;
	width:40px;
	height:48px;
	display:block;
	z-index:101;
}

.slides_container {
	width:900px;
	height:400px;
	overflow:hidden;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#frame {
	position:absolute;
	z-index:0;
	width:900px;
	height:100px;
	top:-100px;
	left:-80px;
} 

#slides .next {
	left:914px;
}

/* this moves the dots up or down */
.pagination {
	width:300px;
	margin-top: 2px;
	margin-right: 400;
	margin-bottom: 0;
	margin-left: auto;
}

.pagination li {
	float:left;
	margin:0 1px;
}



.pagination li a {
	display:block;
	width:30px;
	height:28;
	padding-top:25px;
	
	background-position:0 0;
	float:left;
	overflow:hidden;
}

/* this scrolls the dots from white to green */
.pagination li.current a {
	background-position:0 -21px;
}



#content  {
	width: 908px;
	background-color: #FFF;
	height: 1840px;
	float: left;
}