* {margin: 0px; padding: 0px; border: 0px;}

body{
text-align: center; 
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:1.5em;
background-color:#ffffff;
color: #666666;
}

/*======================= Layout ========================*/

#contentfloatholder {
	position:absolute;
	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
	width:900px;
	margin:auto;
	padding:0px;
	border:1px thin #ccc;
	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:140px;
}

#header, #footer {
clear: both; 
}

#footer {
line-height:20px;
color:#666666;
font-size:11px;
background: no-repeat center url(images/JVL-mobi_04.gif);
background-position:bottom;
text-align:center;
padding-top:80px;
}

#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;
}
	.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;}

#button a { background-image:url(images/button_free_download.gif);}
#button a:hover{ background-image:url(images/button_free_download_over.gif);}

/*===============text styles======================*/

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#669900;
text-transform:uppercase;
padding-top:5px;
}

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:40px;
padding-top:25px;
height:50px;
}
	#game_title img{
	margin-top:-35px;
	padding-right:0px;
	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;
	}								

#footer a {
font-size:11px;
color:#669900;
font-weight:normal;
}
	#footer a:hover{color:#666666;}


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 {
padding:20px 0px 0px 0px;
color:#333333;
height:60px;
text-align:left;
width:900px;
background-image:url(images/JVL-mobi_02.gif);
background-position:bottom;
background-repeat:repeat-x;
}

#menu ul {
float:left;
margin:0px;
padding-top:25px;
text-align:center;
list-style:none;
width:220px;
}

#menu a, #menu h2 {
font:normal 16px "Myriad Pro",arial, helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
display: block;
margin:0px;
height:2em;
text-align:center;
}


#menu a {
margin: 0px;
padding: 10px 0px 0px 0px;
}

#menu a:hover {
height:2em;
color:#99cc00;
}

#menu ul ul a:hover {
height:2em;
color:#990000;
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 #last_menu ul ul {
padding-left:5px;
position: absolute;
margin:0px;
left:-2.5em;
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;
}
