/*  Reset HTML Elements */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}div{position:relative;}

/*  Framework */    
    body { margin:20px; background-color:#86090d; font-family: arial,helvetica,sans-serif; text-align:center;  }
    #container { margin:auto; height:420px; width:760px; border:1px solid #000; background-color:#fff; text-align:center; }


/*  Navigation */
    #navigation	{ height:30px; background-color:#000; }
    #navigation div { float:left; height:30px; width:125px; font:1.03em/32px arial,helvetica,sans-serif; letter-spacing:0.13em; text-align:center; text-transform:uppercase; }
    #navigation a, #navigation a:visited { color:#fff; text-decoration:none; }
    #navigation a:hover { color:#0cf; text-decoration:none; }
    #navigation a:active { color:#f00; text-decoration:none; }

    #home #nav-home a, #home #nav-home a:visited, #home #nav-home a:active,#home #nav-home a:hover,
    #work #nav-work a, #work #nav-work a:visited, #work #nav-work a:active,#work #nav-work a:hover,
	#music #nav-music a, #music #nav-music a:visited, #music #nav-music a:active,#music #nav-music a:hover,
    #news #nav-news a, #news #nav-news a:visited, #news #nav-news a:active,#news #nav-news a:hover,
    #contact #nav-contact a, #contact #nav-contact a:visited, #contact #nav-contact a:active,#contact #nav-contact a:hover { color:#0cf; }
    #ftp #nav-ftp a, #ftp #nav-ftp a:visited, #ftp #nav-ftp a:active, #nav-ftp a:hover { color:#fec900; }

/*  Content */
    #content { width:100%; height:390px; background-color:#fff; }

/*  Index */    
    body#index { margin:20px; background-color:#000; font-size:0.86em; }
    #index #container { display:table; background-color:#000; }
    #index #content { display:table-cell; background-color:#000; vertical-align:middle; }
       * html #index #content { position:absolute; left:0; }
       * html #index #splash { top:25%; }
    #index a, #index a:hover, #index a:visited, #index a:active { color:#999; }


    #home .logo { margin:26px 0 19px 0; }
    #home .intro-center { margin:0 91px 0 85px; }
    #home #content{ display:table; height:93px; }
    #home #intro { display:table-cell; padding:0 40px 0 41px; vertical-align:middle; font-size:0.64em; line-height:1.35em; color:#333; text-align:left; letter-spacing:0.10em; }
      * html #home #intro { position:absolute; top:50%; left:0; }
      * html #home #text{ top:-50%; }

    #news #content { background-color:#a6ce38; }
    #archive, #recent { float:left; padding-top:15px; width:221px; height:323px; background-color:#f68b1e; font:0.85em/2em times,"times new roman",serif; text-transform:uppercase; }
    #archive { position:absolute; top:28px; left:118px; }
    #recent { position:absolute; top:-2px; left: 339px; }
    #archive a, #recent a, #recent a:visited, #archive a:visited { color:#000; text-decoration:none; }
    #archive a:hover, #recent a:hover { color:#fff; text-decoration:none; }
    #archive a:active, #recent #hover { color:#f00; text-decoration:none; }
    #archive img, #recent img { margin-bottom:46px; }
    #recent { margin:30px 0 0 64px; padding-top:15px; background-color:#6ccff6; }
		
    #ftp #content { color:#fff; background-color:transparent; background:url(../i/ftp.gif) 115px bottom no-repeat; font:.75em bold helvetica,arial,sans-serif; text-transform:uppercase; letter-spacing:0.3em; }
    #ftp form { position:absolute; width:214px; top:134px; left:340px; text-align:left; }
    #ftp input { height:1.3em; width:208px; border:1px solid #fff; font-size:0.7em; }	
    #ftp .username { margin-bottom:27px; }
    #ftp .password { margin-bottom:19px; }	
    #ftp .login-button { font:1em bold helvetica,arial,sans-serif; text-transform:uppercase; letter-spacing:0.3em; text-align:center; color:#fff; background-color:transparent; border:0; }
    /* #ftp #content a, #ftp a:visited, #ftp #content a:active,#ftp #content a:hover { color:#fff; text-decoration:none; text-align:center; }*/
	#ftp .failed {position:absolute; top:256px; color:#fff; width:100%; text-align:center; margin-left:68px; }
	
    #work #content { background:url(../i/bg_work.jpg) center no-repeat; } 
    #work #ads, #work #tv, #work #film, #work #online { position:absolute; top:24px; left:580px; font:0.65em helvetica,arial,sans-serif; text-align:left; line-height:1.2em; }
    #work #tv { top:166px; }
    #work #film { top:267px; }
    #work #online { top:344px; }
    #work a, #work a:visited { color:#fff; text-transform: uppercase; text-decoration:none; }
    #work #knobs { position:absolute; top:178px; left:308px; font:0.75em helvetica,arial,sans-serif; color:#fff; text-align:left; line-height:1.5em; text-transform: uppercase; text-decoration:none
	
	#music #content { background-color:transparent; background:url(../i/killer.jpg) center no-repeat; }
    #music, #content { float:left; padding-top:15px; width:250px; height:323px; background-color:none; font:0.85em/2em times,"times new roman",serif; text-transform:uppercase; }
    #music { position:absolute; top:28px; left:118px; }
    #music { position:absolute; top:-2px; left: 339px; }
    #music a, #music a, #music a:visited { color:#000; text-decoration:none; }
    #music a:hover, #music a:hover { color:#fff; text-decoration:none; }
    #music a:active, #music #hover { color:#f00; text-decoration:none; }
   
; }
    #work #knobs img { margin-right:5px; }
	#work #arrow-ads { position:absolute; top:28px; left:352px; }
	#work #arrow-tv { position:absolute; top:163px; left:342px; }	
	#work #arrow-film { position:absolute; top:216px; left:358px; }	
	#work #arrow-online { position:absolute; top:236px; left:372px; }