/********************
  Overall Demo pages
 ********************/
 
*                                       { margin: 0; padding: 0; }
body                                    { font-size: 12px; font-family: Georgia, Serif; font-variant: normal; background: #303030;
	background-position: center 0;
	height: 100%; }
html                                       { height: 100%; }

a, a img                                { color: #2b4d81; border: 0; text-decoration: none; outline: none 0; }
a:hover { color: #000; text-decoration: none; border: 0; outline: none 0; }

#page-wrap, #demo2     { width: 90%; padding: 0 15px; margin: 0 auto 50px; 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; color: #002266; }
h2.title               { text-align: center; }
h3                     { font: bold 20px Georgia, Serif; margin: 0 0 10px 0; color: #003388; }
h5, .header            { font: bold 15px Georgia, Serif; text-align: center; }
pre, code              { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; padding: 5px; background: #f5f5f5; block: inline; width: 100%; overflow-x: auto; }
blockquote             { margin-left: 30px; }

ul                     { margin: 0; padding-left: 35px; }
ul li                  { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#nav                   { display: block; width: auto; margin: 10px auto; text-align: center; white-space: nowrap; line-height: 3em; }
#nav a                 { text-align: center; background: black; color: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
#nav a.git             { background: #006; }
#nav a.play            { background: #060; }
#nav a.issue           { background: #600; }
#nav a:hover, #nav a.current { background: #666; }

.themeselector         { margin: 0 auto; text-align: center; }

#status                { color: #00a; font-weight: bold; }
.alert                 { color: #f00; font-weight: bold; }
.alert a, .attention   { color: #a00; }
.data                  { width: 100%; border: #555 1px solid; border-collapse: collapse; }
.data td, .data th     { border: #555 1px solid; padding: 0 5px; }
.data th               { background: #eee; }
.data .col             { width: 200px; }

/*****************
  Main demo page
 *****************/
#main #slider1         { width: 800px; height: 390px; list-style: none; }
#main #slider2         { width: 800px; height: 390px; list-style: none; }

/* Set slider1 panel 5 stuff - adding padding directly to the panel will
   shift panels after it, so we need a wrapper */
#main #slider1 .panel5 ul { width: 200px; margin: 0 5px; }

/* Set slider2 panel sizes, Main & FX demo pages */
#slider2 .panel1 { width: 500px; height: 350px; }
#slider2 .panel2 { width: 450px; height: 420px; }
#slider2 .panel3 { width: 680px; height: 317px; }
#slider2 .panel4 { width: 100%; } /* With no specific size, it defaults to wrapper size; except in IE7, it needs a width defined, so set to 100% */
#slider2 .panel5 { width: 680px; height: 317px; }
#slider2 .panel6 { width: 450px; height: 300px; }

/* For Specific Slides, these also apply to FX demo pages */
.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; padding-left: 20px; }
.textSlide ul li       { display: list-item; }
.rightside             { float: right; margin: 0 0 2px 10px; }

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



#bg { position: absolute; top: 175px; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 363px; }


#title-wrap                              {
	width: 100%; height: 120px;
margin: 0 auto;
	-moz-box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	background: url(../title2014.png) no-repeat center 20px;
}

#slide1         { background-image: none; background-repeat: no-repeat; width: 725px; height: 455px; margin-right: auto; margin-left: auto; }
#slide1-content { background-image: url(slide1frame.jpg); background-repeat: no-repeat; background-position: 69px center; width: 725px; height: 445px; }
#leaf-large-wrap      { background-image: url(slideshadow.png); background-repeat: no-repeat; width: 725px; height: 455px; }
#leaf-large-wrap2 { background-image: url(slide1shadow.png); background-repeat: no-repeat; width: 725px; height: 455px; }

#slide2 { color: #4a4a4a; font-size: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; width: 725px; height: 455px; margin-right: auto; margin-left: auto; }
#slide2-content { background-repeat: no-repeat; width: 725px; height: 455px; }
#pic-shadow { background-image: url(pics.png); background-repeat: no-repeat; background-position: center; width: 725px; height: 455px; }

#slide3                              { background-image: none; background-repeat: no-repeat; width: 725px; height: 455px; margin-right: auto; margin-left: auto; }
#slide4 { background-image: none; background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 725px; height: 455px; }
#slide5 { background-image: none; background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 725px; height: 455px; }
#slide3-content      { background-image: url(mapslide.jpg); background-repeat: no-repeat; background-position: 23px 20px; width: 725px; height: 395px; padding-top: 50px; padding-left: 395px; }
#slide5-content { background-image: url(expoundit.jpg); background-repeat: no-repeat; background-position: 23px 20px; padding-top: 110px; padding-left: 70px; width: 725px; height: 395px; }
#slide3text { color: #4a4a4a;
	background-repeat: no-repeat; width: 280px; height: 395px; padding-top: 0;
font: italic 17px Georgia, "Times New Roman", Times, serif;
}
#slide5text { color: #4a4a4a; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 30px; background-repeat: no-repeat; padding-top: 0; width: 280px; height: 395px; }
#slide4-content { background-image: url(leaf.jpg); background-repeat: no-repeat; background-position: 23px 20px; height: 445px; padding-top: 43px; padding-left: 43px; }

#container { min-height:100%; position:relative; min-width: 904px; }
	#header { background-position: 0 0; }
	#body {  	/* Height of the footer */
	}
	#footer { position:absolute; bottom:0; width:100%; height:65px;			/* Height of the footer */
		background: transparent
	; }
#centerfoot {
	width: 425px; height: 65px; margin-right: auto; margin-left: auto;
background: no-repeat center;
}
#pad20 {
	width: 100%;
	height: 20px; margin-right: auto; margin-left: auto;
}
.rotate5	{  
			-webkit-transform:rotate(-5deg);
			-moz-transform:rotate(-5deg);
			-o-transform:rotate(-5deg);
			/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
			-ms-transform:rotate(-5deg);
			
		}
.rotate2 { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); }
.rotate1 { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); }
.rotate-1 { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg); }

#sliderfoot .panel4 { opacity: 0; }
#foot4 {
	width: 282px;
	height: 55px;
	background: url(../images/ahb2014.png) no-repeat;
}
#foot1 {
	width: 282px;
	height: 55px;
	background: url(../images/agbc2.gif) no-repeat;
}
#foot2 {
	width: 282px;
	height: 55px;
	background: url(../images/expoundit2014.png) no-repeat;
}
#foot3 {
	width: 282px;
	height: 55px;
	background: url(../images/tbs2014.png) no-repeat;
}