
body.cyberconvention{
	background-color: #EBEBEB;
	margin: 0;
	padding: 0;
	text-align: center;
	font:  9pt Trebuchet MS;
	color: #000000;
}

body.cyberconventionBlue{
	background-color: #183495;
	margin: 0;
	padding: 0;
	text-align: center;
	font:  9pt Trebuchet MS;
	color: #000000;
}


h1{
	font: bold 14pt Georgia;
	color: #CA041D;
	padding: 0;
	margin: 0 0 10px 0;
}

h2{
	font: bold 12pt Georgia;
	color: #CA041D;
	padding: 0;
	margin: 0 0 10px 0;
}

p, div{
	font:  9pt Trebuchet MS;
	color: #000000;
}

a {
	font:  9pt Trebuchet MS;
	color: #A50318;
}

hr {
	color: #D0D0D0;
	width: 100%;
	margin: 0;
}

small {
	font: 7pt Verdana;
}

div.container{
	background-color: White; 
	border-left: 2px solid #D5D5D5;
	border-right: 2px solid #D5D5D5;
	border-bottom: 2px solid #D5D5D5;
	width: 792px;
	margin: 0px auto;
	text-align: left;
	/*min-height: 700px;*/
}

div.content {
	padding: 10px;
}

div.footer{
	margin: 5px 0 5px 20px;
}

div.logo{
	float: left;
	padding: 5px 0 10px 5px;
}

div.phoneNumber{
	color: #A50318;
	font: bold 18pt Gergia;
	float: right;
	width: 200px;
	/*background: #DCDCDC;*/
	margin: 10px 5px 0 0;
	text-align: right;
}

div.nav {
 	background: url(../images/navigation-bg.gif) no-repeat;
	margin: 0;
	padding: 8px 0 0 90px;
	height: 45px;
}

div.navButton {
	background: url(../images/nav-button-bg.gif) no-repeat;	
	width: 120px;
	height: 40px;
	text-align: center;
	padding:10px 0 0 0;
	margin:0;
	float: left;
	
}

div.navButton a {
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #A50318;
}

div.navButton a:hover {
	color: #183495;
	text-decoration: none;
}

div.screenShot{
	width: 792px;
	height: 411px;
	background: url(../images/lobby-screen-shot.jpg) no-repeat;	
}

div #videoContainer{
	background: url(../images/video-bg.png) no-repeat;
	float: right;
	width: 450px;
	height: 350px;
	/*padding: 30px 0 0 0;*/
	text-align: center;
	visibility: hidden;
}

div.closeButton{
	float: right;
	width: 90px;
	margin: 15px 10px 0 0;
}

div #videopromo{
	margin: 40px 0 0 0;
}

div #playButton{
	padding-top: 125px;
}

div.leftButtons{
	width:200px;
	float: left;
	padding: 50px 0 0 70px;
	
}

div.pressBox{
	background: #EBEBEB;
	width: 100%;
	border: 1px solid #D0D0D0;
	padding: 5px;
}

a.pressItem {
	background: #DCDCDC;
	border-top: 1px solid #989898;
	color: #000000;
	display: block;
	width: 100%;
	margin: 0;
}

a:hover.pressItem {
	background: #EBEBEB;
	text-decoration: none;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	 clear:both;
}

