body
{
background-color: #000000;
margin: 0 auto;
text-align: center;
}
#top
{
height: 33px;
width: 663px;
background-image: url('../images/noela.png');
margin: 0 auto;
margin-top: 5%;
}
a:link,a:visited,a:hover,a:active
{
text-decoration: none;
}
img
{
border-style: none;
}
#main
{
background-image: url('../images/mbg.png');
background-repeat: no-repeat;
height: 470px;
width: 663px;
margin: 0 auto;
}
#content
{
position: relative;
width: 584px;
height: 375px;
margin: 0 auto;
top: 45px;
left: -30px;
padding: 5px;
overflow: auto;
font-family: "arial black", "lucida console", sans-serif;
color: #ffffff;
text-align: justify;
}

#rollhome{
height: 33px;
width: 60px;
text-indent: 10000px;
overflow: hidden;
background: url(../images/home.png) top left no-repeat;
display: block;
float: left;
}
 
#rollhome:hover{

background-position: bottom left;

}

#rollabout{
height: 33px;
width: 56px;
text-indent: 10000px;
overflow: hidden;
background: url(../images/about.png) top left no-repeat;
display: block;
float: left;
}
 
#rollabout:hover{

background-position: bottom left;

}

#rollgallery{
height: 33px;
width: 60px;
text-indent: 10000px;
overflow: hidden;
background: url(../images/gallery.png) top left no-repeat;
display: block;
float: left;
}
 
#rollgallery:hover{

background-position: bottom left;

}

#rollcontact{
height: 33px;
width: 71px;
text-indent: 10000px;
overflow: hidden;
background: url(../images/contact.png) top left no-repeat;
display: block;
float: left;
}
 
#rollcontact:hover{

background-position: bottom left;

}


.thumb
{
margin: 8px;
}