*{
	margin: 0;
	padding: 0;
	
	list-style: none;
}

a img{
		border: none;
	}

	div#marksGalleryWrap{
		margin: 10px 10px 10px 10px;
		padding: 0px;
		height: 193px;
		width: 290px;
	}
	
	ul#rotate p{
		padding: 0;
		position: relative;
		z-index: 300;
;		background: #6583a9;
background:#ccc;
		filter:alpha(opacity=85);
		-moz-opacity: 0.85; 
		opacity: 0.85;
	}
	ul#rotate p span{
		margin: -24px 0 0 0;
		padding: 4px 0 0 7px;
		height: 24px;
		width: 283px;
		display: block;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		background: #6583a9;
		filter: alpha(opacity=85); 
		font-family: Arial, "Lucida Grande", "Trebuchet MS", Verdana, Sans;
	}
	ul#galleryControls{
		margin: -26px 0 0 0;
		padding: 7px 7px 0 0;
		width: 283px;
		position: relative;
		list-style: none;
		z-index: 350;
					}
	ul.arrowControls li{
		display: inline;
		overflow: hidden;
	}
	ul.arrowControls li a.prevArrow{
		display: block;
		overflow: hidden;
		background: url(/previous.gif) top left no-repeat;
		width: 15px;
		height: 15px;
		margin-right: 4px;
	}
	ul.arrowControls li a.nextArrow{
		display: block;
		overflow: hidden;
		background: url(/next_button.gif) top left no-repeat;
		width: 15px;
		height: 15px;
	}
	ul.arrowControls li a{
		float: right; 
		text-indent: -9999px;
	}
	
	#marksGallery a img{
		border: 4px solid #ccc;
		margin-bottom: 3px;
		float: left;
	}
	#marksGallery a:hover img{
		border: 4px solid #e3b24c;
	}
	#marksGallery a.leftside img{
		margin-left: 0px; 
	}
	#marksGallery a.others img{
		margin-left: 3px; 
	}