@charset "UTF-8";

a.selected {
	color:#FF0000;
	}
	
.portfolio {
	width: 810px;
	text-align:center;
}

.port-title {
	margin-top:0px;
	padding-left:20px;
	text-align:left;
	/*border-radius:			8px;
	-moz-border-radius-bottomleft:		8px;
	-webkit-border-bottom-left-radius:	8px;*/
	/*background-image:url(../graphics/site/text-bg2.gif);*/
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
}

/*.port-title:hover {
	text-decoration:none;
}

.port-title:link {
	color: #000000;	
}

.port-title:visited {
	color:#666666;
	text-decoration:none;
	}*/

.thumb {
	/*background-image:url(../graphics/site/port-thumb-text-bg.gif);
	background-repeat:repeat;*/
	padding: 14px;
	width: 780px;
	min-height:180px;
	margin-top: 10px;	/*border-radius:			8px;
	-moz-border-radius-bottomleft:		8px;
	-webkit-border-bottom-left-radius:	8px;*/
	height: 210px;
	/*border-left: #0099FF solid 1px;*/
	border-top: #0099FF solid 1px;
}

/*.thumb-image{
	width:240px;
	height:180px;
	float:left;
	border: 1px solid;
	border-color:#000000;
	border-radius:			24px;
	-moz-border-radius-bottomright:		24px;
	-webkit-border-bottom-right-radius:	24px;
	-moz-border-radius-topleft:		10px;
	-webkit-border-top-left-radius:  10px;
}*/

.thumb-image:hover {
	border: 1px solid #333333;
	}

.subtitle {
	background-color:#FFFFFF;
	/*background-image:url(../graphics/site/text-bg1.jpg);
	background-repeat:repeat;*/
	color: #000000;
	text-align: left;
	width:300px;
	display: block;
	font-size: 14px;
	padding: 10px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	float: right;
}
.subtitle:link {
	margin-left: 10px;
	
}

.subtitle:hover {
	text-decoration:none;
	}

.description {
	background-color:#333;
	background-image:url(../graphics/site/port-desc-corner.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	color: #FFFFFF;
	text-align: left;
	display: block;
	padding:10px;
	font-size: 12px;
	min-height: 80px;
	width:300px;
	float: right;
	border-left: 2px solid #000;
}

.description:link {
	color:#CCCCCC;
}

.description:hover {
	text-decoration:none;
	}
	

.audio-wrapper {
	margin: 20px;
}

.audiosubtitle {
	
	text-align: left;
	width:110px;
	float:left;
	font-size: 12px;
	padding:12px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-radius:			6px;
	-moz-border-radius-bottomright:		6px;
	-webkit-border-bottom-right-radius:	6px;
	}


.audiosubtitle:hover {
	text-decoration:none;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
	/*border-radius:			8px;
	-moz-border-radius-bottomleft:		8px;
	-webkit-border-bottom-left-radius:	8px;*/
}


.audioheader {
	text-align: left;
	height: 20px;
	margin-top:10px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	color: #FFFFFF;
}