/* CSS Document */

body { 
	background-color: #333333; 
	#background-color: #292929; 
	color: #ffffff; 
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin: 0; 
	padding: 0;
}
img { 
	border: none; 
}
a { 
	color: #5c93b5; 
	text-decoration: none; 
}
a:hover { 
	color: #99bfd7;
}

/* containers */
#fullScreen { 
	width: 100%; 
	text-align: center; 
	background: url(images/xtend/xtendBackground.png) repeat-x 0 17px; 
	padding-top: 13px; }
#mainContent { 
	width: 846px; 
	text-align: left; 
	margin: 0 auto; 
}

/* Top Nav */
#nav { 
	width: 100%; 
	height: 68px; 
	background: url(images/xtend/xtendNavBg.png) left repeat-x; 
}
.navLeft { 
	float: left; 
	width: 20px; 
	height: 68px; 
	background: url(images/xtend/xtendNavLcorner.png) no-repeat; 
}
.navright { 
	float: right; 
	width: 20px;
	height: 68px; 
	background: url(images/xtend/xtendNavRcorner.png) no-repeat; 
}
.navMiddle { 
	float: left; 
}
#nav ul { 
	float: left; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 55px;
}
#nav ul li { 
	float: left; 
	margin: 0; 
	padding: 0; 
}
#nav ul a { 
	text-decoration: none; 
	color: #cccccc; 
	height: 68px; 
	line-height: 68px; 
	padding: 0 12px; 
	display: block; 
	float: left;
	font-size: 10px;
}
#nav ul a:hover { 
	background: url(images/xtend/xtendNavOn.png) left repeat-x; 
	color: #ffffff; 
}

/* Video Container */
#videoContainer { 
	margin-top: 6px; 
	width: 100%; }
.videoTop { 
	width: 100%; 
	height: 26px; 
	background: url(images/xtend/xtendVideoTop.png); }
.videoBottom { 
	width: 100%; 
	height: 57px;
	position: relative;
}
.videoBottomContent {
	position: absolute;
	left: 0; 
	top: 0;
}
.videoMiddle { 
	width: 100%; 
}
.videoLeft { 
	float: left; 
	width: 20px; 
	height: 450px; 
	background: url(images/xtend/xtendVideoLeft.png); 
}
.videoRight { 
	float: right; 
	width: 26px; 
	height: 450px; 
	background: url(images/xtend/xtendVideoRight.png); 
}
.video, #gallery { 
	float: left; 
	width: 800px; 
	height: 450px; 
	background: url(images/xtend/xtendVideoBg.png) no-repeat; 
	position: relative; 
}
#vid { 
	width: 800px; 
	height: 450px; 
	background: url(images/xtend/xtendAltVideoBg.png) no-repeat;
	z-index:  999;
}
#features {
	width: 800px; 
	height: 450px; 
	background: url(images/xtend/xtendBox1bg.png) no-repeat; 
}
#downloads {
	width: 800px; 
	height: 450px; 
	background: url(images/xtend/xtendAltVideoBg2.png) no-repeat; 
}
#features, #downloads, #altGallery, #pressKit { 
	font-size: 16px; 
	line-height: 23px; 
	color: #dddddd; 
}
#features ul li, #downloads ul li { 
	margin-bottom: 15px;
	list-style: none;
	list-style-image: url(images/xtend/xtendBullet.png);
}

.galleryRow { 
	width: 300px; 
	height: 60px; 
}
.galleryPic { 
	width: 60px; 
	height: 60px; 
	border: 1px solid #888888; 
	float: left; 
	margin-right: 15px; 
}
.btns { 
	text-align: right; 
	position: absolute; 
	right: 0; 
	bottom: 0; 
}
#mainImage { 
	border: 1px solid #888888; 
	float: right; 
	width: 350px; 
	height: 350px; 
	position: absolute; 
	right: 60px; 
	bottom: 40px; 
}

#thumbContainer {
	position: absolute;
	top: 120px;
	left: 70px;
}

#flash_gallery, #altGallery
 {
	position: absolute;
	top: 0;
	left: 0;
}

/* Feature Boxes */
#featureBoxes { 
	width: 846px; 
	height: 195px; 
	background: url(images/xtend/xtendBoxes.png) no-repeat; 
	padding: 12px 0 0 12px; 
}
.featureBoxesBottom { 
	width: 846px; 
	background: url(images/xtend/xtendBoxReflections.png) top no-repeat; 
	margin-top: -20px;  
}
.box p {
	padding: 0 8px;
}
.featureBoxesBottom p { 
	padding: 0 20px 0 20px; 
	margin-bottom: 20px; 
	color: #555555; 
	font-size: 10px; 
	line-height: 11px; 
	text-align: justify; 
}
.featureBoxesBottom a {
	color: #dddddd;
}
p.top { 
	margin: 0; 
	padding: 0; 
}
p.bottomLinks { 
	text-align: center; 
	font-size: 13px; 
	border-bottom: 1px solid #666666; 
	padding: 25px 20px 10px 20px; 
}
p.bottomLinks a { 
	color: #ffffff; 
}
p.bottomLinks a:hover { 
	color: #999999; 
}

.box {
	cursor: pointer;
	height: 165px; 
	width: 250px; 
	position: relative; 
	margin-right: 33px; 
	float: left; 
	font-size: 15px; 
	color: #dddddd; 
	line-height: 20px;
	padding-bottom: 7px;
}
.box button { 
	position: absolute; 
	left: 8px; 
	bottom: 8px; 
	background: url(images/xtend/xtendBoxBtn.png) no-repeat; 
	width: 115px; 
	height: 27px; 
	border: none; 
	font-size: 10px; 
	color: #ffffff; 
	padding-bottom: 5px; 
	#padding-bottom: 0; 
	cursor: pointer; 
}
.last { 
	margin-right: 0; 
}

/* Headline */
h2.headline { 
	font-size: 27px; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 60px; 
	line-height: 60px; 
	text-align: center; 
	letter-spacing: 1px; 
}
.videoInner h2 { 
	text-align: left; 
	font-size: 22px; 
	margin: 0; 
	padding: 0; 
	color: #ffffff;
}
h3 { 
	color: #ffffff; 
	margin: 8px 0 0 8px; 
	padding: 0; 
	font-size: 18px; 
	font-weight: normal; 
}

sup { 
	font-size: 15px; 
}
.headline sup { 
	font-size: 23px; 
}
.clear { 
	clear: both;  
}