/*
	Photo Area
	----------
*/
	#Photo{
		clear:both;
		display:block;
		background: #f4f4f4 no-repeat center;
		height:300px;
		margin:6px 6px 0px 6px;
	}
	
	#PhotoFooter{
		margin: 0px 6px;
	}
	#PhotoFooter .body{
		background-color:#f4f4f4;
		border:1px solid #d5d5d5;
		border-bottom:0;
	}
	#PhotoFooter .footer{
		height:5px;
		background-image:url(../images/gallery-sprites.png);
		background-repeat:no-repeat;
		background-position:0 -59px;
		overflow:hidden;
	}
	
	#PhotoGallery{
		clear:both;
		margin:10px 15px 0;
		position:relative;
		display:block;
		padding-bottom:10px;
	}
	#PhotoGallery ul{
		padding:0;
		margin:0;
		float:left;
	}
	#PhotoGalleryMask{
		float:left;
		width:674px;
	}
	#PhotoGallery ul li{
		list-style:none;
		padding:0;
		margin:0;
		float:left;
		padding:10px 3px 0 3px;
	}
	#PhotoGallery ul li a{
		float:left;
		width:112px;
		height:86px;
		background-image:url(../images/thumbnail-sprites.png);
		background-repeat:no-repeat;
		background-position:1px -174px;
	}
	#PhotoGallery ul li a img{
		margin:4px;
	}
	#PhotoGallery ul li.active a,
	#PhotoGallery ul li a:hover,
	#PhotoGallery ul li a:active,
	#PhotoGallery ul li a:focus{
		background-position:-115px -175px;
	}
	
	#PreviousPhoto,
	#NextPhoto,
	#PreviousPhoto a,
	#NextPhoto a{
		display:block;
		width:36px;
		height:34px;
		text-indent:-100px;
		overflow:hidden;
	}
	#PreviousPhoto,
	#NextPhoto{
		position:absolute;
		top:35px;
	}
	#PreviousPhoto{
		left:-31px;
	}
	#NextPhoto{
		right:-31px;
	}
	#PreviousPhoto a,
	#NextPhoto a{
		background-image:url(../images/gallery-sprites.png);
		background-repeat:no-repeat;
	}
	#PreviousPhoto a.disabled,
	#PreviousPhoto a.disabled:hover,
	#PreviousPhoto a.disabled:active,
	#PreviousPhoto a.disabled:focus{
		background-position:-0px -128px;
	}
	#PreviousPhoto a{
		background-position:-0px -64px;
	}
	#PreviousPhoto a:hover,
	#PreviousPhoto a:active,
	#PreviousPhoto a:focus{
		background-position:-0px -96px;
	}
	#NextPhoto a.disabled,
	#NextPhoto a.disabled:hover,
	#NextPhoto a.disabled:active,
	#NextPhoto a.disabled:focus{
		background-position:-32px -128px;
	}
	#NextPhoto a{
		background-position:-32px -64px;
	}
	#NextPhoto a:hover,
	#NextPhoto a:active,
	#NextPhoto a:focus{
		background-position:-32px -96px;
	}
	
	#PlayPause a{
		background-color:#00FF00;
		float:left;
		display:block;
		height:32px;
		width:32px;
	} 
	#PlayPause a.active{
		background-color:#3366CC;
	}