/* CSS Document */
body {background-image: url(images/bg.png);}

body#bk {background-color: #ff9900;}
body#eve {background-color: #00cc00;}
body#dae {background-color: #ff0000;}
body#fgal {background-color: #0066ff;}
body#fable {background-color: #999999;}
body#ore {background-color: #8e00ee;}
body#ctact {background-color: #ffff00;}

#wrapper {
width: 721px;
height:auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #993399;
position:relative;
}
#header {
width: 721px;
height: 160px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#demon {
position:absolute;
left:0px; top:0px;
width:147px; height:160px;
z-index:1;
visibility:visible;
}
   /*navigation*/
#nav {
margin:0 0 0 147px;
padding:0;
list-style-type:none;
} 
#nav li {
float:left;
}
#nav li a {
float:left;
margin:0;
padding:0;

height:56px;
background-position: top left;
background-repeat:no-repeat;

text-indent:-9999px;
}
#nav li a:hover {
background:transparent none;
}
#home a {background-image:url(images/home_btn.jpg); width:53px;}/**/
#book a {background-image:url(images/booking_btn.jpg); width:51px;}/**/
#events a {background-image:url(images/events_btn.jpg); width:50px;}/**/
#fair a {background-image:url(images/fairies_btn.jpg); width:48px;}/**/
#demons a {background-image:url(images/demons_btn.jpg); width:50px;}/**/
#fables a {background-image:url(images/fables_btn.jpg); width:49px;}/**/
#store a {background-image:url(images/store_btn.jpg); width:49px;}/**/
#contacts a {background-image:url(images/contacts_btn.jpg); width:58px;}/**/

#home {background-image:url(images/H_over.jpg);}
#book {background-image:url(images/B_over.jpg);}
#events {background-image:url(images/E_over.jpg);}
#fair {background-image:url(images/fae_over.jpg);}
#demons {background-image:url(images/D_over.jpg);}
#fables {background-image:url(images/fab_over.jpg);}
#store {background-image:url(images/S_over.jpg);}
#contacts {background-image:url(images/C_over.jpg);}

   /*end nav*/ 
   #fairies {
position:absolute; 
left:555px; top:0px;width:166px; 
height:160px;z-index:3;
visibility:visible;
}
#title {
position:absolute; 
left:147px; top:56px;
width:408px; height:104px;z-index:4;
visibility:visible;
}
   /*end header*/
   #content {
margin: 0px 15px 5px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
}
#content ul {
list-style-type: none;
 text-align: left;
 color: #FF9933;
 text-decoration: none;
 }
#content li {
background-image:url(images/list_img.gif);
background-repeat:no-repeat;
font-size: 16px;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
}
#country {
float: right;
clear: right;
 width: 250px; height: 191px;z-index: 5; 
 visibility: visible;
 }
 #collage {
position:relative;
float: left;
padding-right: 20px; 
 width: 267px; height: 403px;z-index: 5; 
 visibility: visible;
 }
 #tale {
 float: right;
 padding-left: 10px;
 padding-bottom: 10px;
 } 
#ceve h2 {
text-align: left;
color:#00FF00;
}
#ceve h3 {
color: #ff0000;
}

#ceve a {
color: #00FF00;
}
#ceve a:hover {
color:#999999;
}
#binfo a {
color: #00FF00;
}
#binfo a:hover {
color:#999999;
}
#binfo h2{
color:#ff9900;
}
#binfo h3{
color:#ff9900;
}
.fix {
margin-left: 240px;
}
#bles h2{
color: #999999;
}
#bles a {
color: #999999;
}
#bles a:hover {
color: #FF0000;
}
#buy h1 {
color: #8e00ee;
background-color: #999999;
text-align: center;
}
 /*end content*/
   #open {
float: right;
margin-right: 0px;
width:525px; height:350px;z-index:1;
}
#row {
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
#row a img{
padding: 0px;
}
#row span {
display:none;
}
#row span img {
border:none;
}
#row a:hover {
border:none;
text-decoration:none;
}
#row a:hover span {
position:absolute;
right:0px;
top:160px;
width:525px;
height:350px;
display:block;
}
  /*end gallery*/
 #footer {
 background-color: #000000;
 text-align: center;
 }
 #footer p {
 color: #FF0000;
 padding: 10px;
 }
 #footer a {
 color: #0033FF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 #footer a:hover {
 color:#FF0000;
 }
 #footer a:active {
 color:#666666;
 }
 .cop {
 font-size: 9px;
 }