body {
	background: #000 url(../images/bg_body.jpg) center top no-repeat;
	line-height: 1.5em;
}

h1 {
	border-bottom: 1px solid #fff;
	margin-bottom: 35px;
	padding-bottom: 20px;
	width: 780px;
}

h3 {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

a {
	color: #c1272d;
	text-decoration: none;
	font-weight: bold;
}

em {
	color: #c1272d;
	font-style: normal;
}

big {
	font-size: 1.1em;
}

input,
textarea {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666;
}





#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
	
	#header {
		padding-top: 204px;
		height: 42px;
		position: relative;
	}
		
		#logo {
			display: block;
			margin: 0;
			padding: 0;
			width: 183px;
			height: 179px;
			position: absolute;
			left: 389px;
			top: 59px;
			background: url(../images/logo.png) 0 0 no-repeat;
		}
			
			#logo a {
				display: block;
				width: 183px;
				height: 179px;
				cursor: pointer;
			}
				
				#logo a span { display: none; }
		
		#nav {
			margin: 0;
			padding: 0;
			width: 960px;
			height: 42px;
			list-style: none;
			position: relative;
			background: url(../images/bg_nav.png) 0 -126px no-repeat;
		}
			
			#nav li {
				display: block;
				margin: 0;
				padding: 0;
				width: 150px;
				height: 42px;
				position: absolute;
				top: 0;
			}
			
			#nav li.story { left: 85px; }
			#nav li.watch { left: 245px; }
			#nav li.videos { left: 565px; }
			#nav li.contact { left: 725px; }
			
				#nav li a {
					display: block;
					width: 150px;
					height: 42px;
				}
					
					#nav li.story a { background: url(../images/bg_nav.png) -85px 0 no-repeat; }
					#nav li.watch a { background: url(../images/bg_nav.png) -245px 0 no-repeat; }
					#nav li.videos a { background: url(../images/bg_nav.png) -565px 0 no-repeat; }
					#nav li.contact a { background: url(../images/bg_nav.png) -725px 0 no-repeat; }
					
					#nav li.story a:hover { background: url(../images/bg_nav.png) -85px -42px no-repeat; }
					#nav li.watch a:hover { background: url(../images/bg_nav.png) -245px -42px no-repeat; }
					#nav li.videos a:hover { background: url(../images/bg_nav.png) -565px -42px no-repeat; }
					#nav li.contact a:hover { background: url(../images/bg_nav.png) -725px -42px no-repeat; }
					
					#nav li.story a.selected { background: url(../images/bg_nav.png) -85px -84px no-repeat; }
					#nav li.watch a.selected { background: url(../images/bg_nav.png) -245px -84px no-repeat; }
					#nav li.videos a.selected { background: url(../images/bg_nav.png) -565px -84px no-repeat; }
					#nav li.contact a.selected { background: url(../images/bg_nav.png) -725px -84px no-repeat; }
					
					#nav li a span { display: none; }
	
	#content {
		width: 820px;
		height: 449px;
		padding: 56px 60px 0 80px;
		background: url(../images/bg_content.png) 0 0 no-repeat;
	}
	
	div.videos {
		background: url(../images/bg_contentVideos.png) 0 0 no-repeat !important;
	}
		
		#homeContent {
			position: relative;
		}
			
			#homeContent h1 {
				margin-bottom: 25px;
				padding-bottom: 0;
				border: none;
			}
			
			#homeImage {
				position: absolute;
				left: 318px;
				top: 0;
			}
			
			#homeContent p {
				width: 300px;
			}
		
		#watchContent {
		}
			
			#watchContent div.img {
				float: left;
				width: 220px;
				margin-right: 20px;
			}
				
				#mainGallery {
					margin: 0;
					padding: 0;
					list-style: none;
				}
					
					#mainGallery li {
						margin: 0;
						padding: 0;
					}
					
					#mainGallery li+li { display: none; }
			
			#watchContent div.details {
				float: left;
				width: 540px;
			}
		
			#theGoods {
				float: left;
				width: 320px;
				font-weight: bold;
			}
				
				#theGoods p {
					font-size: 0.9em;
				}
				
				#gallery {
					margin: 0;
					padding: 0;
					list-style: none;
				}
					
					#gallery li {
						float: left;
						margin-right: 20px;
					}
						
						#gallery li+li+li {
							display: none;
						}
			
			#orderDetails {
				float: right;
				width: 140px;
				font-weight: bold;
			}
				
				#orderDetails ul {
					margin: 0 0 1.0em 0;
					padding: 0;
					list-style: none;
					font-size: 0.9em;
					line-height: 1.7em;
				}
				
				#orderDetails p {
					margin: 0 0 0 0;
					padding: 0;
					list-style: none;
					font-size: 0.9em;
					line-height: 1.7em;
				}
			
			#share {
				float: right;
				width: 140px;
				margin-top: 10px;
				font-size: 0.8em;
			}
				
				#share img {
					vertical-align: middle;
				}
		
		#video {
			float: left;
			width: 620px;
		}
		
		#videos {
			float: right;
			width: 140px;
			padding-right: 20px;
		}
			
			#videos ol {
				margin: 0 0 20px 0;
				padding: 0;
				line-height: 1.0em;
				font-size: 0.8em;
				text-transform: uppercase;
				list-style: none;
			}
				
				#videos ol li {
					margin: 0;
					padding: 0;
					line-height: 1.175em;
					margin-bottom: 10px;
				}
					
					#videos ol li a {
						display: block;
						padding: 5px;
						color: #ebf0ca;
						background-color: #000;
					}
					
					#videos ol li a.selected,
					#videos ol li a:hover {
						background-color: #c1272d;
						color: #000;
					}
					
					#videos ol li img {
						float: left;
						margin-right: 5px;
						width: 60px;
						height: 45px;
					}
		
		#contactUsContent {
		}
			
			#contactInfo {
				float: left;
				width: 240px;
			}
			
			#contactForm {
				float: left;
				width: 400px;
			}
				
				label.error {
					display: block;
					margin: 0;
					padding: 1px 5px;
					width: 298px;
					font-size: 0.9em;
					display: none !important;
				}
				
				#contactError {
					margin: 5px 0 0 0;
					padding: 1px 5px;
					width: 298px;
					display: none;
				}
				
				#contactForm input {
					width: 300px;
					height: 17px;
					padding: 5px 5px 3px 5px;
					border: 1px solid #333;
					background-color: #fff;
					color: #333;
				}
				
				#contactForm textarea {
					width: 300px;
					height: 100px;
					padding: 5px;
					border: 1px solid #333;
					background-color: #fff;
					color: #333;
				}
				
				#contactForm #btnSend {
					border: 0;
					width: 51px;
					height: 27px;
					padding: 0;
					background-color: transparent;
				}
			
			#followUs {
				float: right;
				width: 140px;
			}
				
				#followUs ul {
					margin: 8px 0;
					padding: 0;
					list-style: none;
				}
					
					#followUs ul li {
						margin: 0 0 5px 0;
						padding: 0;
					}
	
	#footer {
		padding: 5px 0 30px 0;
		text-align: center;
		font-size: 0.9em;
	}
		
		#times {
			margin: 0;
			padding: 15px 0;
			background: url(../images/bg_footer.png) top no-repeat;
			list-style: none;
			color: #fff;
		}
			
			#times li {
				display: inline;
				margin: 0 5px;
			}





#btnBuyNow {
	width: 82px;
	background: url(../images/btn_buyNow.png) 0 0 no-repeat;
}

#btnPreOrder {
	width: 111px;
	background: url(../images/btn_buy_the_watch.png) 0 0 no-repeat;
}

#btnBuyBand {
	width: 103px;
	background: url(../images/btn_buy_the_band.png) 0 0 no-repeat;
}

#btnSend {
	width: 51px;
	background: url(../images/btn_send.png) 0 0 no-repeat;
}

#btnTwitter {
	width: 139px;
	background: url(../images/btn_twitter.png) 0 0 no-repeat;
}

#btnFacebook {
	width: 139px;
	background: url(../images/btn_facebook.png) 0 0 no-repeat;
}

#btnYouTube {
	width: 139px;
	background: url(../images/btn_youtube.png) 0 0 no-repeat;
}

a.button {
	display: block;
	height: 27px;
}
	
a.button:hover { background-position: 0 -27px !important; }

a.button span { display: none; }

#happyHourOverlay {
}
	
	#happyHourOverlay a:hover { color: #fff; text-decoration: underline; }

	#fancybox-outer {
		background-color: #000;
	}

.hide { display: none; }





.clearfix:after,
#watchContent:after,
.details:after,
#videos ol li a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
#watchContent,
.details,
#videos ol li a {
	display: inline-block;
}

.clearfix,
#watchContent,
.details,
#videos ol li a {
	display: block;
}
/* end clearfix */