body {
background-color: black; 
text-align: center; 
color: white; 
bottom: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
}
p{
color: white; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
@font-face {
font-family: Eurostile;
font-style:  normal;
font-weight: normal;
src: url(http://www.tropix.com.au/EUROSTI0.eot);
}
a { color:  #ED1C24; text-decoration:none;}
a:visited {color: #ED1C24; text-decoration:none; font-size:12px;}
a:hover {color: #ED1C24; text-decoration: underline;}
a:active {color: #ED1C24; text-decoration:none;}
a.menu {font-family:Eurostile, Verdana, Arial; font-size: 14px; color: white; text-decoration:none}
a.menu:visited {font-size: 14px; color: white; text-decoration:none; position:relative; bottom:10px; left:5px;}
a.menu:hover {font-size: 14px; color: white; text-decoration:none}
a.menu:active {font-size: 14px; color: white; text-decoration:none}
a.footer {font-size: 10px; font-family:Verdana, Arial; color: white; text-decoration:none}
a.footer:visited {font-size: 10px; font-family:Verdana, Arial; color: white; text-decoration:none}
a.footer:hover {font-size: 10px; font-family:Verdana, Arial; color: white; text-decoration:none}
a.footer:active {font-size: 10px; font-family:Verdana, Arial; color: white; text-decoration:none}
#tropix{margin-left:20px;}
#header{color:#B5B7BA; font-size:22px; text-align:left;  margin-right:20px; font-family:Eurostile, Verdana, Arial; text-decoration:none;}
a#develop{color:#B5B7BA; font-size:22px; text-align:left;  margin-right:20px; font-family:Eurostile, Verdana, Arial; text-decoration:none;}
a.leftnav{color:white; font-size:18px; text-align:left; margin-left:20px; font-family:Eurostile, Verdana, Arial; text-decoration:none;}
a.leftnav:hover{color: #ED1C24; font-size:18px; text-align:left; margin-left:20px; font-family:Eurostile, Verdana, Arial; text-decoration:none;}
a.leftnav:visited{font-size:18px; text-align:left; margin-left:20px; font-family:Eurostile, Verdana, Arial; text-decoration:none;}
.right1{float:right; position: relative; top:10px; clear: right;}
.right2{float:right; padding-top:10px; clear: right;}
.borderleft{border-left: solid #B5B7BA; border-right: none; border-top: none; border-bottom: solid #B5B7BA; border-left-width:thin; border-right-width:thin; border-bottom-width:thin;}
.borderrighttop{border-left: none; border-right: solid #B5B7BA; border-top: none; border-bottom: none; border-left-width:thin; border-right-width:thin; border-bottom-width:thin;}
.borderright{border-left: none; border-right: solid #B5B7BA; border-top: none; border-bottom: solid #B5B7BA; border-left-width:thin; border-right-width:thin; border-bottom-width:thin;}
.borderleftside{border-left: solid #B5B7BA; border-right: none; border-top: none; border-bottom: none; border-left-width:thin; border-right-width:thin; border-bottom-width:thin;}
.borderrightside{border-left: none; border-right: solid #B5B7BA; border-top: none; border-bottom: none; border-left-width:thin; border-right-width:thin; border-bottom-width:thin;}
.border{border-left: solid #B5B7BA; border-right: solid #B5B7BA; border-top: none; border-bottom: solid #B5B7BA; border-left-width:thin; border-right-width:thin; border-bottom-width:thin;}
#text{
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: white;
}
#navcontainer
{
margin: 0px;
padding: 0px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { float: left; }

#navcontainer ul li#commercial a
{
background: url(images/commercial.jpg) no-repeat top left;
float: left;
margin: 0px;
margin-left:7px;
height: 80px;
width: 114px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: -62px;
}
#navcontainer li#commercial a:hover
{
background: url(images/commercial-off.jpg) no-repeat left top;
}

#navcontainer ul li#commercial a#commercialtext
{
color: white;
text-decoration: none;
font-family:Eurostile, Verdana, Arial;
font-size: 16px;
padding-top: 62px;
font-weight: bold;
}

#navcontainer ul li#events a
{
background: url(images/events.jpg) no-repeat top left;
font-size: 16px;
float: left;
margin: 0px;
height: 80px;
width: 114px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: -62px;
}

#navcontainer li#events a:hover
{
background: url(images/events-off.jpg) no-repeat left top;
color: white;
}
#navcontainer ul li#events a#eventstext
{
color: white;
text-decoration: none;
font-family:Eurostile, Verdana, Arial;
font-size: 16px;
padding-top:62px;
font-weight: bold;
}

#navcontainer ul li#weddings a
{
background: url(images/weddings.jpg) no-repeat top left;
font-size: 16px;
float: left;
margin: 0px;
height: 80px;
width: 114px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: -62px;
}

#navcontainer li#weddings a:hover
{
background: url(images/weddings-off.jpg) no-repeat left top;
color: white;
}
#navcontainer ul li#weddings a#weddingstext
{
color: white;
text-decoration: none;
font-family:Eurostile, Verdana, Arial;
font-size: 16px;
padding-top:62px;
font-weight: bold;
}
#navcontainer ul li#candid a
{
background: url(images/candid.jpg) no-repeat top left;
font-size: 16px;
float: left;
margin: 0px;
height: 80px;
width: 114px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: -62px;
}

#navcontainer li#candid a:hover
{
background: url(images/candid-off.jpg) no-repeat left top;
color: white;
}
#navcontainer ul li#candid a#candidtext
{
color: white;
text-decoration: none;
font-family:Eurostile, Verdana, Arial;
font-size: 16px;
padding-top:62px;
font-weight: bold;
}
#navcontainer ul li#whitsundays a
{
background: url(images/whitsundays.jpg) no-repeat top left;
font-size: 16px;
float: left;
margin: 0px;
height: 80px;
width: 114px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: -62px;
}

#navcontainer li#whitsundays a:hover
{
background: url(images/whitsundays-off.jpg) no-repeat left top;
color: white;
}
#navcontainer ul li#whitsundays a#whitsundaystext
{
color: white;
text-decoration: none;
font-family:Eurostile, Verdana, Arial;
font-size: 16px;
padding-top:62px;
font-weight: bold;
}
#navcontainer ul li#portraits a
{
background: url(images/portraits.jpg) no-repeat top left;
font-size: 16px;
float: left;
margin: 0px;
height: 80px;
width: 114px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: -62px;
}

#navcontainer li#portraits a:hover
{
background: url(images/portraits-off.jpg) no-repeat left top;
color: white;
}
#navcontainer ul li#portraits a#portraitstext
{
color: white;
text-decoration: none;
font-family:Eurostile, Verdana, Arial;
font-size: 16px;
padding-top:62px;
font-weight: bold;
}