body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #F8EECB;
	background: #5d0000 url(img/portfolio/bg.jpg) center top no-repeat;
	text-align: center; /* needed for ie5.x */
	}

p {
	margin: 0;
	padding: 1em 0 0; 
	line-height: 140%;
	}	
	
a img {
	border: none;
	}	

a {
	color: #FC0;
	text-decoration: none;
	}	

a:hover {
	color: #F63;
	}

hr {display: none; clear: both;}

.rule {
	height: 3px;
	width: 100%;
	background: url(img/portfolio/rule.gif);
	margin: 1em 0;
	padding: 0;
}
	
/* --- Top and Bottom Rules --- */

#toprule, #botrule {
	margin: 0 auto; padding: 0;
	height: 28px; width: 100%;
	background: #500000 url(img/portfolio/topbotrule.gif) top repeat-x;
	text-align: center;
	}
	
#toprule p, #botrule p {
	margin: 0; padding: 8px;
	text-align: center;
	font-size: 9px;
	line-height: 100%;
	color: #d2a675;
	text-transform: uppercase;
	letter-spacing: .12em;
	}
	
#botrule {
	margin-top: 40px;
	background-position: bottom;
}

#botrule p {
	padding-top: 10px;
}
	
/* --- Containers --- */

#wrapper {
	margin: 0 auto;
	width: 780px;
	text-align: left;
	}


#intro {
	margin: 0; padding: 0;
	width: 780px;
	position: relative;
	}
	
#intro h1 {
	margin: 25px 0 0;
	padding: 0;
	width: 357px;
	height: 30px;
	text-indent: -5000px;
	background: url(img/portfolio/logo.gif) no-repeat;
	}
	
#intro a {font-size: 11px; padding-left: 10px;}
	
#intro p {
	margin: 5px 20px; padding-left: 5px; color: #f8eecb;
	line-height: 18px; font-size: 12px;
	background: url(*img/portfolio/p_bg.gif) no-repeat  0px 0px;
	}
	
#intro .smallname {
	font-size: 10px;
	padding: 0 0 0 45px;
	line-height: 45px;
	text-transform: uppercase;
	}

/*<group=project>*/

.proj {
	height: 223px;
	margin: 30px 0;
}

.details, .image {
	float: left;
	width: 390px;
}

.image {
	float: right;
	text-align: center;
	margin-top: 15px;
}

.proj h2 {
	background: url(img/portfolio/projh2bg.gif) no-repeat left bottom;
	padding: 0 43px 15px;
	margin: 0 0 4px;
	color: #f8eecb;
	text-transform: uppercase;
	font: normal 16px Georgia, Times New Roman, Times, serif;
	letter-spacing: 1px;
	
}

.proj dl, .proj p, .proj img {
	margin: 0 20px;
}

.proj dl {
	font-size: 10px;
	line-height: 19px;
}

.proj dt {
	text-transform: uppercase;
	color: #fc0;
	width: 60px;
	float: left;
}

.image p {
	padding: 8px 0 0;
}

.image p a {
	display: block;
	width: 142px;
	height: 51px;
	margin: 0 104px;
	background: url(img/portfolio/visitsite.gif) top left;
	text-indent: -5000px;
}

.image p a:hover {
	background-position: bottom left;
}
	
/*</group>*/