@charset "utf-8";
/* CSS Document */
body{ overflow: hidden;}

#container { width:960px; min-width:960px; padding-top:200px; margin:0 auto; }
#thumbs { width:780px; float:left; padding-left:20px;}
#thumbs a img { opacity:0.5;  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ border:1px solid #aaa;}
#thumbs a:hover img { opacity:1 !important; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */}


#thumbs .on img { opacity:1 !important; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */}
#thumbs .retain img { opacity:.8 !important; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */}
#text { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333; float:right; padding-right:20px; }
#page { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333; float:right; padding-right:20px; }

.bold { font-weight:700;}
#fixed { width:100%; height:10px; position: fixed; bottom:30px; margin-left:-90px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
#fixed2 { width:100%; height:10px; position: fixed; bottom:30px; margin-left:70px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}