﻿.container
        {
            width: 720px;
            height: 240px;
            overflow: hidden;
            right:0px;
            position: relative;
            cursor: pointer;
        }
        .slides
        {
            position: absolute;
            top: 0;
            left: 0;
        }
        .slides div
        {
            position: absolute;
            top: 0;
            width: 720px;
            height: 240px;
            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;
        }
        
        /*.buttonsBG{width: 100%;position: absolute;bottom: 0px;height: 40px;margin: auto;background-color: Black;filter: alpha(opacity=60);opacity: .60;}*/
        
        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;
        }
        #edenGalley
        {
            background-color: Black;
            margin: 8px auto;
            width: 720px;
            position: relative;
            clear: both;
        }
        ul.dots
        {
            position: absolute;
            list-style-type: none;
            z-index: 101;
            bottom: 15px;
            left: 200px;
            margin: 0;
            padding: 0;
            width: 600px;
        }
        ul.dots li
        {
            float: left;
            margin: 0 5px;
        }
        ul.dots a
        {
            display: block;
            width: 12px;
            padding-top: 12px;
            height: 0;
            overflow: hidden;
            background-image: url(../controlsPics/dots.png);
            background-position: 0 0;
            background-repeat: no-repeat;
        }
        ul.dots li.active a
        {
            background-position: 0 -12px;
        }
        a.previous
        {
            position: absolute;
            top: 205px;
            left: 22px;
        }
        a.next
        {
            position: absolute;
            top: 205px;
            right: 22px;
        }