/************************************************************************
	Listing Order:
	==============
	1 - Global
	2 - Structure
	3 - Content
	4 - Footer
	
	Colors :
	========
	black - #000000
	white - #ffffff
	green - #c1d82f
	gray - #a7a9ac
	orange - #fbb034
	blue - #5091cd

***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/
/* These styles reset default styles so they don't mess with your css.  Taken from Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* If you want default styles for an element, just remove the element from the list below.*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*add more*/
body {
	font-size: 12px;
	font-family: Tahoma, Verdana, sans-serif;
	color:white;
	line-height: 1.5em;	
	background-color: #456d67;
}

h1{
	
}

h2{
	
}

h3{
	font-size:120%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

p, h1, h2, h3, h4, h5, h6{
}

/* Class for making text invisible, will appear if styles are turned off. */
span.invisitext{
	display: none;
}

/* Class for clearing divs, but I would suggest trying not to use it. */
div.clear{
	clear: both;
}

/***********************************************************************
	2 - STRUCTURE
************************************************************************/
div#container{
	width:100%;
	position: relative;
	background: url(imgs/bg.png) top left repeat;
}

div#headerTrim{
	background: url(imgs/topTrimBG.png) top left repeat-x;
	height:43px;
	width:100%;
}

div#content{
	width:1200px;
}

div#flash{
	position: relative;
	margin-top:-43px;
	float:left;
	width: 815px;
	height: 567px;
}

div#infoLeft, div#infoLeftSub{
	float:left;
	width:815px;
	vertical-align: top;
}

#bottomRow{
	float:left;
	width:635px;
	padding:10px 0 0 180px;
}

/*div#share{
	background: url(imgs/shareThisVideo.png) top left no-repeat;
	width:300px;
	height:86px;
	float:left;
	margin: 10px 0 0 200px;
	display: inline;
	cursor: pointer;
}

div#embed{
	background: url(imgs/embedThis.png) top left no-repeat;
	width:300px;
	height:86px;
	float:right;
	margin:10px 27px 0 0;
	display: inline;
	cursor: pointer;
}*/

div#infoRight{
	float:left;
	width:354px;
	padding-top:10px;
}

div#infoRight p{
	width:230px;
	padding:25px 0 0 25px;
	float: left;
	text-align: justify;
}

div#presentedBy{
	background: url(imgs/presentedBy.png) top left no-repeat;	
	width:155px;
	height:105px;
}

div#presentedBy p {
	position: relative;
	z-index: 1000;
}

div#presentedBy p img#f {
	margin: -25px -10px 0 -25px; 
	display: inline;
	position: relative;
	z-index: 1;
}

div#presentedBy a{display: block;width:100%;height:100%;}

div#footerTrim{
	float:left;
	clear:both;
	background: url(imgs/bottomTrimBG.png) top left repeat-x;
	height:39px;
	width:100%;
}

div#footer{
	width:100%;
	height:200px;
	padding-top:20px;
	clear: both;
}

/***********************************************************************
	3 - HOME
************************************************************************/

div#learnMore{
	background: url(imgs/learnMore.png) bottom right no-repeat;
	width:128px;
	height:28px;
	padding-left:60px;
	margin-top:10px;
	float: left;
}

div#learnMore a{display: block;width:100%;height:100%;z-index:500;position:relative;}

div#discover{
	background: url(imgs/discover.png) top left no-repeat;
	width:290px;
	height:209px;
	margin:20px 0 0 20px;
	float: left;
}

div#discover a{display: block;width:100%;height:100%;position: relative; z-index:300;}

/*popoutz*/

h2#popoutTopCap1{
	background: url(imgs/popTopCap1BG.png) top left no-repeat;
	width:298px;
	height:0;
	padding-top:85px;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

h2#popoutTopCap2{
	background: url(imgs/popTopCap2BG.png) top left no-repeat;
	width:298px;
	height:0;
	padding-top:85px;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

div.morePopout{
	width:298px;
}

div.morePopout form{
	background: url(imgs/popBG.png) top left repeat-y;
	width:258px;
	padding-left:40px;
	padding-bottom:20px;
	float: left;
}

div.popoutBottomCap{
	background: url(imgs/popBottomCapBG.png) top left no-repeat;
	width:298px;
	height:4px;
	float: left;
	display: block;
}

div#morePop1{
	margin:0 0 0 0;
	float:left;
	padding: 10px 0;
}

div#morePop2{
	margin:0 0 0 10px;
	float:left;
	padding: 10px 0;
}

div#morePop2 form input{
	color:#444;
	width:200px;
	margin: 20px 0;
	overflow: hidden;
}

/***********************************************************************
	3 - SUB
************************************************************************/

div#subPageHeader{
	background:url(imgs/subPageHeader.png) top right no-repeat;
	margin-left:14px;
	width:997px;
	height:131px;
}

div#infoLeftSub{
	width:420px;
	margin-left:230px;
	display: inline;
	padding-top:20px;
}

div#infoLeftSub p{
	margin-bottom:20px;
	text-align: justify;
}

div#backToVideoBtn{
	background:url(imgs/backToVid.png) top left no-repeat;
	width:179px;
	height:31px;
	margin: 0 0 20px 100px;
}

div#learnMoreAboutVTSBtn{
	background:url(imgs/learnMoreAboutVTS.png) top left no-repeat;
	width:265px;
	height:31px;
	margin: 0 0 20px 65px;
}

div#backToVideoBtn a, div#learnMoreAboutVTSBtn a{display: block; width:100%; height:100%; z-index: 400, position:relative;}

div#infoRightSub{
	float:left;
	width:334px;
	text-align: center;
	padding-left: 20px;
}

div#photoPlaceholder{
	background: url(imgs/photoPlaceholder.png) top right no-repeat;
	width:310px;
	height:281px;
}

/***********************************************************************
	4 - SUB
************************************************************************/
div#form ul {
	list-style: none;
}

div#form ul li {
	padding: 0 0 5px 0;
	clear: both;	
}

div#form ul li label {
	width: 100px;
	float: left;
	text-align: right;
	padding: 0 8px 0 0;
}



/***********************************************************************
	5 - FOOTER
************************************************************************/

div#footer{
	width:100%;
	text-align: center;
	color: #b4c7c6;
	background-color: #456d67;
}

div#footer a{
	color: #7c9894;
}

div#footerHolder{
	width:1200px;
}

div#menuAndInfo{
	text-align: left;
	float:left;
	width:450px;
	padding-left:180px;
	border-right: 8px double #587c76;
}

div#menuAndInfo ul{
	list-style: none;
}

div#menuAndInfo ul li{
	display: inline;
}

div#signUp{
	padding-left:20px;
	text-align: left;
	float: left;
	width:475px;
}

div#signUp form input{
	background-color: #b4c7c6;
	border: none;
	width: 120px;
	margin-right: 10px;
	height:16px;
}

div#signUp form input.submit{
	width:18px;
	height:16px;
	background: none;
	margin-bottom: -3px;
}