html,
body {
	margin:0;
	padding:0;
	height:100%;
	background:url(http://www.cybrjakk.net/images/jv/jv_bg.gif) 0 0 repeat-x #fff;
	}
div, h1, h2, p, form, label, textarea, img, span{
	margin:0; padding:0;
    }
table.mytable,table.mytable th,table.mytable td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
table.mytable		{	background:black;  width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)}
caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:#000000}

table.mytable thead, 
table.mytable tfoot			{	color:white; }

table.mytable thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }
table.mytable thead th:first-child	{	width:20em; text-align:left; }

table.mytable tbody td,
table.mytable tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top }
table.mytable tbody th				 { color: #222; background-image: url("http://www.cybrjakk.net/css/images/tabel.png"); background-repeat: repeat-y; text-align: left; border-right: 1px solid #ccc }
table.mytable tbody td:last-child		{	border-right:1px solid #000000}

table.mytable tbody tr.odd th, 
table.mytable tbody tr.odd td			{	background-color:#eee; color:#222}

table.mytable tfoot td,
table.mytable tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
table.mytable tfoot th				{	text-align:left}

table.mytable a:link	{	line-height:1em; color:#000000; display:inline-block; padding:3px 7px; margin:-3px -7px}
table.mytable a:visited	{	color:#555}
table.mytable a:hover	{	text-decoration:none; background:#000000; color:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

table.mytable ::-moz-selection{	background:#202020; color:#ffffff}
table.mytable ::selection		{	background:#202020; color:#ffffff}

table.mytable thead ::-moz-selection, 
table.mytable tfoot ::-moz-selection	{	background:#ffffff; color:#202020}
table.mytable thead ::selection, 
table.mytable tfoot ::selection		{	background:#ffffff; color:#202020}

ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
    }
.spacer {
	clear:both; 
	line-height:0;
    }
#container {
	min-height:100%;
	position:relative;
	}
#header {
	width:961px;
	height:213px;
	margin:0 auto;
	background:url(http://www.cybrjakk.net/images/jv/jv_header.jpg) 0px 0px no-repeat;
	float:left;
	position:relative;
	}
#header h1{
	font:bold 36px/37px Arial, Helvetica, sans-serif;
	color:#ff0000;
	position:relative;
	top:130px;
	float:right;
    }		
#nav {
	position:absolute;
	top:175px;
	width:100%;
	height:37px;
	background:#000;			
	margin:0 auto; 
	padding:0px 0 0 0;
	}
.nav {
	width:700px; height:37px; margin:0 auto; padding:0px 0 0 0;
	}
.nav ul {
	width:620px; 
	margin:0 auto;
    }
.nav ul li {
	float:left;
	color:#FFFFFF;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
	}
.nav ul li a {
	padding:0 30px;
	text-decoration:none;
	color:#FFFFFF;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
	}
.nav ul li a:hover {
    color:#03a64f;
	}
.nav ul li a.hover {
	padding:0 30px; height:37px; float:left; text-decoration:none; display:block;
	background:url(http://www.cybrjakk.net/images/jv/cybr_btn.gif) no-repeat center bottom; color:#03a64f;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
	}
#body {
	width:80%;
	margin:0 auto;
	padding:0px;
	padding-bottom:60px;	/* Height of the footer */
	}
#mercontainer {
	clear:both;
	float:left;
	width:100%;
	padding-top:.5em;
}
#mercol1 {
	float:left;
	width:90%;
	position:relative;
	left:3%;
	overflow:hidden;
	padding-bottom:20px;
}
#merhome h1 {
	margin-top:45px;
}
ul.merch {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
#merhome ul.merch {
	margin:20px 0 0 0;
}
ul.merch li {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}
ul.merch li.left {
	clear:left;
	float:left;
	width:47%;
	position:relative;
	overflow:hidden;
}
ul.merch li.right {
	clear:right;
	float:right;
	width:47%;
	position:relative;
	overflow:hidden;
}
ul.merch li a {
	display:block;
	text-decoration:none;
	border:1px solid #ddd;
	background-color:#fff;
	color:#000;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-position:96% center;
	background-repeat:no-repeat;
	padding:0;
	overflow:hidden;
	position:relative;
}
ul.merch li a:hover {
	border:1px solid #000;
	background-color:#fff;
	color:#000;
	background-position:96% center;
	background-repeat:no-repeat;
}
ul.merch li a span {
	display:block;
	margin:0;
	padding:0;
	background:#dddddd;
	width:100%;
	position:relative;
	right:120px;
	min-height:120px;
}
ul.merch li a:hover span {
	background:#000;
	color:#fff;
}
ul.merch li a span strong {
	display:block;
	padding:10px 10px 5px 130px;
	cursor:pointer;
}
ul.merch li a span em {
	display:block;
	padding:5px 10px 10px 130px;
	cursor:pointer;
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:60px;			/* Height of the footer */
	background:#000;
	margin:0 auto; 
	padding:0px 0 0 0;
	}
.footer {
	width:700px; height:60px; margin:0 auto; padding:0px 0 0 0;
	}
.footer ul {
	width:620px; margin:0 auto;
	}
.footer ul li {
	font:bold 12px/37px Arial, Helvetica, sans-serif;
	color:#FFFFFF; float:left;
	}
.footer ul li a {
	font:bold 12px/37px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FFFFFF; padding:0 30px;
	}
.footer ul li a:hover {
	font:bold 12px/37px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#03a64f; padding:0 30px;
	}
.footer ul li a.hover {
	font:bold 12px/37px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#03a64f;
	}
.footer p {
	margin:0 auto; width:300px; color:#FFFFFF;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	<!--[if lt IE 7]>
<style media="screen" type="text/css">
#container {
	height:100%;
    }
</style>
<![endif]-->
