.left{float:left;}
.right{float:right;}


/* ********************************************************************************
		CONTENT STYLING
********************************************************************************** */

/* ********************************************************************************
		NAV STYLING
********************************************************************************** */
/* ********************************************************************************
		CSS3 STYLING
********************************************************************************** */
.single-set{
	overflow:hidden;
	padding:30px 8px 15px 8px ;
}
.vineet{
	border:5px solid #fff;
	position:relative;
	overflow:hidden;
	height:200px;
	opacity:0.5;
	
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	box-shadow:0 0 2px #000;
	
	 -webkit-transition: all .5s ease-out;
	 -moz-transition: all .5s ease-out;
	 transition: all .5s ease-out;
}
.vineet:hover{
	opacity:1;
	cursor:pointer;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
}
.text{
 background:rgba(0,0,0,0.5);
 color:white;
 font:14px Georgia,serif;
 height:auto;width:inherit;
 position:absolute;
}
.text a{
	color:#fff;  
 display:block; 
 padding:15px; 
 font-size:16px;
 font-weight:bold;
 text-shadow:none;
 text-decoration:none;
 width:300px;
 text-shadow:0 1px 1px #000;
 
}
/* CSS3 Top Effect */
article.css3-1
{
 top:-70px;left:0;
 -webkit-transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .5s ease-out;
}
.text a.css3-1{
 -webkit-transition: all .4s ease-out;
 -moz-transition: all .4s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .4s ease-out;
}
.text a.css3-1:hover{  
 color:#d0206a;
 text-decoration:none;  
}
.vineet:hover article.css3-1{
 top:0;
}
/* CSS3 Bottom Effect */
article.css3-2
{
 bottom:-70px;left:0;
 -webkit-transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .5s ease-out;
}
.text a.css3-2{
 -webkit-transition: all .4s ease-out;
 -moz-transition: all .4s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .4s ease-out;
}
.text a.css3-2:hover{  
 color:#d0206a;
 text-decoration:none;  
}
.vineet:hover article.css3-2{
 bottom:0;
}
/* CSS3 Right Effect */
article.css3-3
{
 right:-400px;top:0;
 -webkit-transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .5s ease-out;
 width:200px;
}
.text a.css3-3{
 -webkit-transition: all .4s ease-out;
 -moz-transition: all .4s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .4s ease-out;
}
.text a.css3-3:hover{  
 color:#fff;
 text-decoration:none;  
}
.vineet:hover article.css3-3{
 right:0;
}
/* CSS3 Left Effect */
article.css3-4
{
 left:0;bottom:0;
 -webkit-transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .5s ease-out;
 width:300px;
}
.text a.css3-4{
 -webkit-transition: all .4s ease-out;
 -moz-transition: all .4s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .4s ease-out;
}
.text a.css3-4:hover{  
 color:#fff;
 text-decoration:none;  
}
.vineet:hover article.css3-4{
 left:0;
}

/* ********************************************************************************
		FOOTER STYLING
********************************************************************************** */