﻿/*
		 * Required 
		*/
.container
{
	width: 586px;
	height: 238px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.slides
{
  position: absolute;
  top: 0;
  left: 0;
}
.slides div
{
  position: absolute;
  top: 0;
  width: 712px;
  display: none;
}
/*
		 * Optional
		
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body
{
  line-height: 1;
}
ol, ul
{
  list-style: none;
}
blockquote, q
{
  quotes: none;
}
:focus
{
  outline: 0;
}
ins
{
  text-decoration: none;
}
del
{
  text-decoration: line-through;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}*/
#loopedSlider
{
  margin:0 auto 15px auto;
  width: 586px;
  position: relative;
  clear: both;
}
ul.pagination
{
	position: absolute;
	top: 220px;
	right: 1px;
}
ul.pagination li
{
  float: left;
  margin: 0 3px;
  display: inline;
}
ul.pagination a
{
  display: block;
  width: 12px;
  padding-top: 12px;
  height: 0;
  overflow: hidden;
  background-image: url(img/pagination.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
ul.pagination li.active a
{
  background-position: 0 -12px;
}
a.previous
{
	position: absolute;
	top: 100px;
	left: 1px;
}
a.next
{
	position: absolute;
	top: 100px;
	right: 1px;
}
