/* CSS Document */

#videos {
	background: #000 url(../img/videosvid/IM3-CLIP2_00043.jpg);
	position: absolute;
	width: 1280px;
	height: 544px;
	display: block;
	color: #999;
	top: 544px;
	left: 50%;
	margin-left: -640px;
}

	#videosVideoCanvas {
		position: absolute;
		top: 0;
		left: 0;
	}

	#videosVidPlayhead {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
	}
	
	
	
	
	
	
#videos-main {
	background: #000 url(../img/videos/bg2.jpg);
	width: 1280px;
	height: 544px;
	display: block;
	position: absolute;
	color: #999;
	top: 0;
	left: 50%;
	margin-left: -1920px;
}

	#videosContent {
		position: absolute;
		left: 125px;
		top: 40px;
	}
		#videosTitle {
			position: absolute;
			top: 33px;
			left: 0;
			font-size: 40px;
			color: #888;
		}
		
		#videosContent #bar1 {
			display: block;
			top: 80px;
			left: 0;
			width: 190px;
			height: 1px;
			background: rgba(205,205,205, .3);
		}
		
		#videosContent #bar2 {
			display: block;
			top: 83px;
			left: 0;
			width: 190px;
			height: 4px;
			background: rgba(255,255,255, .1);
		}
		
		#videosMenu {
			position: absolute;
			top: 100px;
			left: 0;
			width: 190px;
			height: 338px;
			display: block;
			overflow: hidden;
		}
			#videosThumbs {
				position: absolute;
				top: 0;
				left: 0;
				list-style: none;
			}
			
				#videosMenu li {
					display: block;
					margin-bottom: 10px;
					width: 190px;
					height: 106px;
				}
				
				.videosThumb {
					white-space: nowrap;
				}
				
				.videosThumb img {
					display: block;
				}
				
				.videosThumbLabel {
					background: #161616 url(../img/videos/thumbArrow.png) no-repeat right;
					height: 26px;
					width: 183px;
					padding-left: 7px;
					display: block;
					top: 106px;
					left: 0;
					color: #fff;
					font-size: 13px;
					line-height: 26px;
					letter-spacing: 1px;
				}
				
				.videosThumb:hover .videosThumbLabel {
					background-color: rgb(140,0,0);
				}
				
				.selected {
				}
				
				.selected .videosThumbLabel {
					background-color: rgb(140,0,0);
				}
				
			#videoUpBtn {
				top: 442px;
				left: 112px;
				display: block;
				width: 40px;
				height: 40px;
				background: url(../img/videos/arrowUp.png) top left;
			}
			
			#videoDownBtn {
				top: 442px;
				left: 148px;
				display: block;
				width: 40px;
				height: 40px;
				background: url(../img/videos/arrowDown.png) top left;
			}
			
			#videoDownBtn:hover, #videoUpBtn:hover {
				background-position: bottom left;
			}
			
			#videoDownBtn.disabled, #videoUpBtn.disabled, #videoDownBtn:hover.disabled, #videoUpBtn:hover.disabled  {
				background-position: top right;
				cursor: default;
			}
			

	#videoContainer {
		position: absolute;
		background: #000 url(../img/videos/videoFramePic2.jpg) center no-repeat;
		left: 203px;
		height: 436px;
		width: 680px;
		top: 0px;
		
	}
	
	
	
	
	#videos2CanvasShell {
		position: absolute;
		top: 0;
		left: 601px;
		display: block;
		width: 679px;
		height: 544px;
		background: #000 url(../img/videos2vid/v2/ironpat-rotation_00000.jpg);
	}

	#videos2VideoCanvas {
		position: absolute;
		top: 0;
		left: 0;
	}

	#videos2VidPlayhead {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
	}