@charset "utf-8";
/* CSS Document */

body {
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
vertical-align:middle;
margin-top:25px;
}

.container {
width:637px;
height:631px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#606060;
font-size:11px;
margin: 0 auto;
}

.container a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#606060;
font-size:11px;
text-decoration:none
}

.container a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#606060;
font-size:11px;
text-decoration:underline;
}

.spacing {
letter-spacing: 5.5em;
color:#000000;
}

.mainphoto {
float:right;
margin-top:10px;
margin-right:45px;
margin-left:20px;
border-style:solid;
border-color:#999999;
border-width:1px;
padding:12px;
width:445px;
height:300px;
}

.menu {
text-align:right;
margin-top:15px;
font-size:9pt;
line-height:18px;
}

.menu a {
font-size:9pt;
text-decoration:none;
}

.menu a:hover {
font-size:9pt;
text-decoration:underline;
}

.portfoliomenu {
text-align:right;
margin-top:5px;
margin-left:13px;
font-size:9pt;
line-height:15px;
}

.portfoliomenu a {
font-size:9pt;
text-decoration:none;
}

.portfoliomenu a:hover {
font-size:9pt;
text-decoration:underline;
}

.contact {
clear:both;
text-align:left;
margin-top:-5px;
padding-top:5px;
margin-left:120px;
}

.contenttext {
width:450px;
height:280px;
text-align:center;
font-size:12px;
margin-top:25px;
line-height:19px;
overflow:auto;
}

.contenttext a {
font-size:15px;
}

.contenttext a:hover {
font-size:15px;
}

/* **********************  GALLERY ******************************* */

.gallerycontainer{
position: relative;
height:300px; /* height of largest image */
}

.thumbnail_headshots img{
float:left;
border: none;
margin: 6px 0 0 8px;
}

.thumbnail_headshots:hover{
background-color: transparent;
}

.thumbnail_headshots:hover img{
border: none;
}

.thumbnail_headshots span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 0;
left: -1000px;
margin-top:-5px;
margin-left:110px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_headshots span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_headshots:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
