body, td {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #333333;
	}

.header {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	line-height: 140%;
	color:#CC0000;
	}

.note {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 140%;
	color:#666666;
}

.footer {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 140%;
	color:#666666;
	}

a {
	color:#000000;text-decoration:none;
	}

a:hover	{ 
	color: #CC0000; text-decoration: underline; 
	}

#work1 a {
display:block;
width : 169px;
height : 179px;
background-image : url(images/work1_off.jpg);
background-color:#666;
}

#work1 a:hover {
background-image : url(images/work1_on.jpg);
} 

#work2 a {
display:block;
width : 169px;
height : 179px;
background-image : url(images/work2_off.jpg);
background-color:#666;
}

#work2 a:hover {
background-image : url(images/work2_on.jpg);
} 

#work3 a {
display:block;
width : 169px;
height : 179px;
background-image : url(images/work3_off.jpg);
background-color:#666;
}

#work3 a:hover {
background-image : url(images/work3_on.jpg);
} 

#work4 a {
display:block;
width : 169px;
height : 179px;
background-image : url(images/work4_off.jpg);
background-color:#666;
}

#work4 a:hover {
background-image : url(images/work4_on.jpg);
} 

#work5 a {
display:block;
width : 169px;
height : 179px;
background-image : url(images/work5_off.jpg);
background-color:#666;
}

#work5 a:hover {
background-image : url(images/work5_on.jpg);
} 

#work6 a {
display:block;
width : 169px;
height : 179px;
background-image : url(images/work6_off.jpg);
background-color:#666;
}

#work6 a:hover {
background-image : url(images/work6_on.jpg);
} 

.works_grey {
display:block;
width : 169px;
height : 179px;
background-color:#666;
}

.works_grey2 {
display:block;
width : 169px;
height : 179px;
background-color:#333;
}