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

body,td,th { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10pt; color: #5a447a; margin:0px 0px 0px 0px; }

h1 { font-size:14pt; color:#5a447a; }

h2 { font-size:12pt; color:#eeaf30; margin:0px 5px 10px 0px  }

h3 { font-size:20pt; font-weight:bolder; color:#5a447a; margin:0px 5px 20px 0px }

#mainhead .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; }

#mainhead a.button { color: #5a447a; display: block; float: left; font: normal 14pt Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; }

#mainhead a.button span { background: transparent url(buttonroll.jpg) repeat-x; display: block; line-height: 48px; padding: 5px 10px 5px 10px; } 

#mainhead a.button:hover { background-position: bottom right; color: #5a447a; outline: none; /* hide dotted outline in Firefox */ }

#mainhead a.button:hover span { background-position: bottom left; padding: 5px 10px 5px 10px; /* push text down 1px */ } 

#mainhead a.button:active { background-position: bottom right; color: #eeaf30; outline: none; /* hide dotted outline in Firefox */ }

#mainhead a.button:active span { background-position: bottom left; padding: 5px 10px 5px 10px; /* push text down 1px */ } 

a { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #666666; text-decoration:none; }

a:visited { color: #999999; }

#container { margin:20px auto 0px; width: 935px; }

#greycontent { margin:300px auto 0px; width: 935px; z-index:90; }

#otlogo { position:relative; float:right;}

#videobk { margin:20px 0px 0px 0px; height:304px; width:100%; background-image:url(vidbk.jpg); background-repeat:repeat-x; }

#cornl { position:absolute; float:left; background-image: url(leftcorn.jpg); background-repeat:no-repeat; height:15px; width:15px;}

#cornr { position:absolute; float:right; margin:0px 0px 0px 920px; background-image:url(rightcorn.jpg); background-repeat:no-repeat; height:15px; width:15px;}

#vid { position:relative; left:0px; top:15px; width:880px; }

#watch {position:absolute; margin:90px 0px 0px 350px; z-index:10; width:250px; }

#login { position:absolute; margin:100px 10px 10px 500px; width:400px; z-index:5; }

#video { position:absolute; z-index:90; margin:135px 10px 10px 15px; width:400px; height:251; }

#mainhead { postion:relative; margin: 0px 10px 10px 430px; width:500px; } 

#nav { postion:absolute; margin: 140px 10px 10px 430px; width:500px; }

#logon { postion:absolute; margin:40px 10px 10px 250px;}

#chat { position:absolute; margin: 15px 10px 10px 500px; width:300px; }

#body_content{ margin:0px auto 0px; width: 915px; }

#guys { position:absolute; margin: 180px 0px 0px 440px; z-index:5; }

#proven { position:absolute; width:400px }

#provenfaq { position:absolute; width:900px }

#modules {
	position:absolute;
	margin: 0px 0px 0px 410px;
	width:505px;
}

.black {background-color:#000000; }

.red { color:#eeaf30; }