@charset "UTF-8";





/* WebDesignAndSuch.com Demo */



/* demo page styles */





#container {

	width: 780px;  

	background:#fff;

	margin: 0 auto; 

	-webkit-box-shadow: 0px 0px 15px #000;

	-moz-box-shadow: 0px 0px 15px #000;

	height:720px

}

#content {padding: 0 20px; }



img {border:0px;}





h2 {font-size:22px; color:#369; text-align:center}

.content {margin:40px 0 0 0; }



.imageOuter {width:350px; float:left; margin:0 37px 0 0}







/* demo specific styles */





/* jquery-method 



span.roll {

    

    height: 341px;

    position: absolute;

    width: 341px;

    z-index: 10;	

	

} */

 span.roll {

    

    position: absolute;

    width: 100%;

    z-index: 1;

	background-color:#ffffff!important;

	

} 

 

 

/* span.roll {

    

    height:270px;

    position: absolute;

    width: 320px;

    z-index: 1;	

	

} 

 */

 

 















/* css-method */





span.rollover {

	opacity: 1;

	-o-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-webkit-transition: -webkit-transform 1s;

	background:url(images/mag.png) center center no-repeat #000;

	cursor: pointer;

	height: 346px;

	width: 347px;

	position: absolute;

	z-index: 10;

	opacity: 0;

}



span.rollover:hover {

	opacity: .7;

	-o-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-webkit-transition: -webkit-transform 1s;

	

}