body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 100%;
	color: #6F6F6F;
	background: url(images/bg-body.gif) no-repeat #FFF fixed 160px 136px;
	margin: 0;
	padding: 0;
	}
	
body.portfolio {
	background: url(images/bg-body-portfolio.gif) no-repeat #FFF fixed 160px 136px;
}
	
h1#logo {
	position: fixed;
	top: 64px;
	left: 60px;
	display: block;
	width: 209px;
	height: 40px;
	background: url(images/bg-h1.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
* html h1#logo {  /*ie6*/
 position: absolute; 
 top: expression(64+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 left: expression(60+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
 } 


p {
	margin: 0;
	padding: 4px 0;
	line-height: 130%;
}
	
a {
	text-decoration: none;
	color: #6F6F6F;
	outline: none;
}

a:hover, a:active, a.active {
	color: #4CED81;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu {
	position: fixed;
	top: 160px;
	left: 60px;
	width: 100px;
	font-size: 140%;
	line-height: 100%;
	} 
* html ul#menu { 
	position: absolute; 
	 top: expression(160+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 	left: expression(60+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
 }
	
ul#submenu {
	position: fixed;
	top: 160px;
	left: 176px;
	width: 100px;
	font-size: 140%;
	line-height: 100%;
	}
* html ul#submenu { 
	position: absolute; 
	 top: expression(160+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 	left: expression(176+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
}
	
ul#menu li,  ul#submenu li{
	padding-bottom: 6px;
}
	
ul#submenu ul {
	font-size: 80%;
	position: relative;
	top: auto;
	left: auto;	
	padding: 9px 0 13px 0;
}
	
#display {
	position: absolute;
	top: 160px;
	left: 176px;
	width: 560px;
	overflow: visible;
}* html #display {
	overflow: hidden;
}

.portfolio #display {	
	top: 0px;
	left: 302px;
	float: left;
	padding: 0 0 1000px 0;
}

.home #display {
	left: 192px;
}

dl {
	margin: 0;
	padding: 4px 0;
	line-height: 130%;
	}
	
dt {
	margin: 0;
	padding: 0;
	}
	
dd {
	margin: 0;
	padding: 0 0 8px 0;
}

ul#breadcrumb {
	position: fixed;
	top: 0;
	left: 300px;
	height: 60px;
	width: 100%;
	background: #FFF;
	padding: 78px 0 0 0;
	font-size: 140%;
	line-height: 100%;
	}
* html ul#breadcrumb { 
	position: absolute; 
	top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 	left: expression(300+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
	margin: -160px 0 0 -176px; 
}
* html .portfolio #display ul#breadcrumb {
	margin: 0 0 0 -300px;
}

ul#imageLinks {
	position: fixed;
	background: #FFF;
	width: 100%;
	top: 138px;
	padding: 0 0 10px 0;
}
* html ul#imageLinks { 
	position: absolute; 
	 top: expression(138+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 	
}


ul#imageLinks li, ul#breadcrumb li {
	float: left;
	padding: 0 4px 0 0;
}

#images li {
	padding: 0 0 160px 0;
}

#images img, #images h2 {
	margin: 160px 0 0 0;
}

img.right {
	float: right;
	margin: 0 0 14px 14px;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}

h1 {
	color: #000;
	letter-spacing: -1pt;
	font-size: 240%;
	font-weight: normal;
	margin: 0 0 12px 0;
}

h2 {
	font-size: 140%;
	font-weight: bold;
	margin: 2px 0 6px 0;
}

/* MAN I HATE IE6 */
