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


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

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

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

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

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

/*------------------------------------------------------------------button3*/

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

body#callery a#button1
{background: url(../portfolio/residential/images/1r.jpg) no-repeat;}
body#callery a#portfolio,
body#callery a#residential
 {color:#EE2E24;}
 
 body#cliffs a#button2
{background: url(../portfolio/residential/images/2r.jpg) no-repeat;}
body#cliffs a#portfolio,
body#cliffs a#residential
 {color:#EE2E24;}
 
  body#smuggs a#button3
{background: url(../portfolio/residential/images/3r.jpg) no-repeat;}
body#smuggs a#portfolio,
body#smuggs a#residential
 {color:#EE2E24;}