html, body {
  height: 100%;
}

body {				
	font-family: Arial, Helvetica;
	margin: 0;
	padding: 0;
}

h1, h3 {
	margin: 0; 
}

h1 {
	color: #666;
	font-size: 24px;
}

h3 {
	color: #999;
	font-size: 14px;
}

img,
object{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.Wrapper {
	background: #FFF url('/_locale-assets/images/product-videos-legacy/landingpage_bg.png') repeat-x;
	height: auto !important;
	margin-bottom: -152px;
	min-height: 100%;
	position: relative;
	width: 100%;				
}			
.HeaderContainer,
.FooterContainer,
.BodyContainer {
	margin: 0 auto;
	max-width: 850px;
}				
.Header,
.Body,
.Footer {
	margin: 0 1.76470588235294%; /* 15/850 */
	width: 96.47058823529412%	/* 820/850 */
}
.Header {
	padding-top:15px;
}
.logoContainer {
	float: left;
	width: 151px;
}
.productID {
	float: right;
	margin-top: 29px;
	text-align: right;
}			
.Body {	
	margin-top: 93px;
}	
.espanolLink, .espanolLink2 {
	font-size: 11px;
}
.espanolLink, .espanolLink:active {
	color: #0082BE;
	display:block;
	float:right;				
	margin-right: 10%;
	position: relative;
	text-decoration: underline;
	z-index: 10;
}
.espanolLink:hover {
	color: #055B83;
	text-decoration: none;
}
.espanolLink2 {
	display: none;
}
.duckBackground {
	margin-left: -7.05882%;
}			
.duckContainer {
	width: 94.4%;
}
.duck {
	margin-top: -51.8%;
}

.videoContainer {
	margin-left: 24.3%; 
}

/* modeled from http://www.alistapart.com/d/creating-intrinsic-ratios-for-video/example6.html */

.videoContainer {
  width: 59%; 		  
}
.videoWrapper {
  position: relative;
  padding-bottom:56.25%;
  /* padding-top:25px; NO need to make room for the chrome*/
  height:0;
}
* html .videoWrapper {
  margin-bottom: 45px;
  margin-bot\tom: 0;
}
.videoWrapper div,
.videoWrapper object {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
}

/* END */

.FooterWrapper {
  background: url("/_locale-assets/images/product-videos-legacy/landingpage_footer_bg.png") repeat-x scroll left top transparent;			  
  position: relative;
  width: 100%;
  z-index: 20;
}
.FooterWrapper,
.FooterPush {
	height: 141px;
}
.Footer {
	color: #888;
	font-size: 11px;				
	position:relative;
	top: 38px;
}					

.floatClear, .clearFloat {
	clear: both !important;
	font-size: 1px;
}

@media screen and (max-width: 820px) {
	.espanolLink {
		margin-right: 8%;
	}				
}

@media screen and (max-width: 650px) {
	html {
		-webkit-text-size-adjust: none;
	}								
	
	.HeaderWrapper {
		text-align: center;
	}
	.Body {
		margin-top:40px;
	}
	.logoContainer, .productID {					
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.productID {
		margin-top: 10px;
	}					
	.espanolLink2, .espanolLink2:active {					
		background-color: #0082BE;
		border-radius: 5px;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		float: none;
		margin: 0 0 10px 19.3%;
		padding: 4px 3px 3px 3px;
		text-align: center;
		text-decoration: none;
		width: 70px;
	}
	.espanolLink2:hover {
		color: #FFF;
		background-color:#055B83;
	}
	.espanolLink {
		display:none;
	}
}