#content {
padding-left: 130px;
width: 720px;
}
#pic-outer {
position: relative;
left: 0px;
width: 596px;
height: 480px;
padding: 8px;
border: 1px solid #888;
background: url(../images/checks_tile_8x8.png);
}
#pic-outer p {
position: absolute;
top: 8px;
left: 8px;
line-height: 2em;
width: 596px;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 3px;
word-spacing: .5em;
font-size: 84%;
text-transform: uppercase;
background-image: url(../images/black-50-trans.png);
color: #fff;
}
#pic {
width: 596px;
height: 480px;
background: url(../images/action-photo.jpg);
}
#pic ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#pic a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: 1px solid transparent;
}
#pic a .outer {
display: block;
}
#pic a .inner {
display: block;
}
#pic a:hover .outer {
border: 1px solid #000;
cursor: help;
}
#pic a:hover .inner {
border: 1px solid #fff;
}

#pic a .note {
position: absolute;
padding: .4em .8em;
background-color: #fff;
color: #000;
text-indent: 0px;
border: 1px solid #000;
}

#pic .scott a {
width: 86px;
height: 111px;
top: 100px;
left: 30px;
}

#pic .scott a:hover .outer {
width: 94px;
height: 119px;
}
#pic .scott a:hover .inner {
width: 92px;
height: 117px;
}
#pic .scott a .note {
top: 137px;
left: -9999px;
width: 13em;
}
#pic .scott a:hover .note {
left: -20px;
}

#pic .andy a {
width: 73px;
height: 96px;
top: 140px;
left: 160px;
}
#pic .andy a:hover .outer {
width: 94px;
height: 119px;
}
#pic .andy a:hover .inner {
width: 92px;
height: 117px;
}
#pic .andy a .note {
top: 137px;
left: -9999px;
width: 13em;
}
#pic .andy a:hover .note {
left: -20px;
}

#pic .steve a {
width: 68px;
height: 103px;
top: 120px;
left: 280px;
}
#pic .steve a:hover .outer {
width: 94px;
height: 119px;
}
#pic .steve a:hover .inner {
width: 92px;
height: 117px;
}
#pic .steve a .note {
top: 137px;
left: -9999px;
width: 13em;
}
#pic .steve a:hover .note {
left: -20px;
}

#pic .colin a {
width: 73px;
height: 109px;
top: 150px;
left: 360px;
}
#pic .colin a:hover .outer {
width: 94px;
height: 119px;
}
#pic .colin a:hover .inner {
width: 92px;
height: 117px;
}
#pic .colin a .note {
top: 137px;
left: -9999px;
width: 13em;
}
#pic .colin a:hover .note {
left: -20px;
}

#pic .matt a {
width: 97px;
height: 96px;
top: 70px;
left: 470px;
}
#pic .matt a:hover .outer {
width: 94px;
height: 119px;
}
#pic .matt a:hover .inner {
width: 92px;
height: 117px;
}
#pic .matt a .note {
top: 137px;
left: -9999px;
width: 13em;
}
#pic .matt a:hover .note {
left: -20px;
}