.sites,
.sites .site,
.site dl,
.site dt,
.site dd { 
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
} 

.sites {  margin: 0 21px; padding:0; overflow:hidden; }
.sites .site {  overflow: hidden; margin: 20px 0px; padding: 0 60px; float: left; width: 340px; min-height: 200px;  }
.sites .site .container { background: #dbe8ee url(/images/portfolio_frame.gif) 50% 50% repeat-y; overflow: hidden; }
.sites .site .header { background: url(/images/portfolio_frame.gif) 0% 100%  no-repeat; background-position: top left; }
.sites .site .header .text { overflow: hidden; }
.sites .site .images { width: 308px; height: 228px; margin: 5px auto; clear: both; overflow: hidden; }


.sites .site .details { background: url(/images/portfolio_bottom.gif) bottom left no-repeat; overflow: hidden; padding-bottom: 15px; }

.sites .site h2,
.sites .site h3 { display: inline; }

.sites .site h2 { float: right;  margin: 10px 15px 0 0; text-align: right; font-size: 17px; }
.sites .site h3 { float: left; margin: 15px 0 0 15px; font-size: 10px; color: #888888;}

.sites .site .details .text { 
	background: #edf4f7 url(/images/portfolio_textarea.gif) bottom left no-repeat; 
	width: 308px; 
	margin: 5px auto 0px auto;
	overflow: hidden;
}

.sites .site .details .text dl { 
	background: url("/images/portfolio_textarea.gif") no-repeat scroll -308px 0;
	overflow: hidden; 
	width: 308px; 
}

.sites .site .details .text dl dd { color: #3039b6; margin: 2px 4px; font-size: 10px; line-height: 22px; overflow: hidden;}

.sites .site .details .text dl dd span { float: left; text-align: left; color: #b61e1e;  width: 80px; }
.sites .site .details .text dl dd {  text-align: right; }
.sites .site .details .text .icons { margin: 2px 4px 0 4px;  }

.sites .divider { height:1px; line-height: 1px; margin: 8px 0; background: #C0C0C0; width: 100%; float: left;  font-size: 0px;}

/*.sites .site .details .text .description { float: left; margin: 4px; width: 300px; text-align: left; }*/