/* 
	Resets defualt browser settings
	reset.css
*/
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, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
/*
	Page style
*/



#container { width:700px; padding: 0; margin:0 auto; position:relative; }
#example { width:700px; height:250px; position:relative; }
/*
	Slideshow
*/

#slides { position:absolute; top: 0px; left: 0px; z-index: 2; }
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container { width:700px; overflow:hidden; position:relative; display:none; }
/*
	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:700px; height:270px; display:block; }
.pagination { position: relative; margin: -20px 0 0 425px; width: 100px; z-index: 10; }
.pagination li { float:left; margin:0 3px; list-style:none; }
.pagination li a { display: block; width: 12px; height:0; padding-top: 12px; background: #5B5B00; border: 1px solid #CACA00; float:left; overflow:hidden; }
.pagination li.current a { border: 1px solid white; background: #FFC600; }
a:hover, a:active { color:#599100; text-decoration:underline; }