@charset "UTF-8";
body  {
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: arial;
    font-size: 9pt;
	color:000000;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.style1 {
    font-family: arial;
    font-size: 9pt;
	color:#c4c4c4;
	
}
.style1 {
    font-family: arial;
    font-size: 9pt;
	color:#c4c4c4;
	
}
.style2  {
 font-family: arial;
    font-size: 10px;
	color:#999999;
}
.style3{
font-family: arial;
    font-size: 10px;
	color:#7c6757;
}
.brown a:link{
    color:#7c6757;
	text-decoration:none;
}

.brown a:visited{
    color:#7c6757;
	text-decoration:none;
}
.brown a:hover{
    color:#8a2a1e;
	text-decoration:none;
}
.light a:link{
    color:#c4c4c4;
	text-decoration:none;
}

.light a:visited{
    color:#c4c4c4;
	text-decoration:none;
}
.light a:hover{
    color:#000000;
	text-decoration:none;
}
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
	color: #000000;
	text-decoration: none;
}
a:active {
	cursor: pointer;
	color: #000000;
	text-decoration: none;
}
a.navbuttons div:hover {
    color:#000000;
	cursor: pointer;
	background:#e3e1e1;
}
a.navbuttons div:active {
    color:#000000;
	cursor: pointer;
	background:#e3e1e1;
}
.bottomalign img{
	vertical-align:bottom;
}	
#container{
	width: 740px;
	height: 560px;
	background: #ffffff;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 35px;
} 
#topline{
   width:740px;
   height:30px;
   align:left;
}

#navigation{
    width:175px;
	height:540;
	margin-right:15px;
}
.navigationbuttons{
    width:160px;
	height:20px;
	color:#000000;
	font-family: arial;
	font-size: 9pt;
	background:#f1f1f1;
	margin-top:5px;
	align:left;
	padding-top:8px;
	padding-left:15px;
}
#navigationbottom{
   width:175px;
   height:240px;
   margin-top:5px;
   background:#f1f1f1;   
}
#navigationfooter{
  align:center;
  width:175px;
  text-align:center;
  margin-top:3px;
  height:40px;
}
.imagemargin img{
  margin-bottom:5px;
}

#main{
  height:530px;
  float:right;
  width:565px;
  align:left;
  text-align:right;
}
#artistcv {
align:left;
text-align:left;
padding-left:30px;
padding-top:46px;
width:550px;
}

#leftartist{
padding-left:15px;
float:left;
align:left;
text-align:right;

}
#rightartist{
padding-left:340px;
padding-top:46px;
width:212px;
align:left;
text-align:left;

}
.gallerycontainer{
  padding-top:495px;
  position:relative;
  
}

.thumbnail img{
	border: none;
	margin-bottom: none;
}

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

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute; left:280px; top:30px;
	visibility: hidden;
	 font-family: arial;
    font-size: 9pt;
	color:000000;
	text-decoration: none;
}
.thumbnail span.s550x437{ /*CSS for enlarged image*/
	position: absolute;	left:15px;	top:0px;	
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	margin-bottom:5px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
}