/*This is for the rotating banners*/
a img{
 border:0;
}

.banner a:link, .banner a:visited, .banner a:hover, .banner a:active  {
	color: #fff;
	text-decoration:none;
}

div.wrap{
    width:735px;
    height:900px;
    margin:0;
}
div#slide-holder{
  z-index:40;
  width: 735px;
  height:300px;
  position:absolute;
  z-index:2;
}
 
/*This is the SLIDE position for the text SLDE SHOW HOLDER*/
div#slide-holder div#slide-runner{
	top:0px;
	left:0px;
	width:735px;
	height:300px;
	overflow:hidden;
	position:absolute;
	background-color: #000000;
}
  
  /*This is the SLIDE"IMAGE" overlay position for the SLIDE SHOW*/
div#slide-holder img{
	display:none;
	position:absolute;
	margin-top: 0 0 0 0;
}
  
/*This is the image over position for the text labels*/
div#slide-holder div#slide-controls{
   left:0;
   bottom:0px;
   width:735px;
   height:46px;
   display:none;
   position:absolute;
   /*background:url(../images/slide-bg.png) 0 0;*/
}

/*This is the text position for the text overlay labels*/
div#slide-holder div#slide-controls p.text{
	float:left;
	color:#FFFFFF;
	display:inline;
	font-size:10px;
	line-height:16px;
	margin:20px 0 0 20px;
	text-transform:uppercase;
}
   
/*This is the button position for the text-overlay labels*/ 
div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:15px 15px 0 0;
}

div#slide-holder div#slide-controls p#slide-nav a{
    float:left;
    width:24px;
    height:24px;
    display:inline;
    font-size:11px;
    margin:0 5px 0 0;
    line-height:24px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    background-position:0 0;
    background-repeat:no-repeat;
}
div#slide-holder div#slide-controls p#slide-nav a.on {
    background-position:0 -24px;
}

div#slide-holder div#slide-controls p#slide-nav a 
{
    background-image:url(../images/silde-nav.png);
}


/*END OF ROTATING BANNER CSS*/