/*
 Slide Box Portfolio | Sliding text css
 This documentation has been downloaded here
 http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
 however has been modified
*/
		.boxgrid{ 
		float:left; 
		overflow: hidden; 
		position: relative;
		display:block;
	    width:340px;
	    height:140px;
	    text-align:left;
	    cursor:pointer;
	    margin:5px 0px 5px 0px;
		background: #14252f; 
		padding:9px;
	    border:solid 1px #14252f;		
			}
		.boxgrid:hover{ 
	    border:solid 1px #71ceda;

			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0;
							padding:9px;
				}
				.boxgrid p{ 
					padding: 0px 0px 0px 20px; 
					margin: 0px;
					color:#ffffff;
					font-weight:bold; 
					font:12px "Lucida Grande", Arial, sans-serif; line-height:1.3; 
					
				}
								.boxgrid ul{ 
					padding: 0px 0px 0px 20px; 
					margin: 0px;
					color:#000000;
					font-weight:bold; 
					font:12px "Lucida Grande", Arial, sans-serif;
				}
				
												.boxgrid ul a:link{color: #71ceda; text-decoration:none;}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 160px; 
				width: 360px;
				top: 360px;
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
				
		        h3	{
		font-size:24px;
		color:#66ffff;
		padding: 0px 0px 0px 20px; 
		margin-bottom: 10px;
		}