#mainbody {
	/*float: inherit;*/
	padding: 0px;
	margin-right: 65px;
	margin-left: 65px;
	text-align: left;
	width: 870px;
	}
	
		.wrapper { width: 133px; }
		
		.wrapper div.button {
			height: 29px;	
			width: 133px;
			background: url('/Content/images/button.png') 0 0;
			
			font-size: 14px; color: #C7D92C; text-align: center; padding-top: 15px;
		}
		/* 
		We can't use ":hover" preudo-class because we have
		invisible file input above, so we have to simulate
		hover effect with JavaScript. 
		 */
		.wrapper div.button.hover {
			background: url('/Content/images/button.png') 0 56px;
			color: #95A226;	
		}
		
		#mainphoto
		{
			width:508px;
			height:265px;
		}