#gmain{
	width: 800px;
}
#gmain h2{
	olor: #666666;
        padding: 10px 0 0 8px;
        font-size: 12px;

}
#gmain .arkiv{
	float: right;
	width: 200px;
	margin-right:10px;
	margin-top:0px;
}
#gmain .arkiv .topline{
	background-image:url(/jo/images/gbgr.jpg);
	height:22px;
	margin-top:2px;
}
#gmain .arkiv .topline h2{
	color: #FFFFFF;
	padding: 3px 0 0 20px;
	font-size: 12px;
}
#gmain .arkiv .gmenu {
	/* float: left;*/
	width: 200px;
	padding-top: 0px;
}

#gmain .arkiv .gmenu ul {
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style-type: none;

}

#gmain .arkiv .gmenu li {
	padding: 3px 0px 3px 5px;
	background: url(/jo/images/img07.jpg) repeat-x left bottom;
}
#gmain .arkiv .gmenu a {
	text-decoration: none;
	color: #336699;
	font-size:10px;
}

#gmain .arkiv .gmenu a:hover {
	text-decoration: underline;
	color: #336699;
	font-size:10px;
}


#gallery {width:550px; height:390px; padding:10px; border:1px solid #333; background: #FFFFFF; position:relative; margin-bottom:20px; margin-top:10px; margin-left:5px;}
#gallery b.default {position:absolute; left:10px; top:10px; width: 300px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333; width: 360px;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:360px; margin:0 auto;}
 
 
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-370px; top:0; width:360px; height:360px; text-align:center; background:#FFFFFF; z-index:20;}
#gallery ul li a:hover span {display:block; color:#000000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:360px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:360px; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}


#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-370px; top:0; width:360px; height:360px; text-align:center; background:#FFFFFF; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#000000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:360px; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}