/* 
	Resets defualt browser settings
	reset.css
*/
html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, 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, 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: 0;
    color: black;
}
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
*/

body
{
    font: normal 62.5%/1.5 Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    color: #1c1c1c;
    position: relative;
}

#containerBanner
{
    width: 940px;
    margin-top: 0px;
    z-index: 0;
}

#example
{
    width: 940px;
    height: 330px;
    position: relative;
}


/*
	Slideshow
*/

#slides
{
    width: 940px;
    height: 313px;
    z-index: 100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container
{
    width: 940px;
    height: 313px;
    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: 940px;
    height: 313px;
    display: block;
}

.slides_container a img
{
    display: block;
    height: 313px;
}

/* Next/prev buttons */

#slides .next, #slides .prev
{
    position: absolute;
    top: 300px;
    left: 0px;
    width: 24px;
    height: 43px;
    display: block;
    z-index: 101;
}

#slides .next
{
    left: 900px;
}

/* Pagination */

.pagination
{
    width: auto;
}

.pagination li
{
    float: left;
    margin: 0 0px;
    list-style: none;
}

.pagination li a
{
    display: block;
    width: 16px;
    height: 5px;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    font-family: OpenSansCondensedBold;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a
{
    background-position: 0 -12px;
}



