body { background-image : url(../images/back.gif); background-repeat : repeat-x; background-position : top left; background-color : #190037; } 
#body_hatter{ background-image: url('../images/body_center1.jpg'); background-position : top left; background-repeat : no-repeat; font-family: Arial, Helvetica, sans-serif; }
img { border: 0; margin:0 2px}

#main-nav { position: absolute; left: -40px; top: 10px; }
#main-nav li { display: inline; }
#main-nav li a { font-size: 16px;  color: #f8ecff; text-decoration: none; margin-left: 40px; }
#main-nav li a:link, #main-nav li a:visited { color: #fff; }
#main-nav li a:hover, #main-nav li a:active  { color: #e3e400; }

h1 { position: absolute; right: 0px; top: 15px; font-size: 16px; color: #fcf4ff; }
h2 { right: 0px; font-size: 22px; color: #fff;text-align:justify; }

#container { width: 940px; height: 695px; margin: 0 auto; position: relative; }
	#container p.intro { position: absolute; width: 940px; font-size: 35px; line-height: 1.5; top: 0px; left: -20px; color: #ff0; text-align:center;}
	#container p.tartalom { position: absolute; width: 720px; font-size: 13px; line-height: 1.5; top: 75px; right: 10px; color: #fff; text-align:justify;}
	      
	#box { background: url('../images/box.png') no-repeat; width: 940px; height: 175px; margin: 0 0 30px 0; font-size: 12px; position: relative; top: 452px; }      
	#box1 { background: url('../grafikak/FS_LOGO.png') no-repeat; width: 940px; height: 175px; margin: 0 0 30px 0; font-size: 12px; position: relative; top: 452px; }
	
		#twitter { width: 380px; float: left; padding: 30px 0 0 30px; }
		#twitter h3 { font-size: 20px; color: #fcf4ff; margin-bottom: 0px; }
		#twitter span { font-size: 12px; color: #c0b2cf; }
		#twitter p { color: #fcf4ff; line-height: 1.3; }
		#twitter a.follow { background: url('../images/follow_us.png') no-repeat; display: block; text-indent: -5000px; width: 140px; height: 34px; position: absolute; left: 30px; bottom: 35px; }
		
		
		#subscribe { width: 410px; float: left; padding: 30px 0 0 240px; }
		#subscribe h3 { font-size: 14px; color: #fcf4ff; margin-bottom: 4px; text-align:center;}
		#subscribe span { font-size: 12px; color: #c0b2cf; }
		
		#subscribe fieldset { background: url('../images/sign_up.png') no-repeat; width: 800px; height: 39px;  right: 30px; bottom: 30px; }
		#subscribe fieldset .input-text { display: block; float: left; width: 244px; font-size: 13px; color: #fff; height: 27px; border: none; padding: 6px 25px 0 25px; background: none; }
		#subscribe fieldset button { background: none; width: 112px; height: 38px; cursor: pointer; border: none; text-indent: -5000px; }

p#footer { TEXT-ALIGN:CENTER;text-indent: 30px; margin: 20px auto; position: absolute; top: 655px; font-size: 11px; color: #431a58; }
#rox_logo{ background: url('../images/rox_logo.png') no-repeat; width: 170px; height: 154px; position: absolute; right: 0px; top: 70px; border:0px; }
#retro_logo{ background: url('../images/rr_logo.png') no-repeat; width: 221px; height: 198px; position: absolute; left: 0px; top: 70px; border:0px; }



#contain {	display: inline;}
img { border: 0;}
#frame {	margin: 0; position: absolute; top: 50%; margin-top: -285px; left: 50%; margin-left: -450px; width: 900px; height: 365px; overflow: hidden; background-image: url(grafikak/bg-trans.png);color: #fff;}
#frame img{float:left;padding-right:10px;}
#frame p{font-size:15px;}
#frame a { font-size: 15px;  text-decoration: none; margin-left: 10px; }
#frame a:link, #frame a:visited{ color: #fff; }
#frame a:hover, #frame a:active { color: #ff0; }
#clear-bg { z-index: 0; /*display: none;*/ position: absolute; top: 50%; left: 50%; width: 940px; height: 370px; margin: -280px 0 0 -470px; /*background: url(../grafikak/lines-bg.gif);*/ background: #fff; opacity:0.1; }
.fellepok{ margin:10px 10px 0 0px }
.dj{ width:320px;height:2408px;margin:10px 20px 0 0px;float:left;display:inline }

#flash { /*border: 2px solid #212123;*/ }

#musicPlayer { position: absolute; bottom: 0px; left: 20px; /*right*/ width: 326px; height: 50px; }



input, textarea { color: #fff; padding: 8px; background: #333; border: 1px solid #666; opacity:0.5; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
input { width: 180px; }
textarea { width: 670px; height: 60px; }
label { letter-spacing: 2px; }
.scroll-in { z-index: 2; width: 900px; height: 270px; /*448*/ /*485*/ color: #555; overflow-y: auto; overflow-x: hidden; }
.scroll-margin { color:#fff; margin: 0 20px 0 0; }

.hirlevel{position:relative;top:450px;color:#fff;text-align:center;margin-left:-40px;}
.hirlevel a{color:#fff;;}