/* =====================================================================================================================

    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/

===================================================================================================================== */

#page-wrap                                          { width: 760px; padding: 15px; background: white; margin: 0 auto 50px; position: relative; }
#col1                                                    { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                                    { width: 49%; float: right; }

#dl                                                         { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                                             { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/

.image                                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                                              { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                                      { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                        { padding: 0 2px; background: none; }

/*
    For Specific Slides
*/

#textSlide                                          { padding: 10px 30px; }
#textSlide h3                                     { font: 20px Georgia, Serif; }
#textSlide h4                                     { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                                      { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                                    { display: list-item; }

#quoteSlide                                        { padding: 30px; }
#quoteSlide blockquote                        { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                                      { text-align: center; }

.anythingSlider                                 { width: 760px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 341px; margin: 0 41px 0; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { 

width: 32700px; 
list-style: none; 
position: absolute; 
top: 0; 
left: 0; 
background: #ffffff; 
margin: 0; 

}

.anythingSlider ul li                           { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; background: #f0f0f0; }

.anythingSlider .arrow  { 

display: block; 
height: 200px; 
width: 42px; 
background-image: url("/assets/templates/obmencity/images/style/AnythingSlider.arrows.png");
background-repeat: no-repeat;
background-position: 0 0;
background-attachment: scroll;
background-color: transparent;
text-indent: -9999px; 
position: absolute; 
top: 65px; 
cursor: pointer; 
}

.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                      { background-position: -92px 0; left: -20px; }
.anythingSlider .forward:hover    { background-position: 0 -200px; }
.anythingSlider .back:hover          { background-position: -92px -200px; }

#thumbNav                                             { position: relative; top: 323px; text-align: center; }
#thumbNav a                                          { 

display: inline-block; 
padding: 2px 9px; 
height: 18px; 
margin: 0 16px 0 0; 
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 21px;

}

#thumbNav a:hover                              { 

font-weight: bold;

}

#thumbNav a.cur                                  { 

font-weight: bold;

}

#start-stop                                         { 

padding: 2px 5px;
width: 40px;
text-align: center;
position: absolute;
right: 45px;
top: 323px;
text-decoration: none;
font-weight: bold;

}

#start-stop.playing                         { 



}

#start-stop:hover                             { 

}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul         { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* =====================================================================================================================