/* Demo specific css */
*                      { margin: 0; padding: 0; }
body                   { font: 12px Georgia, Serif; }
a, a img               { border: 0; text-decoration: none; }

#page-wrap             { width: 960px; background: white; margin: 60px auto; position: relative; }

h1                     { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                     { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                     { font: 20px Georgia, Serif; margin: 0 0 10px 0; }  
h5                     { font: 15px Georgia, Serif; text-align: center; }
pre                    { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; background: #f5f5f5; padding: 15px; overflow: auto; }
/*
ul                     { margin: 0 0 25px 0; }
ul li                  { font: 15px Georgia, Serif; margin: 0 0 8px 0; }*/

#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; }

/* 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; }

/* Set second slider panel sizes */
#slider2 .panel1       { width: 500px; height: 350px; }
#slider2 .panel2       { width: 450px; height: 420px; }
#slider2 .panel3       { width: 680px; height: 317px; }
#slider2 .panel4       { } /* left undefined to show it defaults to wrapper size */
#slider2 .panel5       { width: 680px; height: 317px; }