html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* Global
------------------------*/

body {font-family: verdana, arial, sans-serif;font-size: 100%;}

h1, h2, h3, h4, h5, h6 {color: #666; font-weight: bold; margin: 1em 0;}

strong {font-weight: bold;}

#wrap {margin:0 auto; width: 980px;}


#header { border-bottom: 1px solid #999; padding-top: 1px; margin-bottom: 22px; height: 56px;}
#header h1 {float: left; color: #999; font-size: 34px; font-weight: normal; margin: 12px 0 0; width: 50%;}
/*
#header ul {float: right; text-align: right; margin: 30px 0 0; width: 40%; }
#header ul li {float: right; margin-left: 5em;}
*/
#content {
	font-size: 76%;
	}


  a:link 		{color: #999; text-decoration: none;}
  a:visited 	{color: #999; text-decoration: none;}
  a:hover 		{color: #333; text-decoration: none;}

#header ul { float: right; padding: 28px 0  0 0; margin: 0 0 0 0; list-style:none;} 
#header li {float:left;  padding: 0 3em 0 5px; }
#header a  {display:block}  
#header li ul {position: absolute; width: 13em; left: -999em; padding:0 0 1em 0; z-index: 1000; background: url(i/transparent.png) top left ;}
#header li ul li {border:0; margin: 16px   0 0 1em;   padding: 5px 0 ; font-size: 76%; width: 13em;}
#header li:hover ul {left: auto;}
#header li#first { padding-left: 0; margin-left: 0; }
#header li#last { border: 0;}

/* Home page
------------------------*/
#splash {border: 1px solid #ccc;}
#splash img {display: block; margin: 10px auto;}





/* Contact page
------------------------*/
#bio-page #content {color: #666;}
#bio-page #content ul {margin: 2em 0;}
#bio-page #content h2 {margin: 2em 0 1em 0;}

#bio-page #content dt {float: left; width: 4em;	color: #555 ; font-size: 90%; line-height: 1.5;}
#bio-page #content dd {margin-left: 4em; font-size: 90%;line-height: 1.5;} 
#bio-page #content li {margin-left: 4em; font-size: 90%;line-height: 1.5;} 



/* Contact page
------------------------*/
#contact-page #content {color: #666;}
#contact-page #content ul {margin: 2em 0; font-size: 90%;line-height: 1.5;} 





/* Work page
------------------------*/
#content h2 {
	color: #999;
	font-size: 125%;
	font-weight: normal;
	margin-left: 10px;
	}


.slide {
	float: left; 
	position: relative;
	margin: 9px; 
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd; 
	height: 175px; 
	width: 175px;
	}
	
.slide .num {
	float: right; 
	position: absolute; top: 5px; right: 5px; 
	color: #ddd; 
	font-size: 16px;
	font-weight: bold;
	}
	
.slide .thumb img {
	display: block; 
	margin: auto;
/*	border-top: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #bbb;   */
	}


.slide .ls img {
	display: block; 
	margin-top: 38px; 
	/*height: 95px;*/
	width: 127px;
	}
	
.slide .pt img {
	display: block; 
	margin-top: 24px; 
	height: 127px;
	/*width: 95px; */
	}

.slide .sq img {
	display: block; 
	margin-top: 24px; 
	height: 127px;
	width: 127px; 
	}



.slide:hover {
	color: #999; 
	border-top: 1px solid #999;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #999; 
	} 
	
	.slide:hover .num {color: #999; border-color: #999;}



.description {display: none;}




#footer {
	clear: both;
	color: #ccc;
		padding-top: 2em;
	}

#copyright {
	clear: both;
	color: #ccc;
	border-top: 1px solid #ccc;
	font-size: 11px;
	padding-top: 1em;
	margin-bottom: 4em;
}