/* HOME */

#home
{
margin-top:51px;
left:-6px;
width: 55px;
height: 20px;
background-color: transparent;
float:right;
display: block;
position: relative;
}

#homeactive
{
margin-top:51px;
margin-right: 125px;
width: 55px;
height: 20px;
background: url('images/home.jpg');
float: right;
}

#home a{
font: 10pt 'Century Gothic';
display: block;
width: 100%;
color: rgb(11,4,211);
text-decoration: none;
clear: both;
width: 55px;
height: 20px;
}

html>body #home a{ /*Non IE rule*/
width: auto;
}

#home a:hover{
background-color: #F7F7F7;
background: url('images/home.jpg');
width: 55px;
height: 20px;
}

/* INFO */

#info
{
    left: -6px;
margin-top: 51px;
width: 41px;
height: 20px;
background-color: transparent;
float:right;
display: block;
position: relative;
}

#info a{
font: 10pt 'Century Gothic';
display: block;
width: 100%;
color: rgb(11,4,211);
text-decoration: none;
clear: both;
width: 41px;
height: 20px;
}

html>body #info a{ /*Non IE rule*/
width: auto;
}

#info a:hover{
background-color: #F7F7F7;
background: url('images/info.jpg');
width: 41px;
height: 20px;
}


/* BOOKING */

#booking
{
    left: -6px;
margin-top: 51px;
width: 69px;
height: 20px;
background-color: transparent;
float: right;
position: relative;
}

#booking a{
font: 10pt 'Century Gothic';
display: block;
width: 100%;
color: rgb(11,4,211);
text-decoration: none;
clear: both;
width: 69px;
height: 20px;
}

html>body #booking a{ /*Non IE rule*/
width: auto;
}

#booking a:hover{
background-color: #F7F7F7;
background: url('images/booking.jpg');
width: 69px;
height: 20px;
}

/* CONTACT */

#contact
{
    left: -6px;
margin-top: 51px;
width: 67px;
height: 20px;
background-color: transparent;
float: right;
position: relative;
}

#contact a{
font: 10pt 'Century Gothic';
display: block;
width: 100%;
color: rgb(11,4,211);
text-decoration: none;
clear: both;
width: 67px;
height: 20px;
}

html>body #contact a{ /*Non IE rule*/
width: auto;
}

#contact a:hover{
background-color: #F7F7F7;
background: url('images/contact.jpg');
width: 67px;
height: 20px;
}