/********************
  Overall Demo pages
 ********************/
body, p                {
	font: 14px Arial, non-serif;
	background-color: #000000;
	color: #fff;
	padding: 0;
	margin: 0;
	
}
a, a img               { border: 0; text-decoration: none;  }



h1                     { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                      { font: normal 20px Helvetica, Sans-Serif; color: #666; -webkit-text-stroke: .5px #555;	text-shadow: -1px -1px 0 #F9F9F9, 1px -1px 0 #F9F9F9, -1px 1px 0 #F9F9F9, 1px 1px 0 #F9F9F9;}
h2.title               { text-align: center; }
h3                     { font: normal 20px Helvetica, Sans-Serif; color: #666; -webkit-text-stroke: .5px #555;	text-shadow: -1px -1px 0 #F9F9F9, 1px -1px 0 #F9F9F9, -1px 1px 0 #F9F9F9, 1px 1px 0 #F9F9F9;}
h4                     { font: normal 20px Helvetica, Sans-Serif; color: #666; -webkit-text-stroke: .5px #555;	text-shadow: -1px -1px 0 #F9F9F9, 1px -1px 0 #F9F9F9, -1px 1px 0 #F9F9F9, 1px 1px 0 #F9F9F9;} 
h5, .header            { font: bold 15px Georgia, Serif; text-align: center;  min-width: 1024px; }

blockquote             { margin-left: 0px; }

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

#nav                   { display: block; width: 90%; margin: 10px auto; text-align: center; line-height: 3em; min-width: 1024px;}



.spacerme               {
	min-height: 140px;
	height: 10%;	
}
.spacerme2               {
	
	min-height: 70px;
	height: 10%;
	
}

/*****************
  Main demo page
 *****************/
/*#main #slider1         { width: 100%; height: 500px; list-style: none; }
#main #slider2         { width: 100%; height: 500px; 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; }*/





/******************
  Expand demo page (if height is 600 then width is 3290, 500=2832, 530=3013) modify width if you change height
 ******************/

#wrapper8              {
	width: 16940px;
	height: 600px;
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-left: auto; */
	/* [disabled]margin-bottom: 0; */
	border: none;
	overflow: hidden;
	
}







/******************
  tooltips (Jatt)
 ******************/
.tooltip { cursor: pointer; }
#tooltip {
 min-width: 100px;
 color: #dddddd;
 background: #444;
 border: 1px solid #777;
 padding: 8px;
 display: none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align: left;
 border-radius: .5em;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 z-index: 1000;

}
#tooltip .body {
 display: block;
 text-align: center;

}