@charset "UTF-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;font-family: Helvetica, arial, sans-serif;vertical-align:baseline;margin:0;padding:0;outline: none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.clearboth{clear:both;}a img {border:0px;}a {color: #000;}

            .jssord21l, .jssord21r, .jssord21ldn, .jssord21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/d21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssord21l { background-position: -3px -33px; }
            .jssord21r { background-position: -63px -33px; }
            .jssord21l:hover { background-position: -123px -33px; }
            .jssord21r:hover { background-position: -183px -33px; }
            .jssord21ldn { background-position: -243px -33px; }
            .jssord21rdn { background-position: -303px -33px; }
			
			.jssorn21 div, .jssorn21 div:hover, .jssorn21 .av
            {
                background: url(../images/n21.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorn21 div { background-position: -5px -5px; }
            .jssorn21 div:hover, .jssorn21 .av:hover { background-position: -35px -5px; }
            .jssorn21 .av { background-position: -65px -5px; }
            .jssorn21 .dn, .jssorn21 .dn:hover { background-position: -95px -5px; }
			
			h3.slider_caption {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				font-size: 34px;
				color: #fff;
				text-shadow: 0 1px 2px rgba(0,0,0,0.6);	
				position: absolute;
				width: 100%;
				text-align: center;
				bottom: 20%;
				line-height: 1.8;
			}
			h3.slider_caption span {
				display: block;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: normal;
				font-size: 25px;
				text-align: right;	
				padding-right: 28%;
			}
			img.tribeca {
				position: absolute;
				width: 25%;
				height: auto;
				bottom: 10%;
				left: 10%;	
			}
			
header {
	background: #000;
	height: 50px;
	width: 100%;
	position: relative;
	
	background: rgb(69,72,77);

	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));

	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);

	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);

	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);

	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );	
}
header img.title {
	position: absolute;
	left: 0px;
	top: 0px;	
}
header div#button {
	position: absolute;	
	right: 0px;
	top: 0px;
	padding: 10px;
}
header div#button a {
	display: block;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	border-radius: 3px;
	text-indent:0;
	border:1px solid #469df5;
	color:#ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}
.no-touch header div#button a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
header div#button a:active {
	position:relative;
	top:1px;
}

main {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 30px 0;	
}
main h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: 300;	
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}
main h2 {
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 20px;	
	text-align: center;
	margin-bottom: 20px;
}
main p {
	padding: 0 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 1.8;
	color: #333;	
	margin-bottom: 30px;
}
main p.description {
	font-family: helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 0.5px;
	color: #ccc;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;	
}
main p.featuring {
	font-size: 11px;
	color: #666;
	font-family: helvetica, sans-serif;
	letter-spacing: 0.5px;
	padding: 0px 80px;
}
main p.featuring a {
	text-decoration: none;
	color: #333;	
}
.no-touch p.featuring a:hover {
	text-decoration: underline;	
}
 main p.sign {
	font-size: 11px;
	color: #666;
	font-family: helvetica, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 55px;
}
 main p.sign span {
	display: block;
	margin-left: 25px;
	text-transform: uppercase; 
 }
main p b {
	font-weight: 600;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
main p i {
	font-style: italic;	
	font-family: Georgia, "Times New Roman", Times, serif;	
}
main .video {
	width: 80%;
	padding-bottom: 45%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
main .video iframe,
main .video object,
main .video embed {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;	
}
main p.caption {
	display: block;
	clear: both;
	padding: 10px 0px;
	text-align: center;
	color: #ccc;
	font-size: 11px;
	font-style: italic;	
}
main p.caption a {
	text-decoration: none;
	font-weight: bold;
	color: #999;	
	text-transform: uppercase;
	font-size: 10px;
}
.no-touch main p.caption a:hover {
	color: #09F;
	text-decoration: underline;	
	
}
p.profile img {
	width: 150px;
	height: 150px;	
	border: solid 2px #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	margin: 0 0 15px 15px;
	float: right;
}
.amazon {
	text-align: center;	
	padding-bottom: 25px;
	margin-bottom: 35px;
}
.amazon a {
	text-decoration: none;	
}
.amazon .poster {
	width: 60%;
	max-width: 400px;
	height: auto;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	margin-bottom: 20px;	
}
.amazon img.amazon_img {
	width: 30%;
	height: auto;
	margin-bottom: 15px;	
}
.amazon h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #333;
	font-size: 10px;
	letter-spacing: 1px;
}
.amazon h3 span {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	border-radius: 3px;
	text-indent:0;
	border:1px solid #469df5;
	color:#ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;	
	display: block;	
	margin: 5px auto 15px;
}
div.education_version {
	padding: 0 40px 20px;	
	border-bottom: dotted 1px #ccc;
	margin-bottom: 25px;
}
div.education_version h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	line-height: 1.6;
	margin-bottom: 20px;	
}
div.education_version p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	padding: 0px;
}
div.education_version p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #39F;
}
div.education_version p.product {
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	margin-bottom: 5px;
	padding: 0 40px 0;
	line-height: 1.5;
}
div.education_version p.product b {
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	letter-spacing: -0.5px;
	font-size: 26px;
	color: #000;	
}
div.education_version p.product span {
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	font-family: Helvetica, sans-serif;
	width: 20%;	
	color: #999;
	letter-spacing: 1px;	
}
div.paypal {
	padding: 20px 60px 35px;
	text-align: center;	
}
div.message {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
}
div.message p {
	width: 100%;
	padding: 40px 20px;
	margin: 0px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-style: italic;
	line-height: 1.8;
	color: #333;
}
footer {
	width: 100%;
	padding: 30px 0px;
	border-top: solid 1px #eee;
	background: #f7f7f7;
	text-align: center;	
}
footer p {
	margin-bottom: 15px;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ccc;	
}
/* This button was generated using CSSButtonGenerator.com */
@media only screen 
and (max-width: 640px) {
	body {
		min-width: 320px;	
	}
	header {
		height: auto;	
		text-align: center;
	}
	header img.title,
	header div#button {
		position: static;	
		padding-top: 0px;
	}
	header div#button a {
		width: 100%;	
	}
	main h1 {
		font-size: 32px;	
	}
	main h2 {
		font-size: 14px;	
	}
	main .video {
		width: 100%;
		padding-bottom: 54%;	
	}
	main p.featuring {
		padding: 0 50px;
		font-size: 10px;	
	}
	p.profile img {
		width: 90px;
		height: 90px;
		margin: 0 0 10px 10px;
	}
	.amazon .poster {
		width: 80%;	
	}
	div.education_version h3 {
		font-size: 22px;	
	}
	div.education_version p {
	font-size: 14px;	
	}
	div.education_version p.product span {
		width: 100%;
		margin-bottom: 5px;
	}
}