
a								
{ text-decoration: none; outline: none; }

a img						
{ border: none;    }

h2								
{  font-family: Georgia, Serif; font-size: 36px; text-align: center; font-weight: normal; }

#page-wrap						
{  background: #222222; width: 232px; height:350px; margin: 0 auto;  padding: 0px 0; border:solid; border-bottom-color:#333333}


#slider							
{  height: 360px; overflow: hidden; position: relative; margin: 0px ; }
								  
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							
{  width: 2880px; position: relative; }

.slide							
{padding: 180px 0px; width: 232px; float:left; position: relative; }

.slide h1						
{   font-size: 10px; letter-spacing: -1px; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif }
								  
								  
.slide p						
{  color: white; font-size: 12px;  font-family:Verdana, Arial, Helvetica, sans-serif;
 
}
.slide img
						{
	position: absolute;
	top: 10px;
	left: 10px;

}
#slider-stopper	
{ 
position: absolute; top: 300px; right: 10px; background: #d4d317; color: black;
padding: 3px 3px;  font-size: 10px; font-stretch:expanded;  font-family:"Courier New", Courier, monospace; text-transform: uppercase; z-index: 1000; }
