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


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

.preload{
	position:absolute;
	left:-1000px;
	
}

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

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

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

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

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

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

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

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

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

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

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

body#trapps a#button1
{background: url(../portfolio/commercial/images/1r.jpg) no-repeat;}
body#trapps a#portfolio,
body#trapps a#commercial
 {color:#EE2E24;}
 
 body#northfield a#button2
{background: url(../portfolio/commercial/images/2r.jpg) no-repeat;}
body#northfield a#portfolio,
body#northfield a#commercial
 {color:#EE2E24;}
 
  body#cornerstone a#button3
{background: url(../portfolio/commercial/images/3r.jpg) no-repeat;}
body#cornerstone a#portfolio,
body#cornerstone a#commercial
 {color:#EE2E24;}
 
   body#kinney a#button4
{background: url(../portfolio/commercial/images/4r.jpg) no-repeat;}
body#kinney a#portfolio,
body#kinney a#commercial
 {color:#EE2E24;}
 
   body#stephenburns a#button5
{background: url(../portfolio/commercial/images/5r.jpg) no-repeat;}
body#stephenburns a#portfolio,
body#stephenburns a#commercial
 {color:#EE2E24;}
 
   body#wing a#button6
{background: url(../portfolio/commercial/images/6r.jpg) no-repeat;}
body#wing a#portfolio,
body#wing a#commercial
 {color:#EE2E24;}