/* Removing the list bullets and indentation - add size - and position */
.contents ul {width:312px; height:260px; padding:0;  margin:9px 5px 5px 5px; list-style-type:none; float:right;}

.contents li {float:left;}

/* Remove the images and text from sight */
.contents a.gallery span {position:absolute; width:1px; height:1px; top:25px; left:8px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
.contents a.gallery, .contents a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left;}
.contents a.slidea {background:url("images/wood-table-lampsth.jpg"); height:72px; width:72px;}
.contents a.slideb {background:url("images/architectural-lightingth.jpg"); height:72px; width:72px;}
.contents a.slidec {background:url("images/contemporary-wall-artth.jpg"); height:72px; width:72px;}
.contents a.slided {background:url("images/sofa-tableth.jpg"); height:72px; width:72px;}
.contents a.slidee {background:url("images/wood-lamp-shadeth.jpg"); height:72px; width:72px;}
.contents a.slidef {background:url("images/surreal-artworkth.jpg"); height:72px; width:72px;}
.contents a.slideg {background:url("images/handthrown-potteryth.jpg"); height:72px; width:72px;}
.contents a.slideh {background:url("images/sculptural-lightingth.jpg"); height:72px; width:72px;}
.contents a.slidei {background:url("images/chinese-symbols-th.jpg"); height:72px; width:72px;}
.contents a.slidej {background:url("images/custom-tile-muralth.jpg"); height:72px; width:72px;}
.contents a.slidek {background:url("images/paper-light-sculpture-th.jpg"); height:72px; width:72px;}

/* styling the hovers */
.contents a.gallery:hover {border:1px solid #fff;}
.contents a.gallery:hover span {position:absolute; width:210px; height:260px; top:65px; left:35px; padding:5px 0 0 5px; border: 1px solid #9EB7D3; font-size:90%; color:#000; background:#fff;}
.contents a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}

.contents .cboxindex
	{height: 80px; padding: 5px 0 0 0; text-align: center;}
.contents .cbox
	{float:left; width:240px; margin:0 8px 12px 0; padding: 0 0 0 5px; font-size:95%;}
.contents .thumbgal
	{float: left; text-align:left; font-size:90%; width: 320px; height: 18px; border: 1px solid #9EB7D3; margin: 0 5px 10px 30px; padding:3px;}
* html .contents .thumbgal
	{float: left; text-align:left; font-size:90%; width: 320px; height: 18px; border: 1px solid #9EB7D3; margin: 0 5px 10px 10px; padding:3px;}
a.nav, a.nav:link, a.nav:visited {display:block; width:15px; height:15px; background:white; border:1px solid #9EB7D3; margin-right:2px; text-align:center; text-decoration:none; font-size:95%; color:#000; overflow:hidden; float:left;}
a.nav:hover {color:#fff; background:#3FABA8;}
a.nav:active {color:#fff; background:#c00;}
a.page {display:block; width:15px; height:15px; background-color:#3FABA8; border:1px solid #3FABA8; margin-right:2px; text-align:center; text-decoration:none; font-size:95%; color:#fff; overflow:hidden; float:left;}

.contents .image
	{float:left; margin:0 8px 12px 0; border: 1px solid #9EB7D3; padding:5px;}
.contents .imageth
	{float:left; margin:0 8px 12px 8px; padding:5px;}