a { outline: 0; }

#photo{
width: 369px;
height: 374px;
padding: 0px;
margin: 0px;
}

#photo li {
float:left; 
margin:0; 
padding:0; 
list-style-type:none;
}

#photo li a {
display:block; 
}

#photo a:hover { color:#fff; }
#photo a.current{ cursor:default; color:#fff;  }

#photo #t1 { background-image: url(images/photo_1.png); background-position: 0 0; height: 87px;}
#photo #t2 { background-image: url(images/photo_2.png); background-position: 0 0; height: 83px; }
#photo #t3 { background-image: url(images/photo_3.png); background-position: 0 0; height: 82px; }
#photo #t4 { background-image: url(images/photo_4.png); background-position: 0 0; height: 82px; }

#photo #t1:hover { background-position: 0 -87px; }
#photo #t1.current { background-position: 0 -87px; }

#photo #t2:hover { background-position: 0 -83px; }
#photo #t2.current { background-position: 0 -83px; }

#photo #t3:hover { background-position: 0 -82px; }
#photo #t3.current { background-position: 0 -82px; }

#photo #t4:hover { background-position: 0 -82px; }
#photo #t4.current { background-position: 0 -82px; }

#web {
width: 369px;
height: 374px;
padding: 0px;
margin: 0px;
}

#web li {
float:left; 
margin:0; 
padding:0; 
list-style-type:none;
}
#web li a {
display:block; 
}
#web a:hover { color:#fff; }
#web a.current{ cursor:default; color:#fff;  }

#web #t1 { background-image: url(images/web_1.png); background-position: 0 0; height: 87px;}
#web #t2 { background-image: url(images/web_2.png); background-position: 0 0; height: 83px; }

#web #t1:hover { background-position: 0 -87px; }
#web #t1.current { background-position: 0 -87px; }

#web #t2:hover { background-position: 0 -83px; }
#web #t2.current { background-position: 0 -83px; }

#menu li { 
float:left; 
margin:0; 
padding:0; 
list-style-type:none;
}

#menu li a {
background: url(images/menu.png) no-repeat;
display:block;
color:#fff;
font-size:11px;
text-decoration:none;
line-height:21px; 
}

#menu #t1 { background-position: 0 0; width:156px; height: 21px; text-align:right; }
#menu #t2 { background-position: -156px 0; width:102px; height: 21px; text-align:right; }
#menu #t3 { background-position: -258px 0; width:115px; height: 21px; text-align:right;}
#menu #t4 { background-position: -373px 0; width:109px; height: 21px; text-align:left;}
 
/* mouseover state */
#menu a:hover { color:#fff; }
#menu #t1:hover { background-position:      0 -21px; }
#menu #t2:hover { background-position: -156px -21px; }
#menu #t3:hover { background-position: -258px -21px; }
#menu #t4:hover { background-position: -373px -21px; }

/* currently selected tabs */
#menu a.current{ cursor:default; color:#ffcc33; }
#menu #t1.current { background-position:      0 -21px; }
#menu #t2.current { background-position: -156px -21px; }
#menu #t3.current { background-position: -258px -21px; }
#menu #t4.current { background-position: -373px -21px; }