body {
text-align: left;
background:#cccccc;
margin: 0px;
padding:0px;
font-family:verdana, sans-serif;
	}
	
p {
text-align: left;
margin: 0px;
margin-top: .5em;
  font-family: verdana, sans-serif;
}

#container
{
position: absolute;
left:50%;
width:800px;
margin-left:-400px;
background-image: url(images/background-image.jpg);
background-repeat:no-repeat;
height:800px;
z-index:1;
}

#content
{
  position:absolute;
  top:120px;
  left:20px;
  display:none;
}


#content h1
{
  font-size:100%;
}

#container2
{
  position:relative;
  left:100px;
}

#header
{
position:relative;
height:70px;
width:600px;
background-repeat: no-repeat;
}




#gallerycontainer
{
font-family:arial;
z-index:10;
position:absolute;
top: 70px;
left:392px;
background-color:transparent;
width:380px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
/*shows where small boxes are*/
}

#gallerycontainer li
{
display: inline;
list-style-type: none;
list-style: none;
border:0px;
}

#gallerycontainer ul
{
margin:0px;
padding:0px;
}

#gallerycontainer a
{
  padding:0px 5px 2px 3px;
  text-decoration:none;
  margin-left:4px;
}

#gallerycontainer img
{
display:inline-block;
}

/* colored box */
.thumbnail
{
  background:white;
  color:white;
}

.thumbnail:hover
{
  background:#EF7B1E;
  color:#EF7B1E;
}

.thumbnail:hover img
{
border: 0px solid blue;
margin:0px;
padding:0px;
}

.thumbnail:hover span
{ /*CSS for enlarged image*/
display:block;
position:absolute;
visibility: visible;
top: 30px;
left: -392px; /*position where enlarged image should offset horizontally */
z-index: 50;
padding:0px;
margin:0px;
border:0px;
width:200px;
}

.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
padding:0px;
}

#gallerycontainer a.thumbnail2
{
  background:yellow;
  color:black;
  padding-left:0px;
  padding-right:0px;
}

/* not being used  */

.thumbnail2:hover
{
  background:white;
  color:black;
}

.thumbnail2:hover img
{
border: 0px solid white;
}

.thumbnail2:hover span
{ /*CSS for enlarged image*/
display:block;
position:absolute;
visibility: visible;
top: 75px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
padding:0px;
margin:0px;
border:0px;
width:200px;
}

.thumbnail2 span
{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
}


.loading
{
position:absolute;
top:200px;
z-index:-50;
color:#ECA6A6;
width:620px;
text-align:center;
}

/* not being used  */

#menu
{
position:absolute;
padding:0px;
margin:0px;
left:0px;
top:70px;
color:white;
}

#menu ul
{
  font-family: verdana, sans-serif;
  margin:0px;
  padding:0px;
}
#menu li
{
display: inline;
list-style-type: none;
list-style: none;
border:0px;}

#menu a
{
font-family: verdana, sans-serif;
color:white;
text-decoration:none;
font-weight: bold;
font-size:50%;
}

#menu a:hover
{
  color:black;
}