body { color: #ddd; font-size: 12px;   font-family: "Arial Narrow", "Arial", sans-serif ;   background-image:url(background_beach.jpg); background-attachment:fixed; background-position: left 0px ; font-stretch: condensed; font-size-adjust: inherit; background-color: #030303;  }
html, body { margin:0; border:0; padding:0; }

@font-face {
    font-family: "Tw Cen MT";
	/* src: url(TwCentMt.ttf ) format("truetype");  */
    src: url(TwCenMt.oet);
    src: local("Tw Cen MT"), url(TwCenMt.ttf) format("truetype"); /* non-IE */  
}



a:link { color: #aaa ; text-decoration: none; }

a:visited { color: #aaa ; text-decoration: none; }

a:hover { color: #fff ; text-decoration: none; }

a:active { color: #aaa ; text-decoration: none; }

.main { width: 1000px ; float: left; position:relative;}
.mtop { position:relative;}
.menu { width: 200px ; padding:60px; float: left; position:fixed; z-index:3;}
.menu_place { width: 200px ; height:120px;   }

.mright { width: 600px ; margin-left:350px; float: left; position:relative;}

#menu-coller{position:fixed; display:none; width:300px; height:30px; background-color: #049; opacity:0.2; filter: alpha(opacity = 20);}

.menu-div {font-family: "Arial Narrow",'Trebuchet','Arial' ; height:20px; margin: 5px; font-size:20px; -moofx: normal; }
.menu-ul-div{margin-top:0px; font-size:15px; padding: 5px; font-family: "Arial Narrow"; padding-top:5px; padding-left:25px; display:none;}
.menu-div-lala { height:30px; font-size:24px; color:red;  -moofx-duration: 500ms;}

.menu { }
.menu-ul-link {font-family:  "Arial Narrow",'Trebuchet','Arial' ;line-height:20px;}


h1 {font-family:  "Arial Narrow",'Trebuchet','Arial' ; margin-left:17px; color:white; font-size:21px;  font-weight:normal; line-height:20px;}
h2 {font-family:  "Arial Narrow",'Trebuchet','Arial' ; font-size:20px; opacity:0.5; font-weight:normal;}
h3 {font-family:  "Arial Narrow",'Trebuchet','Arial' ; }