body{
	font-family:"Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,sans-serif;
	
}

#gallery_wrapper{display:none;
  margin:10px 0px 0px 10px;
  width:600px;
  border: #CCC 1px dotted;
}

#myScroll{
/*display:none;*/
}
#myScroll .scrollEl{
  display:none;
  border:0px solid #ddd;
  font-family:sans-serif;
  font-size:180%;
  color:white;
  height:460px;
  padding: 10px 0 0 10px;
  padding-top:1px;
  background:#fff;

}



.controls div, #controls1 div{
  font-family:sans-serif;
  margin-top:1px;
  background:#fff;
  display:inline-block;
  padding:6px;
  cursor:pointer;
  text-transform:uppercase;
 

}



.controls .sel, #controls1 .sel{
  color:black !important;
  font-weight:bold;
}
.controls .disabled, #controls1 .disabled{
  color:gray;
}
.controls .page, #controls1 .page{
  padding:5px;
  color:gray;
}

.goto{ display:none;}






	/*.controls .first{cursor:pointer; position:absolute; top:0px; left:-3px;}*/
		div.first{ padding: 0px ; margin:0px}
		div.last{ padding: 0px ; margin:0px}
		div.start{ padding: 0px ; margin:0px 0px 0px 4px;}
		div.stop{ padding: 0px ;margin:0px 0px 0px 4px;}

		

		.previous-next#next{background:url('/images/arrows.png') no-repeat 3px -55px; left:35px;}
		.previous-next#next:hover, .previous-next#next.on{background:url('/images/arrows.png') no-repeat 3px -93px;}
		
		
		
		
		
		/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
	
/*--- iPhone only CSS here ---*/

#myScroll .scrollEl{
  display:block;

}

#gallery_wrapper{display:block;