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

/* =General Elements
--------------------------------------------------------------------------------*/

body {	
    background: url('../img/grid01b.gif'); 
	height: 100%;
    margin: 0px; 
	padding: 0px;
    position: relative;
	font-family: Helvetica, Geneva, Verdana, Arial, san-serif; 
	font-size: 12px;
	text-align:left;
	color: #333;
	line-height: 1.8em;
}
a, a:link, a:visited, a:active { color: #333; font-weight:bold; text-decoration: none; }
a:hover { color: #fff; font-weight:bold; background:#333;}
h1 
{
	font-family: "Trebuchet MS", Helvetica, Geneva, Verdana, Arial, san-serif;
	font-size: 14px; 
	text-align:left;
	color: #333;
}

h2 
{
	font-family: "Trebuchet MS", Helvetica, Geneva, Verdana, Arial, san-serif;
	font-size: 12px;
	line-height: 1.8;
    text-align:left;
	color: #333;
}
#menuitem
{
	position:absolute;
	left: 50px;
	top: 35px;
	width: 170px;
	font-family: "Trebuchet MS", Helvetica, Geneva, Verdana, Arial, san-serif;
	font-size: 12px;
	text-align:left;
	line-height: 1.5;
	z-index:100;
}


/* =Layout
--------------------------------------------------------------------------------*/
#contentgrid {
	position: absolute;
	top: 35px;
	left: 250px;
	width: 530px;
	background:url(../img/whitetrans2.png);
	padding: 0 0 0 25px;
}
#worksgrid {
	position: absolute;
	top: 35px;
	left: 250px;
	width: 700px;
	background:url(../img/whitetrans2.png);
	padding: 0 0 0 25px;
}
#projectwindow {
	position: relative;
	margin: 50px 30px auto 30px;
	padding: 5px;
}
#contact {
padding:30px;
}
.bio {
text-align:left;
width:90%;
padding:5px;
margin: 20px 5px 0px 10px;
}
.photo {
text-align:left;
width:100%;
padding:5px;
margin: 10px 0px 10px 0px;
}
.credit img {
float: left;
margin: 20px 10px 0px 10px;
padding-left:10px;
}

/* =Lists / Nav
--------------------------------------------------------------------------------*/

#homelist {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	z-index:101;}
	
#homelist ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
        z-index:101;
		}
		
#homelist li  { color: #fff; text-decoration: none; display:block; background:url(../img/blacktrans2.png); margin: 0 0 5px 0; z-index:101;
		}
		
#homelist li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		color: #fff;
		text-decoration: none;
		width: 100%;
        z-index:101;
		}

html>body #homelist li a {
		width: auto;
		}

#homelist li a:hover { color: #fff; text-decoration: none; display:block; background:url(../img/blacktrans3.png);
		}
		
#mainlist {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	}
	
#mainlist ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#mainlist li  { color: #333; text-decoration: none; display:block; background:url(../img/whitetrans2.png); margin: 0 0 5px 0;
		}
		
#mainlist li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		color: #333;
		text-decoration: none;
		width: 100%;
		}

	html>body #mainlist li a {
		width: auto;
		}

	#mainlist li a:hover { color: #fff; text-decoration: none; display:block; background:url(../img/blacktrans3.png);
		}
		
.secondlist {
	padding: 0 0 1em 0;
	list-style:none;
	font-family: Helvetica, Geneva, Verdana, Arial, san-serif; 
	font-size: 12px;
	}
	
.secondlist ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
.secondlist li  { color: #333; text-decoration: none; margin:0px;
		}
		
.secondlist li a {
		color: #333;
		text-decoration: none;
		width: 100%;
		}

html>body .secondlist li a {
		width: auto;
		}

.secondlist li a:hover { color: #333; text-decoration: none;
		}

/* =Extras
--------------------------------------------------------------------------------*/

.Pgallery { display: none; }

#updates { position: absolute; }


.infotext {font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}

.muybridge {
width:320px;
margin-left:475px;
margin-right:475px;
}
.ie {
font-size:14px;
font-weight:bold;
color:#fff;
text-align:center;
position:absolute;
margin-top:25px;

}



/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}