/*
CSS for Michael Cross site- projects navigation page
*/

#projectsbox {position: absolute; left: 40px; top: 110px; width: 600px; display: block;  } 

.thumbflood { background-image:  url(images/floodthumbc.jpg); }
.thumbbridge { background-image:  url(images/bridgethumbc.jpg); }
.thumbblow { background-image:  url(images/blowthumbc.jpg); }
.thumblunuganga { background-image:  url(images/lunuthumbc.jpg); }
.thumbsprinkle { background-image:  url(images/sprinklethumbc.jpg); }
.thumbknot { background-image:  url(images/knotthumbc.jpg); }

.thumbflood, 
.thumbbridge,
.thumbblow, 
.thumblunuganga,
.thumbsprinkle, 
.thumbknot
{ background-repeat: no-repeat; 
white-space: nowrap; 
display: block; 
width: 180px; height: 180px;
margin: 0;
float: left;
padding-right: 4px;
padding-bottom: 4px;
}

.thumbflood a, 
.thumbbridge a,
.thumbblow a, 
.thumblunuganga a,
.thumbsprinkle a, 
.thumbknot a 
{ display: block; width: 180px; height: 180px; }

.thumbflood img, 
.thumbbridge img,
.thumbblow img,
.thumblunuganga img,
.thumbsprinkle img, 
.thumbknot img
{width: 180px; height: 180px; border: 0; }

* html a:hover {visibility:visible}
.thumbflood a:hover img, 
.thumbblow a:hover img,
.thumblunuganga a:hover img, 
.thumbsprinkle a:hover img,
.thumbknot a:hover img, 
.thumbbridge a:hover img
{visibility:hidden}
                   

#pagedescribe { float: left; width: 600px; padding-top: 100px; display: block;  } 
.pagedescribe { font-size: 12px; padding-bottom: 10px; } 
.pagedescribe a { color: #202020 }
.pagedescribe a:hover { color: #444444; }