@charset "utf-8";



body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #111111;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #111111;
    /* 	background-image: url(../images/blackcanvas2c.jpg);    */
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 5px;
	padding-left: 5px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	text-align: center;
}


a:link {
	color:#FFFFFF;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #CCCC99;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.container {
	width: 98%;
	max-width: 800px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 600px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	/*background: #FFF;
	 */
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	color: #FFF;
	text-align: center;
}


/* =photogallery Code
----------------------------------------------------------------------*/

.photogallery
{
	cursor: default;
	list-style: none;
}

.photogallery a
{
	cursor: default;
}

.photogallery a .preview
{
	display: none;
}

.photogallery a:hover .preview
{
/* 
 ORIGINALLY:
     
	 	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
	 
----------------------------------------------------------------------*/
   
	 	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1; 
}

.photogallery img
{

/* 
 ORIGINALLY:
     background: #000;
	border-color: #aaa #ccc #ddd #bbb;
	
	width: 100px;
	height: 75px;
----------------------------------------------------------------------*/
	background: #000;
	border-color: #000 #000 #000 #000;

	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 80px;
	height: 60px;
 
}


.photogallery li
{

/* 
 ORIGINALLY:
     background: #000;
	 border-color: #ddd #bbb #aaa #ccc;
	 border-style solid
padding 5
----------------------------------------------------------------------*/
	background: #433609;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: none;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	 
}

.photogallery .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}