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


/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active { color:#000; }

/* style the outer cntaining div to fit the horizontal, vertical and buttons */
#album { float:left; width:320px; height:375px; background:#eee url(signature-images/bfsig_11.jpg) 0 40px no-repeat; border:1px solid #590000; margin:0 auto; margin-top:25px; margin-right:15px; }

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.signature-images { padding:0; margin:320px 0 0 0; list-style-type:none; position:relative; width:320px; }

/* remove the default image border */
.signature-images img { border:0; }

/* make the list horizontal */
.signature-images li { float:left; }

/* style the link text to be central in a surrounding box */
.signature-images li a, .signature-images li a:visited { font-size:11px; float:left; text-decoration:none; color:#ffffff; background:#590000; text-align:center; width:26px; height:26px; line-height:24px; border:1px solid #444; margin:2px; }

/* position the images using an absolute position and hide them from view */
.signature-images li a img { position:absolute; top:-320px; left:0; visibility:hidden; border:0; }

/* fix the top position for the horizontal images */
.signature-images li a img.horizontal { top:-280px; }

/* fix the left position for the vertical images */
.signature-images li a img.vertical { left:0; border-left:40px solid #eee; border-right:40px solid #eee; }

/* style the hover background color for the text boxes */
.signature-images li a:hover { background:#ddd; color:#590000; }

/* style the active/focus colors for the text boxes (required for IE) */
.signature-images li a:active, .signature-images li a:focus { background:#444; color:#fff; }

/* make the images visible on active/focus */
.signature-images li a:active img, .signature-images li a:focus img { visibility:visible; }