@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; /*border: 1px solid #f00*/}

body { background: #000; /*#182936 url(../images/body_bg.jpg) repeat-x top left;*/
color: #8dc2fb; font-family:Tahoma} 

a { outline: none; text-decoration:none; color:#00a; }
a:visited { outline: none; text-decoration:none; color:#00a;}
img { border: none;}

#arkasha { position:absolute; top:0; left:0; z-index:0; width:70%; min-width: 700px; height:800px; background: url(../images/arkasha.jpg) no-repeat 60% top; /*border: 1px solid #00f;*/}

.wrapper {position:absolute; top:0; left:0; z-index:10; min-width: 1000px; width:100%; max-width:1400px; /*border: 1px solid #000;*/}

#header { width: 100%; height: 180px;  /*border: 1px solid #f00;*/}




#logo { width: 400px; height: 170px; margin: 0 auto;  }

#player { float: right; width:30%; max-width:350px; height: 100px; overflow: hidden;/*border: 1px solid #f00;*/}

#icons { float: right; width:100px; height: 50px; /*border: 1px solid #f00;*/}


#main {/*border: 1px solid #fff;*/}
#main2 { float:right; width:600px; height:400px; /*border: 1px solid #fff;*/}

.top-menu  { float:right; height: 40px; margin: 0 10px 10px 0 /* width:750px; border: 1px solid #fff;*/}


.clear { clear: both;}


#footer { clear: both; height:70px; overflow:hidden; background:#182a36; /*border: 1px solid #fff;*/}

#mans { clear: both; height:180px; overflow:hidden; background: url(../images/mans_bg.png) no-repeat; /*border: 1px solid #fff;*/}

.text { 		}


.text-top-line { height: 11px; width:590px; margin: 0 ; background: url(../images/text-top-line_bg.gif) no-repeat;}

.text-botton-line { height: 15px; width:580px; margin: 0 0 0 18px; background: url(../images/text-botton-line_bg.gif) no-repeat;}

 


.scroll{
	color: #182936;
	position: relative;
	display:block;
	height:300px;
	overflow:scroll;
	padding: 15px 30px 15px 20px;
	border-left:1px solid #056cdc;
	border-right:1px solid #056cdc;
	margin:50px 0;
	left:0;
	top:0;
	width: 500px;
}

#box1{ margin: 0 auto;
}

ul.menu  {  /*display: inline;*/ border-left: solid 1px #056cdc; /*height: 25px;*/ padding: 10px 0; list-style-type: none;
/*border: 1px solid #f00;*/}
ul.menu li { list-style-type: none; display: inline; border-right: solid 1px #056cdc; height: 25px; padding: 10px 0 ;  }
ul.menu li a { display: inline-block; height:20px; width: 100px;
/*margin: 2px 0 0 0;*/
/*border-top: solid 1px #056cdc;
border-bottom: solid 1px #056cdc; */
text-decoration: none; color:#000;}


.menu_top_line { height:40px; padding: 0 5px 0 5px;  background: url(../images/blue_line.gif) 0 6px repeat-x;}
.menu_bottom_line { height:40px; padding: 0 5px 0 4px; background: url(../images/blue_line.gif) 0 31px repeat-x;}

ul.menu li a.menu-main { background: url(../images/main.png) center center no-repeat; width: 110px;}
ul.menu li a.menu-main:hover { background: url(../images/main-active.png) center center no-repeat}

ul.menu li a.menu-bio { background: url(../images/bio.png) center center no-repeat; width: 58px;}
ul.menu li a.menu-bio:hover { background: url(../images/bio-active.png) center center no-repeat}

ul.menu li a.menu-photo { background: url(../images/photo.png) center center no-repeat; width: 73px;}
ul.menu li a.menu-photo:hover { background: url(../images/photo-active.png) center center no-repeat}

ul.menu li a.menu-music { background: url(../images/music.png) center center no-repeat;  width:101px;}
ul.menu li a.menu-music:hover { background: url(../images/music-active.png) center center no-repeat}

ul.menu li a.menu-contact { width:120px; background: url(../images/contact.png) center center no-repeat; width: 126px;}
ul.menu li a.menu-contact:hover { background: url(../images/contact-active.png) center center no-repeat}

ul.menu li a.menu-news { background: url(../images/news.png) center center no-repeat; width: 110px;}
ul.menu li a.menu-news:hover { background: url(../images/news-active.png) center center no-repeat}

ul.menu li a.menu-blog { background: url(../images/blog.png) center center no-repeat; width:65px;}
ul.menu li a.menu-blog:hover { background: url(../images/blog-active.png) center center no-repeat}

ul.menu li a.menu-statii { background: url(../images/statii.png) center center no-repeat;  width:97px;}
ul.menu li a.menu-statii:hover { background: url(../images/statii-active.png) center center no-repeat}

           	
.un_mp_3 {/* border:1px solid #fff;*/ height: 200px; width: 310px; margin: 0 auto; overflow: hidden;}