@charset "utf-8";

#cantaloupe * {
	padding: 0;
	margin: 0;
	}
	
	#cantaloupe a, #cantaloupe a img {
		border: none;
		outline: none;
		}

#cantaloupe {
	margin: -49px 0 0 0;
	text-align: left;
	}


#main {
	height: 270px;
	position: relative;
	}
	
	#overlay {
		text-align: right;		
		position: relative;
		}
		
		#video {
			width: 480px;
			height: 270px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 100;
			}
	
	a#play {
		position: absolute;
		display: block;
		text-indent: -5000px;
		height: 270px;
		width: 723px;
		z-index: 5;
		}
	
ul#thumbs {
	list-style: none;
	background: url(../images/thumbsBg.gif) repeat-x top left;
	height: 95px;
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	}
	
	ul#thumbs li {
		float: left;
		width: 240px;
		}
		
		
		ul#thumbs img, ul#thumbs .text {
			float: left;
			}
			
		ul#thumbs .text {
			width: 100px;
			padding: 5px;
			}
			
			a.watch {
				display: block;
				}
	

ul#js {
	clear: left;
	list-style: none;
	background: #eaeaec;
	height: 40px;
	border-bottom: 1px solid #6e6e6e;
	}
	
	ul#js li {
		float: left;
		height: 40px;
		background: url(../images/jsSep.gif) no-repeat right center;
		}
		
		ul#js li.last {
			background: none;
			}
		
		li#joinBtn {
			width: 400px;
			}
			
			li#joinBtn a {
				background: url(../images/signUp.gif) no-repeat center center;
				}
			
		li#shareBtn {
			width: 125px;
			
			}
			
			li#shareBtn a {
				background: url(../images/shareBtn.gif) no-repeat center center;
				}
			
		li#archiveBtn {
			width: 196px;
			}
			
			li#archiveBtn a {
				background: url(../images/archiveBtn.gif) no-repeat center center;
				}
			
	ul#js li a {
		text-indent:-5000px;
		display: block;
		height: 40px;
		}


/* 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 */