/* 
IVIDEO
Started: 03/07/08
Ended: End Date
Chip Medema - The Main Lobby
Modified By: 
*/

/*  Reset Styles Css File Downloaded from meyerweb.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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;text-align:left}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}

body{ margin: 0px; padding: 0px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #999; }
h1{ font-size: 24px; color: #484848; margin: 0px 0px 15px; padding: 0px 0px 0px 20px; }
h2{ width: 210px; font-size: 14px; font-style: oblique; color: #484848; margin: 0px 0px 10px; padding: 0px 15px 0px 0px; border-bottom: 1px solid #484848; }
h3{ font-size: 14px; font-weight: bold; }
h4, h5, h6{ font-size: 24px; color: #484848; margin: 0px 0px 15px; padding: 0px 0px 0px 20px; }
p, ul{ font-size: 12px; color: #484848; line-height: 17px; text-align: justify; padding: 0px 20px 10px; }
ul{ margin-left: 25px; list-style-type: disc; }
li{ line-height: 17px; }
strong{ font-size: 14px; color: #484848; font-weight: bold; line-height: 17px; }
a.contentLink{ font-size: 12px; font-weight: bold; color: #484848; text-decoration: underline; }
img.team{ float: left; border: 1px dotted #484848; margin: 0px 20px 20px 0px; padding: .25em; }
a{ outline: none; }

/* Div tags */
div#outerContainer{ width: 914px; min-height: 200px; background: url('../images/site-bg.jpg'); margin: 0px auto; }
div#logo{ position: absolute; width: 168px; height: 65px; margin-left: 25px; top: 1px; }
div#mainContainer{ width: 900px; min-height: 100px; margin: 0px auto; background: #fff; }
div#topBar{ width: 900px; border-bottom: 1px solid #fff; background: #333; }
div#index-header{ background: url('../images/headers/index-header.jpg') no-repeat; border-bottom: 1px solid #fff; height: 260px; overflow: hidden; width: 900px; }
div#flash-header{ background: #fff; border: 1px solid #fff; float: right; height: 240px; margin: 2px 5px 0 0; overlow: hidden; width: 360px; }
div#flash-header a{ color: #fff; float: right; margin-top: 2px; text-decoration: none; }
div#flash-header a:hover{ text-decoration: underline; }
div#inside-header{ width: 900px; height: 200px; border-bottom: 1px solid #fff; background: #fff; font-size: 0px; }
div#headerShadow{ width: 100%; height: 7px; background: url('../images/header-bottom-shadow.jpg') repeat-x; }
div#content{ width: 900px; background: #fff; margin: 0px auto; padding: 10px 0px 15px; }
div#leftCol{ float: left; width: 640px; margin: 0px; padding: 0px; border-right: 1px solid #999; }
div#rightCol{ float: right; width: 240px; margin: 10px 0px 0px 0px; font-size: 12px; line-height: 17px; padding: 0px; }
div#iVideoPlayer{ float: left; width: 360px; height: 290px; margin: 0px 0px 0px 20px; font-size: 0px; }
div#videoPlayerText{ float: left;  font-size: 12px; width: 225px; color: #484848; line-height: 17px; text-align: left; margin-left: 10px; }
div#videoPlayerText > strong{ font-size: 12px; font-weight: bold; line-height: 17px; }
div#footer{ width: 100%; font-size: 10px; color: #fff; text-align: center; line-height: 17px; background: #333; padding: 2.25em 0em; }
div#footerBottom{ width: 914px; height: 11px; background: url('../images/footer-bottom.jpg') no-repeat; margin: 0px auto 25px; }

/* HTML Style's Within Div Tags */
a.footerLink{ color: #fff; }


/* Classes */
div.videoLinkContainer{ display: block; height: 240px; overflow: hidden; }
a.videoSelector{ display: block; width: 341px; height: 79px; background: #275ac4 url('../images/cta-bg.png') no-repeat right top; color: #fff; border-bottom: 1px solid #fff; cursor: pointer; text-decoration: none; }
a.videoSelector:hover{ background: #1f479b url('../images/cta-bg.png') no-repeat right top; }
a.videoSelector > strong{ display: block; font-size: 12px; padding: .90em .75em 0em; font-style: oblique; }
a.videoSelector > span{ display: block; font-size: 10px; padding: 0px 1em 0px .75em; line-height: 12px; text-align: justify; font-style: oblique; }
a.videoBoxMoverTop{ display: block; width: 341px; height: 9px; background: #275ac4; font-size: 0px; border-bottom: 1px solid #fff; }
a.videoBoxMoverBottom{ display: block; width: 341px; height: 10px; background: #275ac4; font-size: 0px; }
a.videoBoxMoverTop:hover, a.videoBoxMoverBottom:hover{ background: #1f479b; }
ul.regList{ color: #484848; margin: 0px 50px 15px 50px; }
ul.regList > li{ line-height: 17px; list-style-type: square; }
ul.leftList{ float: left; color: #484848; margin: 0px 50px 15px 50px; }
ul.rightList{ float: left; color: #484848; }
ul.leftList > li{ line-height: 17px; list-style-type: square; }
ul.rightList > li{ line-height: 17px; list-style-type: square; }
.indexHeader{ float: left; width: 557px; height: 232px; }
.videoBox{ float: right; width: 557px; height: 232px; border-width: 0px 1px; border-style: solid; border-color: #fff; }
.quote{ display: block; font-size: 11px; text-align: justify; line-height: 15px; color: #484848; font-style: oblique; padding: 0px 15px 0px 0px; }
.quoteFrom{ display: block; text-align: right; font-size: 12px; color: #275ac4; padding: 10px 15px 0px 0px;  }
.company{ display: block; text-align: left; font-size: 12px; color: #275ac4; padding: 10px 15px 0px 0px;  }
.sideText{ font-size: 11px; color: #484848; font-style: oblique; }
.sideBreak{ display: block; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }

/* Navigation Classes */
a.topNav{ display: block; float: right; font-size: 12px; text-decoration: none; color: #fff; padding: .5em .7em 2px; margin-top: .5em; }
a.topNav:hover{ background: #484848; }
a.topNavOn{ display: block; float: right; font-size: 12px; text-decoration: none; color: #fff; padding: .5em .7em 2px; margin-top: .5em; background: #484848; }
a.seeMoreComments{ font-size: 11px; color: #333; }
a.clientComments{ float: right; text-align: right; font-size: 12px; text-decoration: none; color: #484848; border-bottom: 1px dotted #484848; }	
a.sideLink{ font-size: 11px; color: #484848; text-decoration: none; border-bottom: 1px dotted #484848; margin-bottom: 5px; }

/* Form */
#formContainer{ width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 20px 0px; padding: 0px; }
#radioGroup{ float: left; margin-bottom: 10px; }
form{ margin-top: 10px; }
fieldset{ margin: 10px 0 10px 0; }
label{ color: #484848; width: 150px; margin: 0; display: block; float: left; border: 0px solid #000; *margin-top: 10px;  }
legend{ color: #484848; border: 0; padding-bottom: 10px; }
input[type="text"]{ width: 400px; display: block; float: left; *margin-top: 10px; }
input[type="checkbox"]{ display: block; float: left; *margin-top: 10px; }
select{ float: left; width: 200px; *margin-top: 10px; }
textarea, textarea.error{ width: 402px; height: 200px; *margin-top: 10px;  margin-bottom: 10px; }
.formTitle{ font-size: 16px; margin: 0; padding: 0; }
.formDesc{ 	font-size: 12px; line-height: 17px; margin: .75em 0 0 0; padding: 0; }
.breakClear{ clear: both; margin-top: 20px !important; }
.error{ color: red; line-height: 18px; width: 250px;}

.content_container{ padding: 0px 20px; overflow: hidden; }