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

#page-wrap             {
	padding: 15px;
	background: white;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

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 Arial, Helvetica, sans-serif;  margin: 0 0 10px 0; }  
h5                     { font: 15px Arial, Helvetica, sans-serif; text-align: center; }
pre                    { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; background: #f5f5f5; block: inline; }
blockquote             { margin-left: 30px; }

ul                     { margin: 0 0 25px 25px; }
ul li                  { font: 15px Arial, Helvetica, sans-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 Arial, Helvetica, sans-serif;  }
#textSlide h4          { text-transform: uppercase; font: 15px Arial, Helvetica, sans-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 Arial, Helvetica, sans-serif;  text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p          { text-align: center; }

/* Set second slider panel sizes */
#slider2 .panel1       {
	width: 100%;
	height: 400px;
}
#slider2 .panel2       {
	width: 100%;
	height: 400px;
}
#slider2 .panel3       {
	width: 100%;
	height: 400px;
}
#slider2 .panel4       {
	height: 400px;
	width: 100%;
} /* left undefined to show it defaults to wrapper size */
#slider2 .panel5       {
	width: 100%;
	height: 400px;
}