/* picture gallery and CSS designed by ben scott @ luxonline 20/01/2005, note 100% font size on body (dont go under 6ems elsewhere in css). if using this code in a larger page please change the body tag to a new tag and include a wrapper div around the whole gallery. The font size is large due to no hacks being implemented for IE5mac spefically and the font sizes for relative measures not working. The current gallery is going to be opened using a fixed sized vertical scroll pop up window. the top elements and navigation are fixed on both gallery index and largerimage gallery */
body {
	background: #B8B8B8;
	margin: 0px;
	border: 0px;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img { border: 0; } 

/* container for main text area and caption, the height is set to auto, this causes the copyright info to often disappear beyond the fold, no real solution as the original design cannot contain all the elements and fit in a 600 tall box
*/
div#maintext {
Verdana, sans-serif;
font-size: 0.8em;
	width: 320px;
	color: #000000;
	background-color: #666666;
	height: auto;
	margin: 0px;
	padding: 10px 10px 10px 20px;
	clear: both;
}
div#maintext #copyrightartist{
	font-size: 0.8em;
	color: #FFFFFF;
}
/* container for initial copyright symbol and back to index link */
div#copyright {
	background-color: #FFFFFF;
	width: 345px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #666666;
	height: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 2px;
}
div#copyright a{
	color: #003366;
	text-decoration: underline;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 150px;
	font-weight: bold;
	font-size: 0.8em;
}
div#copyrightnotice {
	width: 350px;
	height: 24px;
	display: block;
}
/* container for luxonline and image viewer decorative image, not tagged in HTML with alt tag but not really necessary, this header also floats elements such as the windowclose so that they line up */
div#header {
	float: left;
	width: 350px;
	margin-bottom: 0px;
	background-image: url(../../images/gallery/assets/luxtopbar.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline;
}
div#header #windowclose{
	float: left;
	width: 23px;
	display: block;
	height: 27px;
	padding-left: 327px;
}
/* container for thumbnails area to fit to block on larger image, with tantek hack for IE */
#thumbsall {
	display: block;
	height: 320px;
	width: 320px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
}
#thumbsall {
	height: 380px;
	width: 380px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 320px;
	width: 320px;
	display: block;
}

/* div tag around gallery index images in an unordered list with the extra details currently not displaying, but with the possibility of being available in the future through a style sheet switcher  */
div.pic {
	float: left;
	height: 76px;
	width: 76px;
	padding: 10px;
	margin: 2px;
}
div.pic img {
border: 0px
	margin: 0px;
}
div.pic ul {
	display: none;
	clear: both;
}
/* container for details about the gallery index or large image, no specific tagging taking place e.g. you could have had the Type styled differently from the title if we had tagged the HTML */
 #detailscontainer
{
	width: 350px;
	display: block;
	height: 15px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}

#detailscontainer ul
{
	list-style: none;
	border: none;
}

#detailscontainer li
{
	display: inline;
	float: left;
	width: auto;
	font-size: 0.7em;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #666666;
	padding-right: 10;
	padding-left: 10;
	padding-top: 0px;
	padding-bottom: 5px;
}
/* container for back forward buttons on the larger image gallery */
#navbox {
	display: block;
	height: 21px;
	width: 350px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#navbox #leftnav{
	display: block;
	float: left;
	height: 20px;
	width: 100px;
border: 0px
}
#navbox #rightnav{
	display: block;
	float: right;
	height: 20px;
	width: 100px;
border: 0px
}
/* container for large image on large image gallery only */
#mainimage {
	text-align:center;
	height: 350px;
		width: 350px;
		float: left;
	clear: both;

}
#mainimage p{
        	display: inline;
}

#mainimage span{
         	display: block;
       	display: inline-table;
        	display: inline-block;

}
#mainimage p img{
	background-color: #333333;
	margin:0px auto;
        text-align:left;
        	display: inline;

}
a {
	border: 0px none;
}