@charset "UTF-8";
/* CSS Document */

html {
  height: 100%; /* needed by Opera 8 & Konqueror 3.4 */
}

body {
	margin:0px;
	padding:0px;
	background: url('images/backzee.gif') 695px bottom fixed #ccc no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
#top {
	height: 1px;
	padding: 0;
	margin: 0;
	}
	
#bottom {
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}
	
a {
	color:#000;
	text-decoration: none;
	}
	
a:hover {
	color:#ccc;
	text-decoration:none
	}
	
p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
#work {
	padding: 10px;
	}
	
#contents {
	position: relative;
	background: url(images/leobar.gif) repeat-y -10px -500px #fff;
	width:650px;
	margin-left:50px;
	padding-bottom: 10px;
	}
	
#header {
	width:650px;
	margin-bottom: 5px;
	}
	
#subheader {
	width:auto;
	margin: 70px 20px 20px 130px;
	padding: 0px;
	}

#content {
	margin: 10px 35px 20px 160px;
	}
	
#nav ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
	float:right;
	}

#nav li
	{
	float: left;
	margin: 0 5px;
	}

#nav li a
	{
	height: 20px;
	line-height: 7px;
	float: left;
	width: 80px;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	}
	
#nav a:hover {
	color:#ccc;
	text-decoration:none
	}
	
#bio ul {
	list-style: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

#gal {
	width: 500px;
	padding: 0px;
	}
	
#gal ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
	float:left;
	}

#gal li
	{
	float: left;
	margin: 0px;
	border-right: 1px solid black;
	}
	
#gal li a
	{
	height: 20px;
	line-height: 8px;
	float: left;
	width: 130px;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	}
	
#gal a:hover {
	color:#ccc;
	text-decoration: none;
	}
	
#gal2 {
	width: 500px;
	padding: 0px;
	}
	
#gal2 img
	{
	border: 1px black solid;
	border-color: #000;
	}
	
#gal2 img:hover {
	border: 1px black solid;
	border-color: #ccc;
	}

#gal3 {
	width: 500px;
	padding: 50px 0px 0px 0px;
	}
	
#gal3 ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
	float:left;
	}

#gal3 li
	{
	float: left;
	margin: 0px;
	border-right: 1px solid black;
	}
	
#gal3 li a
	{
	height: 20px;
	line-height: 8px;
	float: left;
	width: 200px;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	}
	
#gal3 a:hover {
	color:#ccc;
	text-decoration: none;
	}
	
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
	display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(images/photography/thumb01.jpg);}
a.slideb {background:url(images/photography/thumb02.jpg);}
a.slidec {background:url(images/photography/thumb03.jpg);}
a.slided {background:url(images/photography/thumb04.jpg);}
a.slidee {background:url(images/photography/thumb05.jpg);}
a.slidef {background:url(images/photography/thumb06.jpg);}
a.slideg {background:url(images/photography/thumb07.jpg);}
a.slideh {background:url(images/photography/thumb08.jpg);}
a.slidei {background:url(images/photography/thumb09.jpg);}
a.slidej {background:url(images/photography/thumb10.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

a.slidea em {background:url(images/photography/pic01.jpg) 5px 5px  no-repeat;}
a.slideb em {background:url(images/photography/pic02.jpg) 5px 5px  no-repeat;}
a.slidec em {background:url(images/photography/pic03.jpg) 5px 5px  no-repeat;}
a.slided em {background:url(images/photography/pic04.jpg) 5px 5px  no-repeat;}
a.slidee em {background:url(images/photography/pic05.jpg) 5px 5px  no-repeat;}
a.slidef em {background:url(images/photography/pic06.jpg) 5px 5px  no-repeat;}
a.slideg em {background:url(images/photography/pic07.jpg) 5px 5px  no-repeat;}
a.slideh em {background:url(images/photography/pic08.jpg) 5px 5px  no-repeat;}
a.slidei em {background:url(images/photography/pic09.jpg) 5px 5px  no-repeat;}
a.slidej em {background:url(images/photography/pic10.jpg) 5px 5px  no-repeat;}

/* styling for TOP gallery */
#container_top {position:relative; width:425px; height:480px; background:#ccc; border:2px solid #000;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:110px; left:5px; padding:5px; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-size:12px; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:303px; top:160px; left:5px; color:#000; padding:5px; border:1px solid #000; z-index:50;}
#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: tahoma, serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}