@charset "UTF-8";
/* CSS Document */


#thumbnails{
	width:184px;
	height:100px;
	float:left;
	padding-top:20px;
}

.preload{
	background:url(../portfolio/industrial/images/1r.jpg) no-repeat;
	background:url(../portfolio/industrial/images/2r.jpg) no-repeat;
	display:none;
}

/*------------------------------------------------------------------button1*/
a#button1 {
	display: block;
	width: 57px;
    height: 53px;
	background-image: url(../portfolio/industrial/images/1t.jpg);
	float:left;
	margin: 0 auto;
	background-repeat: no-repeat;    
}
a#button1:hover {
    background-image: url(../portfolio/industrial/images/1r.jpg);
}
a .alt { display: none;}

/*------------------------------------------------------------------button2*/

a#button2 {
    display: block;
   width: 57px;
    height: 53px;
    background-image: url(../portfolio/industrial/images/2t.jpg);
	float:left;
	background-repeat: no-repeat;
    
}
a#button2:hover {
    background-image: url(../portfolio/industrial/images/2r.jpg);
	
	}
	
/*------------------------------------------------------------------button3*/

	a#button3 {
    display: block;
   width: 57px;
    height: 53px;
    background-image: url(../portfolio/industrial/images/3t.jpg);
	float:left;
	background-repeat: no-repeat;
    
}
a#button3:hover {
    background-image: url(../portfolio/industrial/images/3r.jpg);
	
	}
	
/*------------------------------------------------------------------you are here effect*/

body#logic a#button1
{background: url(../portfolio/industrial/images/1r.jpg) no-repeat;}
body#logic a#portfolio,
body#logic a#industrial
 {color:#EE2E24;}
 
 body#revision a#button2
{background: url(../portfolio/industrial/images/2r.jpg) no-repeat;}
body#revision a#portfolio,
body#revision a#industrial
 {color:#EE2E24;}
 
  body#magichat a#button3
{background: url(../portfolio/industrial/images/3r.jpg) no-repeat;}
body#magichat a#portfolio,
body#magichat a#industrial
 {color:#EE2E24;}