

.left{float:left;}
.right{float:right;}
hr{
	border:none;
	width:100%;height:7px;
	background:url(../images/divider.png) repeat-x;
	margin:10px 0 10px 0;
	clear:both;
}

.single-set{
	overflow:hidden;
	padding:30px 10px 15px 10px ;
}
.color{
	border:10px solid #fff;
	position:relative;
	overflow:hidden;
	height:200px;
	opacity:0.5;
	
	-webkit-box-shadow:0 0 3px #000;
	-moz-box-shadow:0 0 3px #000;
	box-shadow:0 0 3px #000;
	
	 -webkit-transition: all .5s ease-out;
	 -moz-transition: all .5s ease-out;
	 transition: all .5s ease-out;
}
.color:hover{
	opacity:1;
	cursor:pointer;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #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:normal;
 text-shadow:none;
 text-decoration:none;
 width:400px;
}

/* CSS3 Left Effect */
article.css3-4
{
 left:-400px;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:400px;
}
.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:#d0206a;
 text-decoration:none;  
}
.color:hover article.css3-4{
 left:0;
}
