/* ykons@voyager-soft.com
-------------------------------------------*/

html, body {
margin: 0;
padding: 0;
font: 12px Georgia, Times, "Times New Roman", serif;
color: #000;
background: #999 url(img/bg.jpg) no-repeat;
}

/* =top
-------------------------------------------*/
#top{
width: 900px;
margin:0;
padding: 0;
}

#header{
width: 900px;
margin:0;
padding: 0;
}

/* =logo
-------------------------------------------*/
#logo a{
padding: 0;
margin: 0;
background: url(img/logo.gif) no-repeat #fff;
position: absolute;
left: 15px;
top: 0;
width: 112px;
height: 35px;
overflow: hidden;
text-indent: -3000px;
}

#logo a:hover{
padding: 0;
margin: 0;
background: url(img/logo.gif) no-repeat #fff;
background-position: 0 -35px;
position: absolute;
left: 15px;
top: 0;
width: 112px;
height: 35px;
overflow: hidden;
text-indent: -3000px;
}


/* =concept
-------------------------------------------*/
#concept{
background: url(img/concept.gif) no-repeat ;
position: absolute;
left: 450px;
top: 0px;
width: 341px;
height: 48px;
padding: 0;
margin: 0;
text-indent: -3000px;
}

/* =info
-------------------------------------------*/
#info{
width:650px;
height: 255px;
background: url(img/visibility.gif) no-repeat;
background-position: left 210px;
position: absolute;
left: 150px;
top: 0;
}

#info_id{
background: url(img/artists.gif) no-repeat right top transparent;
width: 120px;
height: 203px;
position: absolute;
top: 48px;
left: 300px;
}


#blog_button a{
background: url(img/blog_button.gif) no-repeat right top #ddd;
width: 112px;
height: 74px;
text-indent: -3000px;
overflow: hidden;
position: absolute;
left: 0px;
top: 130px;
}

#blog_button a:hover{
background: url(img/blog_button.gif) no-repeat right top #ddd;
background-position: 0 -74px;
width: 112px;
height: 74px;
text-indent: -3000px;
overflow: hidden;
position: absolute;
}

#info_artists{
width: 221px;
height: 204px;
position: absolute;
top: 48px;
left: 420px;
}

/* =artists list
-------------------------------------------*/
#artists{
list-style: none;
display: inline;
overflow: hidden;
margin: 0;
padding: 0;
height: 215px;
}

#artists li{
margin: 0; 
padding: 0;
list-style: none;
display: inline;
}

#artists a{
float: left;
padding: 18px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:36px; /* for IE5/Win only */
}

#artists a:hover {
background-position: 0 -18px;
}

#artists a:active{
background-position: 0 -36px;
}

li#art_01 a{
background: url(img/art_01.gif) top left no-repeat;
width: 221px;
}

li#art_02 a{
background: url(img/art_02.gif) top left no-repeat;
width: 221px;
}

#artists #art_02 a{
float: left;
padding: 42px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:84px; /* for IE5/Win only */
}

#artists #art_02 a:hover {
background-position: 0 -42px;
}

#artists #art_02 a:active, #artists #art_02 a.selected {
background-position: 0 -84px;
}

li#art_03 a{
background: url(img/art_03.gif) top left no-repeat;
width: 221px;
}

li#art_04 a{
background: url(img/art_04.gif) top left no-repeat;
width: 221px;
}

li#art_05 a{
background: url(img/art_05.gif) top left no-repeat;
width: 221px;
}

li#art_06 a{
background: url(img/art_06.gif) top left no-repeat;
width: 221px;
}

li#art_07 a{
background: url(img/art_07.gif) top left no-repeat;
width: 221px;
}

li#art_08 a{
background: url(img/art_08.gif) top left no-repeat;
width: 221px;
}

li#art_09 a{
background: url(img/art_09.gif) top left no-repeat;
width: 221px;
}

li#art_10 a{
background: url(img/art_10.gif) top left no-repeat;
width: 221px;
}

li#art_01 a.selected{
background: url(img/art_01.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_02 a.selected_{
background: url(img/art_02.gif) top left no-repeat;
background-position: 0 -42px;
width: 221px;
}

li#art_03 a.selected{
background: url(img/art_03.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_04 a.selected{
background: url(img/art_04.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_05 a.selected{
background: url(img/art_05.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_06 a.selected{
background: url(img/art_06.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_07 a.selected{
background: url(img/art_07.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_08 a.selected{
background: url(img/art_08.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_09 a.selected{
background: url(img/art_09.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

li#art_10 a.selected{
background: url(img/art_10.gif) top left no-repeat;
background-position: 0 -18px;
width: 221px;
}

/* =main, content
-------------------------------------------*/
#main{
width: 638px;
position: absolute;
left: 153px;
top: 252px;
background: #fff;
}

#col_en{
float: left;
width: 300px;
}

#col_gr{
float: right;
width: 300px;
}

#col_new{
float: left;
width: 500
}

/* =footer
-------------------------------------------*/
#footer{
height: 51px;
clear: both;
background: #ccc;
background: url(img/footer.gif) top left no-repeat;
text-indent:  -3000px;
overflow: hidden;
padding: 0;
margin: 0;
}


/* =typo
-------------------------------------------*/
#content{
background: #fff;
font: 12px Georgia, Times, "Times New Roman", serif;
}

#content_home{
background: #fff;
font: 12px Georgia, Times, "Times New Roman", serif;
margin: 20px 0 0 0;
}

#col_new p{
padding: 10px 5px 10px 20px;
margin: 0;
line-height: 1.5em;
}

#col_en p{
padding: 10px 5px 10px 20px;
margin: 0;
line-height: 1.5em;
}

#col_en h2{
font: bold 14px Georgia, Times, "Times New Roman", sans-serif;
padding: 20px 5px 10px 20px;
margin: 0;
}

#col_gr p{
padding: 10px 20px 10px 5px;
margin: 0;
line-height: 1.5em;
}

#col_gr h2{
font: bold 14px Georgia, Times, "Times New Roman", sans-serif;
padding: 20px 20px 10px 5px;
margin: 0;
}

#col_en, .text_en{
color: #000;
background: #fff
}

#col_gr, .text_gr{
color: #666;
background: #fff
}

/* =linkage
-------------------------------------------*/
a:link, a:active{
color:#000;
text-decoration: none;
background: #ff0;
}

a:hover{
color: #000;
background: #ff0;
font-style: italic;
}

a:visited{
color: #000;
background: #ff0;
font-style: italic;
}