/* Reset */
* { padding: 0; margin: 0; }
a:active, a:focus, object { outline: none; }
a img { border: 0; display: block; }
a { color: inherit; text-decoration: none; }
p a { text-decoration: underline; color: #F00; }
a:hover { text-decoration: underline; }

footer, header, hgroup, menu, nav, section, content, news, logo { display: block; margin: 0; padding: 0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }


/* Clearfix */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/* Main */

body {	background-color: #000; 
		color: #fff; 
		font-family:Century Gothic, sans-serif; 
		font-size: 16px;
		background-image: url(./images/bkgdJJ.gif);
		background-repeat: repeat; }		
		
.centrescreen { width:1054px;
	left:50%;
	margin-left:-527px;
	margin-top: 20px;
	position:relative;
	overflow: hidden; }
	
.wrapper { margin: 0 20px; border: 15px solid #fff; background-color:#D2D2CD; padding: 20px 20px 20px 20px; overflow: hidden;}
		
/* Header */
header {margin: 20px 20px 20px 20px; background-color:#D2D2CD;  height:60px; }
#logo {
clear: both;
background-image: url("/images/JJlogo_red_1.jpg");
background-repeat: no-repeat;
float: right;
display: block;
margin-right: 15px;
margin-top: -60px;
position: relative;
height: 98px;
width: 200px;
position:relative;}

/* Top menu */

#top-menu { clear: both; padding-top: 15px;}
#top-menu ul { white-space: nowrap; margin-left: 15px;}
#top-menu li { text-transform: uppercase; font-weight:bold; font-size: 20px; float: left; display: inline; margin-right:20px;}
#top-menu li a:hover, #top-menu li a.active, #top-menu li.activenav { color: #F00; text-decoration: none; }

/* main menu */
#main-menu { clear: both; height: 40px;}

h3 { font-size: 18px; color: #F00; margin-bottom:12px; text-transform:uppercase; font-weight:lighter; }


/* Footer */
footer  { font-size:12px; border-top: 1px solid #F00; border-bottom: 1px solid #000; background-color:#FFF; margin: 20px 0px 20px 0px; padding: 20px 0px 0px 0px;  }
#foot-menu ul { white-space: nowrap; height: 44px; }
#foot-menu li { text-transform: uppercase; margin: 0 40px; float: left; display: block;}
#foot-menu li.first { margin-left: 20px; }
#foot-menu li.last { margin-right: 20px; }
#foot-menu li a:hover, #top-menu li a.active { color: #F00; text-decoration: none; }

/* Main page */
#main-about, #main-logo, #main-right {line-height: 20px; float:left; }
#main-about {  }
#main-logo { }
#main-right { text-align: right; }