*{
 margin: 0;
 padding: 0;
}

html,body{
 height: 100%;
}

a {
 color: #fac364;
 text-decoration: underline;
}

a:hover {
 color: #fac364;
 text-decoration: none;
}

.text {
 text-align: justify;
 text-indent: 20px;
}

.spacer{
 clear:both;
 font-size:0;
 line-height:0;
}

body {
 margin: 0;
 padding: 0;
 color: #FFCC00;
 font: 14px times, arial, helvetica, verdana, sans-serif;
 text-align: center;
 behavior: url('csshover.htc');
 background: #000000 url('http://allaivashyna.com.ua/images/bg.gif') center top;
}

.alla_bg{
 background: url('http://allaivashyna.com.ua/images/alla_bg.gif') center top;
}

.line_header{
 background: url('http://allaivashyna.com.ua/images/bg_header.jpg') center top repeat-x;
}

.line_footer{
 background: url('http://allaivashyna.com.ua/images/bg_footer.jpg') center bottom repeat-x;
}

.conteiner_full {
 width: 970px;
 margin: 0 auto;
 clear:both;
}

.cols_left{
 width: 570px;
 float: left;
 text-align: left;
}

.cols_right{
 width: 399px;
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
}


.alla_foto{
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top right;
}

#conteiner {
 width: 549px;
 margin-left: 80px;
}

#header {
 width: 549px;
 height: 218px;
 padding: 0;
 background-repeat: repeat-x;
}


#header_left {
 width: 32px;
 height: 172px;
 padding: 0;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/logo_01.gif');
 background-repeat: no-repeat;
}

#header_center {
 width: 485px;
 height: 172px;
 padding: 0px 0px 0px 0px;
 margin: 0px;
 float: left;
 text-align: center;
 background-image: url('http://allaivashyna.com.ua/images/new/logo_0222.jpg');
 background-repeat: no-repeat;
}

#header_right {
 width: 32px;
 height: 172px;
 padding: 0;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/logo_03.gif');
 background-repeat: no-repeat;
}

#header_bottom {
 width: 549px;
 height: 46px;
 padding: 0;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/logo_0444.gif');
 background-repeat: no-repeat;
}

#fotter {
 width: 549px;
 height: 50px;
 padding: 0;
 bottom: 0px;
 float: left;
}

#content {
 width: 524px;
 padding-left: 25px;
 padding-top: 10px;
 float: left;
}

#menu_00 {
 width: 30px;
 height: 18px;
 margin-top: 149px;
 float: left;
}

#menu_01 {
 width: 82px;
 height: 18px;
 margin-top: 150px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_y_01.gif');
 background-repeat: no-repeat;
}

#menu_01:hover {
 width: 82px;
 height: 18px;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_w_01.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

#menu_02 {
 width: 63px;
 height: 18px;
 margin-top: 150px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_y_02.gif');
 background-repeat: no-repeat;
}

#menu_02:hover {
 width: 63px;
 height: 18px;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_w_02.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

#menu_03 {
 width: 48px;
 height: 18px;
 margin-top: 150px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_y_03.gif');
 background-repeat: no-repeat;
}

#menu_03:hover {
 width: 48px;
 height: 18px;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_w_03.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

#menu_04 {
 width: 44px;
 height: 18px;
 margin-top: 150px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_y_04.gif');
 background-repeat: no-repeat;
}

#menu_04:hover {
 width: 44px;
 height: 18px;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_w_04.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

#menu_05 {
 width: 83px;
 height: 18px;
 margin-top: 150px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_y_05.gif');
 background-repeat: no-repeat;
}

#menu_05:hover {
 width: 83px;
 height: 18px;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_w_05.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

#menu_07 {
 width: 74px;
 height: 18px;
 margin-top: 150px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_y_07.gif');
 background-repeat: no-repeat;
}

#menu_07:hover {
 width: 74px;
 height: 18px;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_w_07.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

#menu_06 {
 width: 6px;
 height: 18px;
 margin-top: 150px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/menu_y_06.gif');
 background-repeat: no-repeat;
}

.icon_mp3 {
 width: 60px;
 height: 60px;
 float: right;
 margin: 0px 10px 0px 0px;
 background-image: url('http://allaivashyna.com.ua/images/new/60_icon_mp3_b.gif');
 background-repeat: no-repeat;
}

.icon_mp3:hover {
 float: right;
 margin: 0px 10px 0px 0px;
 background-image: url('http://allaivashyna.com.ua/images/new/60_icon_mp3.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

.icon_play {
 width: 60px;
 height: 60px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/60_icon_play_b.gif');
 background-repeat: no-repeat;
}

.icon_play:hover {
 width: 60px;
 height: 60px;
 float: left;
 background-image: url('http://allaivashyna.com.ua/images/new/60_icon_play.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

.icon_text {
 width: 60px;
 height: 60px;
 float: right;
 margin: 0px 40px 0px 0px;
 background-image: url('http://allaivashyna.com.ua/images/new/60_icon_text_b.gif');
 background-repeat: no-repeat;
}

.icon_text:hover {
 background-image: url('http://allaivashyna.com.ua/images/new/60_icon_text.gif');
 background-repeat: no-repeat;
 cursor: pointer;
}

#song_name {
 width: 250px;
 height: 50px;
 padding: 5px;
 float: left;
 font-size: 12px;
 color: #FFCC00;
}

#song {
 width: 380px;
 padding: 10px;
 text-align: left;
}

#photo {
 width: 150px;
 padding: 3px;
 float: left;
 text-align: center;
 margin-bottom: 10px;
}

#photo_arhiv {
 width: 150px;
 padding: 3px;
 float: left;
}

td.alla {
 background-image: url('http://allaivashyna.com.ua/images/new/alla_01.gif');
 background-repeat: no-repeat;
 background-position: right bottom;
}

h2{
 font-size: 20px;
}

a.info {
 font-size: 14px;
 text-decoration:none;
 position:relative;
 float: right;
}

a.info span {
 display:none;
}

a.info:hover {
 cursor:default;
}

a.info:hover .infobox {
  font-weight: normal;
  z-index: 5;
  display: block;
  position: absolute;
  top: 70px;
  left: -210px;
  width: 180px;
  height: 40px;
  background: url('http://allaivashyna.com.ua/images/new/infobox.gif') no-repeat bottom right;
  text-align:left;
  padding: 10px;
  color: #FFCC00;
}

span.grey {
 color: #CC9900;
 font: 12px times, arial, helvetica, verdana, sans-serif;
}

.form{
 background: #2C2C2C;
 border-top: 1px solid #FFD700;
 border-bottom: 1px solid #FFD700;
 border-left: 0px solid #77B8DB;
 border-right: 0px solid #77B8DB;
 background-position: left center;
 padding: 5px 10px 5px 10px;
 color: #FFFFFF;
 font-size: 14px;
 margin: 0px;
}

#conteiner_right_right {
 width: 90px;
 float: left;
}

#conteiner_right_left {
 width: 180px;
 float: left;
 color: #707070;
 padding-right: 10px;
 font: 12px times, arial, helvetica, verdana, sans-serif;
 text-align: right;
}

#conteiner_right_left a {
 color: #707070;
 font: 12px times, arial, helvetica, verdana, sans-serif;
 text-decoration: underline;
}

#conteiner_right_left a:hover {
 color: #FFCC00;
 font: 12px times, arial, helvetica, verdana, sans-serif;
 text-decoration: none;
}

#conteiner_right_full {
 width: 290px;
 float: left;
 text-align: center;
 color: #707070;
 font: 12px times, arial, helvetica, verdana, sans-serif;
}

.link_more {
 width: 278px;
 float: left;
 text-align: center;
 border: 1px dashed #939393;
 margin: 0px 0px 15px 45px;
 padding: 6px;
}

span.more {
 color: #707070;
 font: 12px times, arial, helvetica, verdana, sans-serif;
 text-decoration: underline;
}

span.more:hover {
 color: #FFCC00;
 font: 12px times, arial, helvetica, verdana, sans-serif;
 text-decoration: none;
}


