.bodyImage {background-image:url(../assets/photo_index/blackgrey.jpg);
			/*background-repeat:repeat-y;*/
			background-color: #3f3f3f}

div#outer {width: 717px; background-color:#FFFFFF; margin-left: auto;    margin-right: auto;    padding: 1px}

div#contentText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:15px; font-style: normal; border:0px none; padding-left:2em; padding-right:2em; font-weight: normal; color: #000000; background-color:#ffffff; vertical-align:top}

div#title {height:95px; background:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24; color:#FFFFFF}

.redHeading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; color: #000033; font-weight: normal}

.footertext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #ffffff; background:#000000; padding-top:2em; padding-bottom:2em; width:717px; background-color:#000000; text-align:center; background-position:center; margin-left:auto; margin-right:auto}

.textsmaller { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #666666 }

.textWhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #FFFFFF}

.WhiteHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF}

.textbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #333333}

.textGallery { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; padding-left:5em}

.textheader { font-family: Verdana, Arial, Helvetica, sans-serif;  letter-spacing:3px; font-size: 16px; padding:2px; padding-left:4px; font-style: normal; font-weight: bold; color: #333333}

.textheader1 { font-family: Verdana, Arial, Helvetica, sans-serif;  letter-spacing:3px; font-size: 13px; padding:2px; padding-left:4px; font-style: normal; font-weight: bold; color: #333333}

.textgallerynav { font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; font-size: 10px; padding:30px; padding-left:20px; font-style: normal; text-align:center; font-weight: bold; color: #333333; text-decoration:none}

/*
.imagegallerytn { text-align:center; margin-left:60px; font-style: normal; font-weight: bold; color: #333333; text-decoration:none}
.imagegallerytn span { float:right; display: none; }*/


/*footer white links no underline */ 
.footertextLink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; text-decoration:none; font-weight: normal; color: #FFFFFF }
a.footertextLink:hover {text-decoration:none; color: #FFFFFF}
a.footertextLink:link {color: #FFFFFF}
a.footertextLink:visited {text-decoration:none; color: #FFFFFF}




/*rollover for graphic design menu item*/
#graphic
{
  width: 174px;
  height: 19px;
  float:left;
  background: url("../assets/photo_index/button_graphic.jpg") no-repeat 0 0;
  margin-left:10px;
  margin-top:3px;
}

#graphic:hover {   background-position: 0 -18px; }
#graphic span {   display: none; }

/*rollover for web design menu item*/
#web
{
  float:left;
  width: 142px;
  height: 18px;
  background: url("../assets/photo_index/button_web.jpg") no-repeat 0 0;
  margin-left:45px;
  margin-top:3px;
}

#web:hover {   background-position: 0 -18px; }
#web span {  display: none; }


/*rollover for contact menu item*/
#contact
{
  width: 109px;
  height: 18px;
  float:left;
  background: url("../assets/photo_index/button_contact.jpg") no-repeat 0 0;
  margin-left:10px;
  margin-top:3px;
}

#contact:hover {   background-position: 0 -18px; }
#contact span {   display: none; }

/*rollover for photography menu item*/
#photo
{
  float:left;
  width: 157px;
  height: 18px;
  background: url("../assets/photo_index/button_photo.jpg") no-repeat 0 0;
  margin-left:10px;
  margin-top:3px;
}

#photo:hover {   background-position: 0 -18px; }

#photo span {   display: none; }


/*menu for galleries */ 
a.textgallerynav:link {
COLOR: #333333;
}
a.textgallerynav:visited {
COLOR: #333333;
}
a.textgallerynav:hover {
COLOR: #646db0;
}
a.textgallerynav:active {
COLOR: #333333;
}

#topnav {
height:200px;
background-color:#000000;
}


/*css popup rollover and enlarged image gallery code */ 
.gallerycontainer{
position: relative;
height: 420px;
padding-top:10px;

}

.thumbnail img{
border: 1px solid white;
margin: 0 3px 3px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
background-position:center;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 115px; /*position where enlarged image should offset horizontally */
z-index: 50;
}