body {
	color: #000000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 80%;
	padding: 0;
	margin: 0;
}

h1, h1 a, h1 a:hover {
	 color: #000; 
	 text-decoration: none;
	 font-size: 18px;
}

h1 span {
	color: #FFA800;
}

a.visited {
	color: #333;
}

a img { border: none; }

h1 {
	position: absolute;
	bottom: 0;
	left: 5px;
	margin: 0;
	padding: 0;
}

h1 small {
	color: #333;
	font-size: 12px;
}

h2, h3 {
	padding: 0;
	margin: 0;
}

p {
	margin: 0;
	padding: 0;
}

div {
	padding: 5px;
}

#slider {
   width: 1007px; /* important to be same as image width */
   height: 408px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin: 0 auto;   
   background: url('ibg.gif') no-repeat;
}

#sliderContent {
   width: 100%; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   margin: 0;
   padding: 0;
}

#sliderContent li {
	width: 100%;
}

#sliderContent strong {
	font-size: 14px;
}

#sliderContent span {
	font-size: 12px;
}

.sliderItem {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderItem span {
   position: absolute; /* important */
   right: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 5px;
   width: 200px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 30px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#slider img {
	float: left;
	margin-right: 10px;
	width: 125px;
}


/* 728x90 style */

.s728x90 h1 {
	left: 140px;
	bottom: 0;
}

.s728x90 p {
	float: left;
	margin-right: 5px;
}

.s728x90 .sliderItem span {
	top: 0;
}

/* 600x90 style */
.s600x90 h1 small {
	display: none;
}

.s600x90 .sliderItem span {
	bottom: 40px;
}
	
.s600x90 h1 {
	text-align: right;
	left: 400px;
}

.s600x90 p {
	float: left;
	margin-right: 5px;
}

.s600x90 p.detail  {
	float: none;
	margin: 20px;
}

/* 460x90 style */
.s460x90 h1 small {
	dis play: none;
}

.s460x90 h1 {
	left: 250px;
}

.s460x90 h2 {
	font-size: 14px;
}

.s460x90 h3 {
	font-size: 12px;
}

.s460x90 p {
	display: none;
}

.s460x90 p.detail {
	display: block;
}

.s460x90 .sliderItem span {
	left: 0;
	width: 115px;
	top: 0;
	height: 90px;
}

/* 300x200 style*/
.s300x300 .sliderItem span {
	left: 0;
	width: 300px;
	top: 200px;
	height: 40px;
}