* {
margin: 0;
font-size: 100%;
}

html, body
{
height: 100%;
color: #FFFFFF;
background-color: #4c4c4c;
font-family: helvetica, arial, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px;
}

.center
{
text-align: center;
padding-left: 100px;
padding-right: 100px;
padding-bottom: 10px;
padding-top: 10px;
font-size: 85%;
color: #FFFFFF;
}

.footer, .push {
height: 40px;
text-align: center;
font-size: 70%;
}

#top
{
background-image: url(http://www.star-reef.com/images/ws_top.jpg);
text-align: center;
padding: 10px;
}

#navbar
{
font-size: 75%;
}

#middleart
{
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
background-color: #4c4c4c;
}

a img
{
border: none;
}

a:link
{
text-decoration: none;
color: #EDDAFF;
font-weight: bold;
}

a:visited
{
text-decoration: none;
color: #A99BB5;
font-weight: bold;
}

a:hover
{
text-decoration: none;
color: #5ecbca;
}

.joblist
{
text-align: left;
padding-left: 200px;
padding-right: 200px;
padding-bottom: 20px;
padding-top: 20px;
font-size: 95%;
color: #FFFFFF;
}

img.floatRight
{
float: right;
padding: 4px;
}

#outerlink
{
text-align: center;
}

#container
{
color: #ffffff;
background-color: #4c4c4c;
border: 0px;
}

#bottom
{
color: #FFFFFF;
background-color: #777777;
text-align: center;
font-size: 70%;
padding-top: 0px;
}

/*---------- Image maps ----------*/

#imagemapaudio
{
background-image: url(/images/ws_audio.gif);
background-position: center;
background-repeat: no-repeat;
width: 514px;
height: 346px;
display: block;
margin-left: auto;
margin-right: auto;
}

#imagemapArt
{
background-image: url(/images/ws_artdisplay.gif);
background-position: center;
background-repeat: no-repeat;
width: 514px;
height: 346px;
display: block;
margin-left: auto;
margin-right: auto;
}

#imagemapwip
{
background-image: url(/images/ws_wip.gif);
background-position: center;
background-repeat: no-repeat;
width: 514px;
height: 346px;
display: block;
margin-left: auto;
margin-right: auto;
}

#imagemapwip a:hover
{
background-color: #CC0099;
opacity: 0.5;
filter: alpha(opacity:50);
}

#imagemapaudio a:hover
{
background-color: #8a00ff;
opacity: 0.5;
filter: alpha(opacity:50);
}

#imagemap2d a:hover
{
background-color: #ff207e;
opacity: 0.5;
filter: alpha(opacity:50);
}

#imagemapArt a:hover
{
background-color: #9fff00;
opacity: 0.5;
filter: alpha(opacity:50);
}

#imagemapmisc a:hover
{
background-color: #FFCC66;
opacity: 0.5;
filter: alpha(opacity:50);
}

a.one
{
float: left;
width: 50px;
height: 50px;
margin-left: 21px;
margin-top: 30px;
}

a.two
{
float: left;
width: 50px;
height: 50px;
margin-left: 10px;
margin-top: 30px;
}

a.three
{
float: left;
width: 50px;
height: 50px;
margin-left: 21px;
margin-top: 20px;
}

a.four
{
float: left;
width: 50px;
height: 50px;
margin-left: 10px;
margin-top: 20px;
}

a.five
{
float: left;
width: 50px;
height: 50px;
margin-: 21px;
margin-: 50px;
}

a.six
{
float: left;
width: 50px;
height: 50px;
padding-left: 10px;
padding-top: 50px;
}