@import url("../styles.css");



/* Portfolio
---------------------------------------------------------------------- */

#portfolio #body > .content hr
{
	margin-bottom: 10px;
}

#portfolio #body > .content .retail h1       {  xbackground-image: url("../../images/pages/portfolio/heading-retail.gif");  }
#portfolio #body > .content .restaurant h1   {  xbackground-image: url("../../images/pages/portfolio/heading-restaurant.gif");  }
#portfolio #body > .content .other h1        {  xbackground-image: url("../../images/pages/portfolio/heading-other.gif");  }

#portfolio #body > .content .section
{
	position: relative;
	clear: both;
}

#portfolio #body > .content .section + .section
{
	padding-top: 50px;
}

#portfolio #body > .content .entries
{
	position: relative;
	float: left;
	width: 350px;
}

#portfolio #body > .content .entries.col2
{
	float: right;
}

#portfolio #body > .content .entries li
{
	position: relative;
	width: 100%;
	min-height: 60px;
	margin-top: 10px;
	list-style: none;
	background: #d6cec1 url("../../images/pages/portfolio/corner-bl.gif") bottom left no-repeat;
}

#portfolio #body > .content .entries.col2 li.even,
#portfolio #body > .content .entries.col1 li.odd
{
	background: #e7ded0 url("../../images/pages/portfolio/alt-corner-bl.gif") bottom left no-repeat;
}

#portfolio #body > .content .entries li img
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 87px;
	height: 60px;
}

#portfolio #body > .content .entries li .corner
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 87px;
	height: 100%;
	background: url("../../images/pages/portfolio/corner-tr.png") top right no-repeat;
}

#portfolio #body > .content .entries li .text
{
	width: 228px;
	padding: 13px 0 15px 20px;
}

#portfolio #body > .content .entries li h3
{
	font-size: 0.9em;
	font-weight: bold;
}

#portfolio #body > .content .entries li p
{
	font-size: 0.8em;
}