#cantaloupe {
	width: 734px;
	font-family:Verdana;
	font-size:11px;
	}
#cantaloupe * {
	margin: 0;
	padding: 0;
	}

#cantaloupe a img {
	border: none;
	outline: none;
	}
	
	#cantaloupe a {
		border: none;
		outline: none;
		}

#main {
	position: relative;
	height: 292px;
	background: url(../images/mainBg.jpg) no-repeat top left #FFFF00;
	}
	
	#overlay {
		position: absolute;
		z-index: 30;
		bottom: 0;
		left: 0;
		height: 292px;
		width: 735px;
		background: #dee5b3;
		}
		
		#titleBar {
			height: 20px;
			line-height: 20px;
			background: #a1ab66;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
			}
			#titleBar h3 {
				color: #f1e9c1;
				padding: 0 5px;
				}
			
			a#closeBtn {
				float: right;
				height: 20px;
				font-weight: bold;
				color: #222;
				background: #F1F1F1;
				padding: 0 5px;
				text-decoration: none;
				}
				
				a#closeBtn:hover {
					color: #990000;
					}
		#video {
			width: 480px;
			height: 270px;
			background: #000;
			float: left;
			}
			
			#description {
				width: 230px;
				padding: 10px;
				float: left;
				}
	
	a#view {
		display: block;
		text-indent: -5000px;
		height: 292px;
		background: #FFFF00;
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
		}
		
		a#view:hover {
			opacity: .10;
			-moz-opacity: .10;
			filter: alpha(opacity=10);
			}
		
ul#js, ol#thumbs {
	list-style: none;
	}
	
	ul#js li, ol#thumbs li {
		float: left;
		}
	
	ul#js li {
		margin: 0 1px 0 0;
		}
		ul#js li.last {
			margin: 0;
			}
	
	ol#thumbs {
		background: #FFFF00;
		border: 1px solid #FFF;
		}
	
	ol#thumbs li {
		width: 244px;
		background: #FFF;
		}
		
		ol#thumbs li:hover, ol#thumbs li.hov {
			opacity: 0.85;
			-moz-opacity: 0.85;
			filter: alpha(opacity=85);
			}
		
		ol#thumbs li.last {
			
			}
		
	ol#thumbs li img, ol#thumbs li p {
		float: left;
		}
		
		ol#thumbs li p {
			width: 132px;
			
			}
			
			ol#thumbs li a {
				color: #9aae24;
				font-size: 12px;
				font-weight:bold;
				text-decoration: none;
				}
				
				ol#thumbs li a span.title {
					margin: 5px 0 0 0;
					display: block;
					color: #646464;
					}
				
			ol#thumbs li p .pad {
				display: block;
				padding: 10px;
				}


#bn {
	background: #a1ab66;
	padding: 15px 20px;
	margin: 0 0 20px 0;
	}
	#bn h3 {
		color: #f1e9c1;
		font-size: 14px;
		}
		
		#bn h3 .newsItem {
			color: #FFF;
			font-size: 12px;

			}
			
#rate {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 255px;
	padding: 5px 0;
	background: #f1e9c1;
	}
	
	#rate h3 {
		font-size: 14px;
		}
	
ul#rate_video {
	list-style: none;
	}
	ul#rate_video li {
		float: left;
		margin: 0 2px 0 0;
		}
		ul#rate_video li a {
			text-indent: -5000px;
			display: block;
			height: 16px;
			width: 17px;
			padding: 1px;
			background: url(../images/rate_off.gif) no-repeat center center;
			}
			
			ul#rate_video li a.on {
				background: url(../images/rate_on.gif) no-repeat top left;
				}

/* ClearFix CSS */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */