* {margin: 0px; padding: 0px; border: 0px;}

body{
text-align: center; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
background:#e8e9eb url(images/bkg.gif) top no-repeat;
color: #666666;
}

/*======================= Layout ========================*/

#contentfloatholder {
	position:absolute;
	top: 0;
  	right: 0;
  	bottom: 10;
  	left: 0;
	width:900px;
	margin:auto;
	padding:0px;
	border:1px dashed #b7b9ba;
	background-color:#ffffff;
	text-align:center;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

#header {
	position:relative;
	height:147px;
}
	#logo { 
	background:url(images/logo_JVL_Home.jpg) no-repeat; 
	position:absolute;
	left:0px;
	top:0px;
	width:309px;
	height:110px;}
	
	#submenu {
		background:url(images/bkg_header.gif) no-repeat; 
		position:absolute;
		left:0px;
		top:110px;
		width:902px;
		height:37px;
		text-align:right;
	}
	#submenu a{ color:#999999; font-size:11px; text-decoration:none; font-weight:normal;}
	#submenu a:hover{ color:#CC0000;}
	#submenu .purchase a{background-image:url(images/Encore_purchase.jpg); background-repeat:no-repeat; position:absolute; right:50px; padding-top:0px; width:186px; height:34px;}
	#submenu .purchase a:hover{ background-image:url(images/Encore_purchase_over.jpg); no-repeat;}

#header, #footer {
clear: both; 
}

#footer {
line-height:20px;
color:#666666;
font-size:11px;
background: repeat-x top url(images/bkg_footer.gif);
padding:10px;
height:150px;
text-align:left;
}
	#footer a {
	font-size:11px;
	color:#CC0000;
	font-weight:normal;
	}
		#footer a:hover{color:#666666;}
	
	#footer_menu a{color:#FFFFFF; text-decoration:none;}
	#footer_menu a:hover{color:#66ccff;}

#content {
position:relative;
width:100%;
margin-top:3px;
}


.spacer {clear:both; text-align:right;}
.float_left {float:left; }
.float_right {float:right; }

.row_grey {
	background-color:#eeeeee;
	padding:10px;
	margin:5px;

}
	.row_grey img{padding:10px;}

.row_white {
	background-color:#ffffff;
	padding:10px;
}
div.hr {
	height: 1px;
	background: #ffffff url(images/dash.gif) repeat-x scroll left;
}
	div.hr hr {display: none;}

/*===============text styles======================*/

h1{
font: normal 21px "Myriad Pro",arial, helvetica, sans-serif;
text-transform:uppercase;
color:#CC0000;
text-transform:uppercase;
padding:25px;
}

h2{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#669900;
}
#game_title{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
color:#CC3300;
background:url(images/jvl_point.jpg) no-repeat left;
padding-left:50px;
padding-top:25px;
height:50px;
}
	#game_title img{
	margin-top:-35px;
	padding-right:50px;
	float:right;
	}
p {
text-align:justify;
padding:10px;
}

.section {
width:173px;
height:198px;
margin:0px;
padding:0px;
float:left;
background-color:#CCFFFF;
}
	.section_text{
	height:110px;
	background-image:url(images/JVL_section_bkg.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0px 12px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}								


a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CC3300;
	font-weight:bold;
} 
	a:hover{color:#666666;}

.text_white{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
}

.text_small{
	font:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-align: center;
	padding: 5px;
}

/*======================= MENU ========================*/

#menu {
	position:absolute;
	left:309px;
	top:0px;
	width:591px;
	height:110px;
	padding:0px;
	color:#666666;
	text-align:left;
	background-image:url(images/bkg_menu.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#menu ul {
float:left;
margin:0px;
padding-top:59px;
text-align:center;
list-style:none;
width:118px;
}

#menu a, #menu h2 {
font:bold 14px "Myriad Pro",arial, helvetica, sans-serif;
text-transform:uppercase;
text-decoration: none;
color:#666666;
display: block;
margin:0px;
height:35px;
text-align:center;
}

#menu a {
margin: 0px;
padding: 10px 0px 0px 0px;
}

#menu a:hover {
height:35px;
color:#CC0000;
background-image:url(images/menu_pointer.gif);
background-repeat:no-repeat;
background-position:top;
}

#menu ul ul a:hover {
height:35px;
color:#CC0000;
background:#eeeeee;
background-image:url(images/pointer.gif);
background-repeat:no-repeat;
background-position:left;
}

#menu ul ul {
padding-left:5px;
position: absolute;
margin: 0px;
top:2.1em;
width:17em;
color:#333333;
background-image:url(images/menu_bkg.png);
background-repeat:repeat-y;

border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#menu ul ul ul{
top:10px;
position:absolute;
margin: 0px;
left: 100%;
width: 17em;
color: #333333;
border:1px solid #cccccc;

}


#menu li {
position:relative;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul
{
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
display: block;
}