/* The main banner unordered list */
.banner2Holder {
     width: 100%;
	 /*padding: 20px 10px 20px 10px;
	 background-color: #f7f7f7;
	 border: 1px solid #eee;*/
	 overflow: hidden;

	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}

/* Hiding the bullets of the li elements: */
.banner2Holder li {
	 list-style: none;
	 display: inline; width:33.3%; float:left;
}

/* The banner divs */
.banner2 {    
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
	 margin: 10px
}

/* The banner divs */
.banner2 img {
	 display: block;
	 border: none;
	 width: auto!important;
}

/* The dark animated divs */
.banner2 div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 100%;
	
	 cursor: pointer;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banner2 .cornerTL { left:-10px; top:-10px; }
.banner2 .cornerTR { right:-10px; top:-10px; }
.banner2 .cornerBL { left:-10px; bottom:-10px; }
.banner2 .cornerBR { right:-10px; bottom:-10px; }

/* The "Visit Company" text */
.banner2 p {
     width: 100%;
	 left: 0;
	 top: 60px;
	 z-index: 200;
	 position: absolute;
	 text-align: center;
	 cursor: pointer;
	 display: none;	/* hidden by default */
}
.companyInfotxt{
	padding: 60px;
	display: inline-block;
	text-align: left;
}