@charset "utf-8";
/* CSS Document */

@import url('reset.css');

body { background-color:#FFFFFF; font:86% Helvetica, Arial, sans-serif; color:#808285; }

/*-------------------------------------------*/
/*-------------------------------------------*/
/* LAYOUT */
#wrapper { width:950px; margin:auto; padding-top: 175px; position:relative; background: url(../img/layout/top_bg.gif) top repeat-x;}
#tagline { width:375px; height:65px; background:url(../img/layout/tagline.jpg) top no-repeat; position:absolute; top:97px; right:56px; text-indent:-999px; overflow:hidden; }
#logo { width:303px; height:208px; background:url(../img/layout/logo.jpg); top: 1px; position:absolute;left:0px; }
#logo a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }

#nav { margin:0px 0 0 227px; position:absolute; }
#nav a { text-decoration:none; color:#808285; font-weight:normal;  font-size: 1.5em; letter-spacing:3px}
#nav a:visited { color:#808285; }
#nav a:hover, #nav a:active { color:#000000; }
#nav li { float:left; margin-right:3.6em;}

div.clearVid {
	clear: both;
}

#content { clear:both; padding-top:75px; line-height:1.5; text-align:right; color: #808285}
#content h2 { color:#5489d4; font-size: 15px; font-weight:normal; margin:0px; padding:0px; }
div.leftCol p {
	color: #808285;
	font-size: 13px; /* 14px */
	line-height:16.5px; /* 19px */
	margin-top: 0px;
	padding-top: 0px;
}
#content h3 { color: #000; font-size: 16px; font-weight: normal; }
#content h4 { color: #000; font-size: 13px; font-weight:normal; text-align:left; }

#content h2.videoTitle {
	color: #808285;
	margin-left: 105px;
	position: absolute;
	margin-top: -40px;
}

#content .leftCol { float:left; width:270px; margin-right:0px; height: 420px; overflow:hidden; }
#content .rightCol { float:right; width:660px; height: 420px; overflow:hidden; }

#content .wide { clear:both; padding:2em 0 0; text-align:left; }

div .topColumns {
	height: 403px; overflow:hidden;
}


/*-------------------------------------------*/
/*-------------------------------------------*/
/* Video Gallery */
ul#thumbs li { float:left; width:316px; margin-bottom:2em; }
ul#thumbs li p { float:left; margin:0 10px 0 0; text-align: right; margin-left: 29px; width:76px; font-size:.8em; line-height:1em; height: 130px; }




/*-------------------------------------------*/
/*-------------------------------------------*/
/* TYPOGRAPHY */
p { margin:1em 0; }

.right { float:right; margin-right: 110px; font-size: 14px; margin-top: 10px; letter-spacing:1px; }
.left { float:left; font-size: 14px; margin-top: 10px;  letter-spacing:1px;  }

a { color:#808285; text-decoration:none; }
a:visited { color: #808285; }
a:hover, a:active { color:#808285; }

.previousPage {
	float: left;
	display:block;
}

.nextPage {
	float:right;
	display:block;
}

#pageLinks {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	width: 943px;
	margin:auto;

}

#footer {
	padding-top: 40px;
	clear: both;
	text-align:left;
	color: #808285;
	font-size: 14px;
	letter-spacing:1px;
	padding-left: 226px;
}

#videoPlayer {
	text-align: center;
}

#videoDetails {
	width: 720px;
	text-align:left;
	margin:auto;
	margin-top: 20px;
}

#contactForm input, #contactForm textarea {
	width: 230px;
	float:right;
	text-align:right;
	color: #808285;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 3px;
	border: 1px solid #666666;
	margin: 0px;
	height: 16px;
	margin-bottom: 18px;
}

#contactForm textarea {
	height: 120px;
}

#contactForm input#sendContact {
	width: 238px;
	padding: 3px;
	display:block;
	height:25px;
	color: #000;
}

#contactForm .normalInput {
	text-align: left;
	color: #000;
}

#column1, #column2 {
	width: 25%;
	float:left;
	text-align:right;
	line-height:22px;
}
#column3 {
	width: 375px;
	margin-right: 56px;
	text-align:right;
	float:right;
	line-height:30px;
	vertical-align:top;
}

#column1 ul, #column1 li,
#column2 ul, #column2 li
{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

a.purchaseLink:link, a.purchaseLink:visited {
	color: #5489d4;
	letter-spacing: 1px;
}

a.purchaseLink:hover {
	color: #000000;
}

#column1bio, #column2bio {
	padding-left: 75px;
	color: #808285;
	width: 295px;
	margin-left: 40px;
	float:left;
	text-align:left;
	line-height:22px;
}

#column1bio p, #column2bio p {
	margin: 0px;
	padding: 0px;
}

div.videoLeft {
	width: 200px;
	padding-right: 20px;
	float:left;
	text-align:left;
}



div.videoRight {
	line-height:35px;
	width: 720px;
	float:left;
	text-align:left;
}

div.yts {
	width: 600px;
	margin: auto;
	text-align: center;
	margin-top: 40px;
	clear: both;
}