body {
		font-family:arial,helvetica,sans-serif;
		font-size: 14px;
		background-color:#005e99;
		color: #ffffff;
		font-size: 12px;
		}

	
			#gallery{		
					border: 2px solid #5CBB51;
					background-color:#005E99;
					width: 760px;
					height: 460px;
					padding: 20px;
					text-align: left;
					position: relative;	
				    
				}

					#photo 	 {
						display:block; 
						width:240px; 
						height:165px; 
						overflow:auto; 
						float:left; 
						margin-top:20px; 													
						border:1px solid #ffffff; 
						padding:5px;
						
					}
									

				#photo a 	{
					   	display:block;
					   	float:left; 
					   	margin:5px; 
					   	width:40px; 
						height:40px;
						border:1px solid #ffffff;
										
					}

				#photo a img {
						width:40px; 
						height:40px; 
						border:0;
					}

				#photo a:hover {
						background:url(images/smlogo.jpg) no-repeat;
						width: 40px;
						height:40px;
					}
	
				#photo a:hover.vert img  {
						position:absolute; 
						width:auto; 
						height:auto; 
						right:95px; 
						top:20px; 
						padding: 5px 5px;
						background-color:#ffffff;
						}

				#photo a:hover.hor img {
						position:absolute; 
						width:auto; 
						height:auto; 
						right:35px; 
						top:80px; 
						padding: 5px 5px;
						background-color:#ffffff;
						}

				#photo a b {
					display:none;
					}

				#photo a:hover b {
						display: block;
						position:absolute; 
						width:250px; 
						height:auto; 
						left:20px; 
						top:240px; 
						color: #ffffff;
						border: 0px solid #ffffff;
						text-decoration:none;
						
					}