/* 
	General Font Styles and Etc 
*/
		
		img{
		border: 0px;
		}
		
		#photogallerywrap a{
		text-decoration: none;
		}

/*  
		default (Firefox/Other Browsers) we have a 500px size gallery with
		however... on Internet Explorer, padding doesnt increase
		the size of the gallery, so we need to override it to 520px
*/	
		#photogallerywrap{
		width: 500px;
		border: 0px solid #EEE;
		padding: 10px;
		}

/* 	
		MSIE 6.0 Hack 
*/
		* html body #photogallerywrap{
		width: 505px;
		}
		
/*
		Thumbnail PADDING only
		3 Px Padding
		And we are going to display it.. INLINE (meaning horizontal display and then wrap). 
		"clear:left;" is required for some browsers to display it properly.
*/		
		.thumb{
		padding: 3px;
		display: inline;
		clear: left;
		}

/*
		The actual thumb image
		which is taken of its border
		and forced thumbnailed to 40x40
*/		
		.thumbimg{
		border: 0px solid #000;
		height: 40px;
		width: 40px;
		}

/*
		This is that biggg picture.
		You can choose to use a "click to view" image
		or the first one. Nothign special here
		except it pads and centers itself.
*/		
		#fullimage{
		width: 433px;
		height: 335px;
		margin-top: 0px;
		padding-bottom: 5px;
		background-image: url("background.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		margin-left: 25px;
		}

/*
		Image should be cropped 377x277 before hand
		but this code will override it just in case
*/		
		#fullimage img{
		width: 377px;
		height: 277px;
		margin-top: 32px;
		}

/*
		No longer used, we have an image instead.
		
		#clicktoenlarge{
		text-align: center;
		font-size: 80%;
		}
*/

/*
		Previous / Next Buttons are on the Left / Right sides accordingly.
*/		
		#previousbutton{
		position: absolute;
		margin-top: 50px;
		}
		
		#nextbutton{
		position: absolute;
		margin-left: 460px;
		margin-top: 50px;
		}
	
			.footer{
				font-size: 11px !important;
			}