html, body{
margin:0;
padding:0;
width:100%;
height:100%;
background : #000;
font-family : Microsoft Sans Serif;
}

span{margin:0px; padding:0px;}

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

#center{ width:23.2cm; position:absolute; left:50%; margin-left:-11.55cm; top:50%; margin-top:-285px; height:570px;
font-size: 8pt; font-family: Microsoft Sans Serif;}

.menu, .menu ul{list-style-type:none; margin:0px; padding:0px;}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0px;padding:0px;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:-38px; top:-42px; background: #000; padding:0px 0; border:1px solid #888; white-space:nowrap; width:133px; height:auto;}
.menu :hover ul#sub2 {left:-18px; top:-42px; background: #000; padding:0px 0; border:1px solid #888; white-space:nowrap; width:133px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:133px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:133px; line-height:20px; text-indent:5px; color:#888; text-decoration:none; border:0px solid #000; border-width:0 0 0 0px; text-align:center;}
.menu :hover ul.sub li a.fly {background:#000 url(img/arrow.gif) 120px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#7f7f7f; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#7f7f7f url(img/arrow_over.gif) 120px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#7f7f7f url(img/arrow_over.gif) 120px 7px no-repeat; color:#fff;} 
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */
/* set up the flyout levels when hovering */
.menu :hover ul#sub3 {left:-50px;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:-4px; background: #000; padding:0px 0; border:1px solid #888; white-space:nowrap; width:133px; z-index:200; height:auto; z-index:300;}

.menu li.top {display:block; float:left; position:relative;}
/*.menu a{color:#4b4b4b; text-decoration: none; display:block;width:110px; mavrgin-right:7px; float:left; border:1px solid red;} */
.menu a:hover,active{color:#fbfbfb; text-decoration: none;} 
.menu a.this {color : #fbfbfb;}
/* Default top link link styling */
.menu a.top_link {display:block; float:left; height:15px;color:#4b4b4b; text-decoration: none;margin:0px;padding:0px;}
.menu a.top_link:hover{color:#fff;}
.menu li top{margin:0px; padding:0px; display:block; float:left; height:15px;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


#gallery_cont{border: 1px solid #2f2f2f; width:3.5cm; height:510px;}
#gallery {text-align:center; overflow:hidden; height:500px;margin-top:5px;}
#gallery img{margin-top: 3px; cursor:pointer; width:110px; height:80px;}

.off{display: none;}
.offf{visibility: hidden;}

#right{float:right; width:3.5cm;}
.button{width:3.5cm; height: 9px;}

#img_cont{height:520px;}
#img_m{height:510px; width:19.1cm; /*border:1px solid #2f2f2f;*/ margin-top : 9px; text-align:center; overflow:hidden;}

#foot{height:51px; border:1px solid #000; margin-top: 0px;}
#foot img{float:right;}
#foot_text{border-top: 1px solid #2f2f2f; width:23.2cm; margin-top:16px;}
#foot_text p{margin:0px; padding:0px; color:#fbfbfb; margin-top: 6px; line-height:11px;}
#counts div{margin:0px; padding:0px; color:#fbfbfb; margin-top: 6px; line-height:11px;}
.trans{opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

#big_img{height:510px;}

#tino{width:175px;}
#tino li{width:175px;}
#tino a{width:175px;}