/* CSS Document */



body{
	background-color:#FFF;
	margin:0;
	padding:0;
	border:0;
	font:10px arial, verdana, sans-serif;
	color:#7c7c7c;
	}
	
#wrapper{
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	width:900px;
	height:auto;
	}

	
/** fonts & headings **/


p{font-size:11px;}

.font{font-size:11px;}

.bio_headings{font-weight:bold;}

.title{font-size:14px; font-weight:bold;}

#artwork_titles{width:800px; padding:0; text-align:center; font-size:14px; font-weight:bold;}

/** links **/
.links a:link, .links a:visited{
	text-decoration:underline;
	color:#7c7c7c;
	}
	
.links a:hover{
	color:#362e7e;
	text-decoration:none;
	}
	
.links a:active{
	color:#362e7e;
	text-decoration:none;
	}

#to_the_top{width:800px; clear:both; text-align:center; padding:10px 0 10px 0; margin-top:20px; font-size:11px;}



/** index page **/

#index_header{
	background-image:url(../img/leon_logo.gif);
	background-repeat:no-repeat;
	margin:30px 0 30px 0;
	padding:0;
	background-position:top;
	width:900px;
	height:113px;
	}
	


/** index_navagation **/
#index_nav{	width:900px; height:33px; margin:10px 0 0 0; padding:0; z-index:200;}
	
#nav {padding:0 0 0 92px; margin:0; list-style:none; height:38px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px; }
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#7c7c7c; text-decoration:none; font-size:13px; padding:0 0 0 12px; cursor:pointer; font-weight:bold; }
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; }
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; }

#nav li:hover a.top_link {color:#362e7e;  }

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub{left:18px; top:30px; padding:3px; white-space:nowrap; width:146px; height:auto; z-index:300;}
#nav li:hover ul.sub li{display:block; height:20px; position:relative; float:left; margin-bottom:-1px; width:146px; font-weight:normal; background:#fff; border:1px solid #7c7c7c;  }
#nav li:hover ul.sub li a{display:block; font-size:12px; height:1.6em; width:145px; line-height:19px; text-indent:5px; color:#7c7c7c; text-decoration:none; /*border:1px solid #7c7c7c;*/ }
#nav li ul.sub li a.fly{}
#nav li:hover ul.sub li a:hover {color:#362e7e; border-color:#7c7c7c; font-weight:600;}
#nav li:hover ul.sub li a.fly:hover{ color:#362e7e;}

#nav li:hover ul.sub2{left:18px; top:30px; padding:3px; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub2 li{display:block; height:20px; position:relative; float:left; margin-bottom:-1px; width:86px; font-weight:normal; background:#fff; border:1px solid #7c7c7c;}
#nav li:hover ul.sub2 li a{display:block; font-size:12px; height:1.6em; width:85px; line-height:19px; text-indent:5px; color:#7c7c7c; text-decoration:none; }
#nav li ul.sub2 li a.fly{}
#nav li:hover ul.sub2 li a:hover {color:#362e7e; border-color:#7c7c7c; font-weight:600; }
#nav li:hover ul.sub2 li a.fly:hover{color:#362e7e; }

#nav li:hover ul.sub2 li ul.align{text-align:center; left:8.3em; z-index:300;  }
#nav li:hover ul.sub2 li ul.align li{display:block; position:relative; top:-105px; }

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; padding:3px; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{color:#362e7e; border-color:#7c7c7c; font-weight:600;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#362e7e; border-color:#7c7c7c;} 


#index_content{
	z-index:0;
	margin:20px 0 0 0;
	padding:0;
	background-color:#fff;
	width:900px;
	height:auto;
	text-align:center;
	vertical-align:middle;
	}

	
#index_footer{
	clear:both;
	margin:0;
	padding:20px 0 0 0;
	width:900px;
	height:146px;
	text-align:center;
}


/** internal pages **/

#internal_header{
	background-image:url(../img/leon_logo.gif);
	background-repeat:no-repeat;
	margin:10px 0 10px 0;
	padding:0;
	background-position:top;
	width:900px;
	height:113px;
	}

/** internal_navagation **/
#internal_nav{	width:900px; height:33px; margin:10px 0 0 0 0; padding:0; border-bottom:1px solid #7c7c7c;}
	
#int_nav {padding:0 0 0 92px; margin:0; list-style:none; height:38px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#int_nav li.top {display:block; float:left; height:38px;}
#int_nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#7c7c7c; text-decoration:none; font-size:13px; padding:0 0 0 12px; cursor:pointer; font-weight:700;}
#int_nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; }
#int_nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; }

#int_nav li:hover a.top_link {color:#362e7e; font-weight:bold;}

/* Default list styling */

#int_nav li:hover {position:relative; z-index:200;}

#int_nav li:hover ul.sub{left:18px; top:30px; padding:3px; white-space:nowrap; width:146px; height:auto; z-index:300;}
#int_nav li:hover ul.sub li{display:block; height:20px; position:relative; float:left; width:146px; font-weight:normal; background:#fff;}
#int_nav li:hover ul.sub li a{display:block;  font-size:12px; height:1.6em; width:145px; line-height:19px; text-indent:5px; color:#7c7c7c; text-decoration:none; border:1px solid #7c7c7c; }
#int_nav li ul.sub li a.fly{}
#int_nav li:hover ul.sub li a:hover {color:#362e7e; border-color:#7c7c7c; font-weight:bold;}
#int_nav li:hover ul.sub li a.fly:hover{color:#362e7e;}

#int_nav li:hover ul.sub2{left:18px; top:30px; padding:3px; white-space:nowrap; width:90px; height:auto; z-index:300;}
#int_nav li:hover ul.sub2 li{display:block; height:20px; position:relative; float:left; width:86px; font-weight:normal; background:#fff;}
#int_nav li:hover ul.sub2 li a{display:block; font-size:12px; height:1.6em; width:85px; line-height:19px; text-indent:5px; color:#7c7c7c; text-decoration:none; border:1px solid #7c7c7c;}
#int_nav li ul.sub2 li a.fly{}
#int_nav li:hover ul.sub2 li a:hover {color:#362e7e; border-color:#7c7c7c; font-weight:bold;}
#int_nav li:hover ul.sub2 li a.fly:hover{color:#362e7e; }

#int_nav li:hover ul.sub2 li ul.align{text-align:center; left:8.3em; z-index:300;}
#int_nav li:hover ul.sub2 li ul.align li{display:block; position:relative; top:-99px;  }


#int_nav li:hover li:hover ul,
#int_nav li:hover li:hover li:hover ul,
#int_nav li:hover li:hover li:hover li:hover ul,
#int_nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; padding:3px; white-space:nowrap; width:90px; z-index:400; height:auto;}

#int_nav ul, 
#int_nav li:hover ul ul,
#int_nav li:hover li:hover ul ul,
#int_nav li:hover li:hover li:hover ul ul,
#int_nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#int_nav li:hover li:hover a.fly,
#int_nav li:hover li:hover li:hover a.fly,
#int_nav li:hover li:hover li:hover li:hover a.fly,
#int_nav li:hover li:hover li:hover li:hover li:hover a.fly
{color:#044575; border-color:#7c7c7c; font-weight:bold;} 

#int_nav li:hover li:hover li a.fly,
#int_nav li:hover li:hover li:hover li a.fly,
#int_nav li:hover li:hover li:hover li:hover li a.fly
{color:#044575; border-color:#7c7c7c;} 


#internal_content{width:800px; padding-left:50px; margin:40px 0 20px 0;}


#internal_footer{
	clear:both;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	width:900px;
	height:100px;
	text-align:center;
	border-top:1px solid #7c7c7c;
}


/*****************************************************/
/**********  CONTENT GALLERIES  **********************/
/*****************************************************/	

	/**** Gallery Painting Titles Style *****/
	.painting_title{
		font-weight:bold;
		font-size:13px;
		color:#362e7e;
		margin-bottom:0;
		}	
	/**** end style ****/
	
	.margin{margin-top:10px;}
	
	.gallery_ul li{
		list-style-type:none;
		}

	
.gallery_image{
	width:800px;
	height:auto;
	margin:20px 0 0 0;
	padding:10px 10px 0 10px;
	}
	
	
/**********************************************/
/**********  PLATE PAGE  **********************/
/**********************************************/	

#plate_wrapper{
	width:1000px;
	height:900px;
	margin:0 auto 0 auto;
	padding:0;
	}
	
#plate_header{
	width:1000px;
	height:116px;
	text-align:center;
	margin:0;
	padding:0;}
	

/*** the following code is needed to center the images in the div tag both
     vertically and horizontally. ***/
#plate_painting{
	display:table-cell;
	width:1000px;
	height:700px;
	text-align:center;
	vertical-align:middle;
	padding:3px 0 3px 0;
	}
	
#plate_painting * {
    vertical-align: middle;
}
/*** this is the end of the image centering code ***/


#plate_back_but{
	width:1000px;
	height:50px;
	margin:0;
	text-align:center;
	vertical-align:middle;
	}

/**
<!--[if IE]><style>
#plate_painting {
    display: block;
}
#plate_painting span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
</style><![endif]-->**/


/********************************************/
/**********  BIO PAGE  **********************/
/********************************************/	

#bio_pic{width:800px; height:352px; text-align:center; margin:0 0 40px 0;}