/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,
,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

/* Sticky footer */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 240px;}  /* must be same height as the footer */

footer {position: relative;
	margin-top: -240px; /* negative value of footer height */
	height: 240px;
	clear:both;} 

/* Opera Fix */

body:before { /* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px; /* thank you Erik J - negate effect of float*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Grid styles

	12 column Grid:

	1 	4.25%
	2	14.5833%
	3	22.9166%
	4	31.25% 
	5	39.5833% 
	6	47.9166% 
	7	 56.25% 
	8	64.5833% 
	9	72.9166%
	10	81.25%
	11	89.5833%
	12	97.9166%
	
	margins: 1.0466%

*/

.container {
padding: 1em;}

.row {
width: 100%;
max-width: 960px;
min-width: 320px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
margin: 0 1%; float: left; min-height: 1px;
}

.row .onecol { width: 6.333%; } 
.row .twocol { width: 14.667%; } 
.row .threecol { width: 23.0%; } 
.row .fourcol { width: 31.333%; } 
.row .fivecol { width: 39.667%; } 
.row .sixcol { width: 48.0%; } 
.row .sevencol { width: 56.333%; } 
.row .eightcol { width: 64.667%; } 
.row .ninecol { width: 73.0%; } 
.row .tencol { width: 81.333%; } 
.row .elevencol { width: 89.667%; } 
.row .twelvecol { width: 98.0%; } 

/* Global styles */

@font-face {
    font-family: 'Nobel-Black';
    src: url('../fonts/nobl____.eot');
    src: url('../fonts/nobl____.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nobl____.woff') format('woff'),
         url('../fonts/nobl____.ttf') format('truetype'),
         url('../fonts/nobl____.svg#nobl____') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font: 1em/1em normal Arial, Helvetica, sans;
	margin: 0; padding: 0;
	line-height: normal;
	color: black;
}
p {
	padding: 0 0 1em 0;
}
header {
	display: block;
	background: black url('vm-bg-1.jpg') top center no-repeat;
	color: white;
	height: auto;
	min-height: 360px;
}
header#quote1 {
	background-image: url('../img/landing_header1.jpg');
}
header#quote2 {
	background-image: url('../img/landing_header2.jpg');
}
header#quote3 {
	background-image: url('../img/landing_header3.jpg');
}
header #logo {
	top: 1em;
	position: absolute;
	font-family: "normal Arial", Helvetica, sans;
	color: #EDEDED;
}

h1, h2, h3, button, #videonav .tab, .button {
	font-family: Nobel-Black, Arial, Helvetica, sans !important;
	text-transform: uppercase;
	letter-spacing: -.02em;
}
h1 {
	text-align: center;
	margin: 0 auto;
	line-height: 1.125em;
	padding: 60px 0 120px 0;
}
header h1 {
	max-width: 580px;
}
h1.quote {
	text-align: right;
	margin: 0 0 0 auto;

}
.quote:before {
	content: open-quote;
}
.quote:after {
	content: close-quote;
}
h1 em, h2 em {
	color: #E7B04D;
	font-style: normal;
	font-family: Nobel-Black, Arial, Helvetica, sans;
}


h1 b {
	display: inline-block;
	top: 4px;
	margin-top: -4px;
	position: relative;
	font-size: 1.5em;
}
h2 b {
	font-size: 1.2em;
}
#content h1 {
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
	padding: 40px 0;
	margin-top: 20px; margin-bottom: 20px;
}
#content h1 b {
	color: #E7B04D;
	font-family: Nobel-Black, Arial, Helvetica, sans;
}
h2 {
	line-height: 24px;
}

#content {
	margin-top: -120px;
}
#content.sales {
	margin-top: -220px;
}
#sales h1 {
	margin-top: -40px;
}

#content .row:first-child {
	color: white;
	box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	background: #333;
}
#video {
	margin: 0; width: 66.667%;
	background: black;
}
#videonav {

}
#videonav .tab {
	background: #333;
	color: #666;
	text-align: center;
	margin: 0; width: 25%;
	line-height: 3em;
	height: 3em;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	cursor: default;
}
#videonav .label, #videonav .rollover, #videonav .active, #videonav a {
	box-shadow: inset 2px 0px rgba(0,0,0,.25), inset -2px 0px rgba(0,0,0,.25);
}
#videonav .label em {
	font: normal .825em/1.5em  Arial, Hevetica, sans;
	display: block;
	text-transform: none;
}
#videonav .label.tight {
	padding: .5em 0;
	line-height: 1em;
}
#videonav .tab .rollover {
	width: 100%;
}
#videonav .tab:hover .rollover {
	top: 0; left: 0;
}

#videonav .tab a {
	width: 100%;
	background: #666;
	color: white;
	text-decoration: none;
	display: inline-block; float: left;
}
#videonav .tab .rollover {
	display: block;
	width: 100%;
	background: #444;
	z-index: 999;
	position: absolute;
}
#videonav .tab a:hover {
	background: white;
	color: red;
}
#videonav .tab.active {
	background: red;
	color: white;
}

.twelvecol#video {
	width: 100% !important;
}
#signup {
	margin: 0; padding: 2%; width: 29.333%;
	background: #333; float: right;
}
#signup h2 {
	margin-bottom: .6em;
}
#signup #privacy {
	padding: 1em 0 0 3em;
	background: transparent url('../img/icon_lock.svg') center left no-repeat;
	background-size: auto 2.2em;
}
#signup #privacy b {
	text-transform: uppercase;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

input, .button {
	padding: 0 2.5%; margin: 0 0 .5em 0;
	line-height: 2em !important; height: 2em;
	display: block;
	width: 100%;
	font: inherit;
	border: 0;
	border-radius: 4px;
}
.button.cart {
	width: 22.9166%;
	text-align: center;
}

input {
	width: 95%;
	color: #999;
}

input.focused {
	color: black;
}
.button {
	background-color: red;
	color: white;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}
.button:hover {
	color: red;
	background-color: white;
	cursor: pointer;
	cursor: hand;
}
#likes, #testimonials, #bio, #vip {
	margin-top: 1em;
}

.slides li {
	background: transparent url('../img/quote_closed.svg') bottom right no-repeat;
	background-size: 1em auto;
}
#testimonials em:before {
	content: "—";
}
#testimonials em {
	margin-left: 60px;
	padding-right: 3em;
	margin-top: 1em;
	font-style: normal;
	float: right;
}
#testimonials img {
	display: block;
	width: 60px; height: auto;
	margin: 0 60px 0 0;
	position: absolute;


}
#testimonials p {
	background: transparent url('../img/quote_open.svg') 20px 0 no-repeat;
	background-size: 1em auto;
	width: auto;
	display: block;
	margin-left: 60px;
	padding: 0 3em;
}

#bio img {
	width: 3.75em; height: auto;
	margin: 0 1em 0 0;
	float: left;
}
#bio p {
	padding-left: 4.75em;
}
#bio h2, #vip h2 {
	margin-bottom: .5em;
}

#vip {
	background: transparent url('../img/vip_bg.png') top right no-repeat;
	background-size: 100% auto;
	margin: 1em 0 0 0; width: 50%;
	overflow: visible;
	display: table;
}
#vip>div {
	padding: 0 1em;
}
#vip h2, #vip p {
	padding-right: 80px;
}

#vip label, #vip input {
	font-size: 0.875em;
	margin: 0 .5em .5em 0;
	line-height: 2.25em;
	display: block;
	float: left;
}
#vip input {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 .5em;
	border: 1px solid #eee;
	width: auto !important
}

#intro {
	padding: 30px 0 0 0;
	border-top: 4px solid #eee;
	margin: 20px 0 0 0;	
}

#intro img {
	float: left;
	display: block;
	margin-top: -50px;
}

#intro h2 {
	float: left;
	display: block;
	width: 98%;
	text-align: center;
}

a.button:hover {
	box-shadow: inset 0px 0px 1px #ccc;
}

#packshot {
	background-color: #f8f8f8;
	text-align: center;
	padding: 20px 0;
}

#packshot .button {
	font-size: .725em;
	width: auto;
	display: inline-block;
	margin-left: 1em;
}
#bonus .image, #bonus .contents {
	width: 49%;
	float: left;
	display: block;
}
#dvd h1 {
	margin-bottom: 40px;
}
#dvd .clear {
	clear: both;
}
#dvd .image, #dvd .contents {
	float: left;
	display: block;
	margin-top: 20px;
}
#dvd .image {
	width: 39%;
}
#dvd .contents {
	width: 44%;
	margin-left: 2%;
	padding-right: 15%;
}
.image {
	text-align: right;
}
#dvd .image img {
	width: 100%;
	max-width: 287px;
}
#bonus .image img {
	width: 100%;
	max-width: 397px;
}
#dvd .contents li {
	list-style: none;
}
#dvd .contents h3 {
	margin-bottom: 1em;
}
#dvd .contents ul { padding-left: 20px; }
#dvd .contents li:before { content:"—"; position:relative; left:-20px;}
#dvd .contents li b { position:relative; left:-20px;}
#dvd .notitles p {  margin-top: -1em; }

#dvd .image {
	margin-top: 80px;
	text-align: center;
}
#bonus .contents {
	width: 33%;
	margin-left: 2%;
	padding-right: 15%;
}
#moneyback {

}
#moneyback p {
	margin: 40px 0 0 0;
	padding: 60px 20px;
	background: #eee;
}
#moneyback #badge {
	float: left;
	margin-left: 40px;
	margin: 40px 60px 0 60px;
	display: block;
	text-align: center;
	width: 120px; height: 113px;
	background: transparent url('http://youthspeakeru.com/rts12/dvds/img/badge.png') top left no-repeat;
}
#moneyback h3 {
	padding: 40px 20px;
	font-size: .725em;
}
#moneyback #badge span {
	font-size: 2em;
}
#order #option1, #order #option2 {
	width: 31.25%;
	margin: 0 33.375%;
	display: block; float: left;
	text-align: center;
}
#order .divider {
	position: relative;
	float: left;
	display: block;
	width: 8%;
	height: 200px;
	text-align: center;
	background: transparent url('../img/pixel.jpg') top center repeat-y;
}
.divider h3 {
	width: 100%;
	position: absolute;
	margin-top: -.8em;
	top: 50%;
	background: white;
	color: black;
}
#option1 {
	margin-right: 5.375% !important;

}
#option2 {
	margin-left: 5.375% !important;

}
#order h1 {
	border-top: none; 
	margin-top: 0;
}
#order h2 {
	margin-bottom: 20px;;
}
#order img {
	margin-top: 20px;
}
#order a {
	width: 100%;
}

#josh {
	border-top: 4px solid #eee;
	margin: 20px 0 0 0;
}
#josh img {
	margin: -30px 0 0 20px;;
	float: right;
}
#josh p {
	padding: 40px 20px 40px 9.375%;
	font-size: 1.25em;
}
#josh p em {
	float: right;
	margin-top: 1em;
}
#josh p em:before {
	content: "—";
}
footer {
	background: #eee;
	color: #999;
}

/* Mobile */

@media handheld, only screen and (max-width: 640px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, #video, #signup, #vip, #bio, .contents, .image, #intro, #option1, #option2 {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
.contents, .image, #intro h2 {
	display: block;
	width: 100% !important;
	padding: 0;
}

#intro h2 {
	padding-bottom: 20px;
}
#option1, #option2 {
	clear: both;
	width: auto !important;
	margin: 20px !important;
}
#order .divider {
	width: 100%;
	background: none;
	height: auto;
}
.image {
	margin-top: 0;
	text-align: center;
}
.image img {
	margin: 20px 0 !important;
	max-width: 100%;
	width: 100%;
}
#dvd h1 {
	margin-bottom: 20px !important;
}
#dvd .contents {
	margin-bottom: 40px;
}
#dvd .clear {
	clear: both;
}
#moneyback p {
	padding-top: 233px;
}
#badge {
	margin: 20px auto 20px auto !important;
}

#video {
	padding: 0;
}
.tab {
	width: 100% !important;
	padding: 0 !important; margin: 0 !important;
}
#signup {
	padding-top: 20px;
}
header {
	background-position-x: 25%;
	font-size: 0.75em;
}
header h1 {
	margin-top: 40px;
}
h1.quote {
	padding-left: 20%;
}
header#quote1 {
	background-position-x: 45%;
}
header#quote2 {
	background-position-x: 45%;
}
header#quote3 {
	background-position-x: 45%;
}
#content.sales {
	margin-top: -120px;
}
#sales h1 {
	margin-top: 40px;
}
#josh * {
	clear: both !important;
}
}