 /* 
Nav layout for: Gondwana Voices
Author: Nick Sammut nick@creativezoo.com.au
Version: 20-07-2005
------------------------------------------------------------*/

/* Rollovers MAIN
------------------------------------------------------------*/

.rollover a
{
	display: block;
	width: 51px;
	height: 30px;
	padding: 9px 7px 10px 7px;
	background: url("../images/link1.gif") 0 0 no-repeat;
}

.rollover a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rollovertwo a
{
	display: block;
	width: 66px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background-image: url("../images/link2.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.rollovertwo a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rolloverthree a
{
	display: block;
	width: 106px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/link3.gif") 0 0 no-repeat;
}

.rolloverthree a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rolloverfour a
{
	display: block;
	width: 56px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/link4.gif") 0 0 no-repeat;
}

.rolloverfour a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rolloverfive a
{
	display: block;
	width: 78px;
	height: 30px;
	padding: 10px 0px 10px 0px;
	color: #fff;
	background: url("../images/link5.gif") 0 0 no-repeat;
}

.rolloverfive a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rolloversix a
{
	display: block;
	width: 61px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/link6.gif") 0 0 no-repeat;
}

.rolloversix a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rolloverseven a
{
	display: block;
	width: 77px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/link7.gif") 0 0 no-repeat;
}

.rolloverseven a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rollovereight a
{
	display: block;
	width: 103px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/link8.gif") 0 0 no-repeat;
}

.rollovereight a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rollovernine a
{
	display: block;
	width: 69px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/link9.gif") 0 0 no-repeat;
}

.rollovernine a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

.rolloverten a
{
	display: block;
	width: 87px;
	height: 30px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/link10.gif") 0 0 no-repeat;
}

.rolloverten a:hover
{
	background-position: 0 -50px;
	color: #fff;
}

/* Rollovers SUB
------------------------------------------------------------*/

.rolloversubsix a
{
	display: block;
	width: 78px;
	height: 19px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/sublink6.gif") 0 0 no-repeat;
}

.rolloversubsix a:hover
{
	background-position: 0 -36px;
	color: #fff;
}

.rolloversubone a
{
	display: block;
	width: 78px;
	height: 19px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/sublink1.gif") 0 0 no-repeat;
}

.rolloversubone a:hover
{
	background-position: 0 -36px;
	color: #fff;
}

.rolloversubtwo a
{
	display: block;
	width: 75px;
	height: 19px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/sublink2.gif") 0 0 no-repeat;
}

.rolloversubtwo a:hover
{
	background-position: 0 -36px;
	color: #fff;
}

.rolloversubthree a
{
	display: block;
	width: 78px;
	height: 19px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/sublink3.gif") 0 0 no-repeat;
}

.rolloversubthree a:hover
{
	background-position: 0 -36px;
	color: #fff;
}

.rolloversubfour a
{
	display: block;
	width: 95px;
	height: 19px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/sublink4.gif") 0 0 no-repeat;
}

.rolloversubfour a:hover
{
	background-position: 0 -36px;
	color: #fff;
}


.rolloversubfive a
{
	display: block;
	width: 67px;
	height: 19px;
	padding: 10px 0px 7px 0px;
	color: #fff;
	background: url("../images/sublink5.gif") 0 0 no-repeat;
}

.rolloversubfive a:hover
{
	background-position: 0 -36px;
	color: #fff;
}


/* Main align
------------------------------------------------------------*/

#main-nav
{
	color: #ffffff;
	xfloat: left;
	xright: 0px;
	xtop: 20%;
	xwidth: 754px;
	xposition: absolute;
	margin: 0;
	padding: 0;
}

#main-nav ul
{
	padding-left: 0;
	xwidth: 754px;
	xtext-align: center;
	xposition: relative;
	margin-top: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main-nav li.one
{
	width: 51px;
	text-align: center;
	margin-left: 0px;
	position: absolute;
}

#main-nav li.two
{
	width: 66px;
	text-align: center;
	margin-left: 51px;
	position: absolute;
}

#main-nav li.three
{
	width: 106px;
	text-align: center;
	margin-left: 117px;
	position: absolute;
}

#main-nav li.four
{
	width: 56px;
	text-align: center;
	margin-left: 223px;
	position: absolute;
}

#main-nav li.five
{
	width: 78px;
	text-align: center;
	margin-left: 279px;
	position: absolute;
}

#main-nav li.six
{
	width: 61px;
	text-align: center;
	margin-left: 357px;
	position: absolute;
}

#main-nav li.seven
{
	width: 77px;
	text-align: center;
	margin-left: 418px;
	position: absolute;
}

#main-nav li.eight
{
	width: 103px;
	text-align: center;
	margin-left: 495px;
	position: absolute;
}

#main-nav li.nine
{
	width: 69px;
	text-align: center;
	margin-left: 598px;
	position: absolute;
}

#main-nav li.ten
{
	width: 87px;
	text-align: center;
	margin-left: 667px;
	position: absolute;
}

#main-nav li.eight,
#main-nav li.five,
#main-nav li.four,
#main-nav li.nine,
#main-nav li.seven,
#main-nav li.six,
#main-nav li.ten,
#main-nav li.three,
#main-nav li.two
{
	height: 47px;
	overflow: hidden;
}
#main-nav li.one
{
	height: 49px;
	overflow: hidden;
}

/* Sub Navigation.
------------------------------------------------------------*/

#sub-nav
{
	xposition: static;
	xtext-align: center;
	top: 110px;
	xwidth: 162px;
	xheight: 270px;
	xborder: 1px solid red;
	width: 754px;
	margin: 0;
	display: block;
	z-index: 100;
}

/*

#sub-navbox {
color: #ffffff;
font-size: 1.1em;
text-align:center;
width:162px;
position:relative;
background-image:url(../images/nav_bg.gif);
height:25px;
}
*/

#sub-nav ul
{
	xpadding-left: 0;
	xline-height: 0em;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	xmargin-left: 2em;
	xmargin-right: .5em;
	xdisplay: block;
	xwidth: 754px;
	xtext-align: center;
	xposition: relative;
	xtop: 100px;
	list-style-type: none;
	z-index: 200;
	xborder: 1px solid green;
}

#sub-nav li.six
{
	width: 78px;
	text-align: center;
	margin-top: 134px;
	margin-left: 197px;
	position: absolute;
}

#sub-nav li.one
{
	width: 78px;
	text-align: center;
	margin-top: 136px;
	margin-left: 275px;
	position: absolute;
	left: -1px;
}

#sub-nav li.two
{
	width: 75px;
	text-align: center;
	margin-top: 136px;
	margin-left: 352px;
	position: absolute;
}

#sub-nav li.three
{
	width: 78px;
	text-align: center;
	margin-top: 136px;
	margin-left: 427px;
	position: absolute;
}

#sub-nav li.four
{
	width: 95px;
	text-align: center;
	margin-top: 136px;
	margin-left: 505px;
	position: absolute;
}

#sub-nav li.five
{
	width: 67px;
	text-align: center;
	margin-top: 136px;
	margin-left: 596px;
	position: absolute;
}

#sub-nav li.six,
#sub-nav li.one,
#sub-nav li.two,
#sub-nav li.three,
#sub-nav li.four,
#sub-nav li.five
{
	xborder: 1px solid fuchsia;
	height: 35px;
	overflow: hidden;
}

/* Rollovers MAIN hidden
------------------------------------------------------------*/

.rollover a i { visibility: hidden; }
.rollovertwo a i { visibility: hidden; }
.rolloverthree a i { visibility: hidden; }
.rolloverfour a i { visibility: hidden; }
.rolloverfive a i { visibility: hidden; }
.rolloversix a i { visibility: hidden; }
.rolloverseven a i { visibility: hidden; }
.rollovereight a i { visibility: hidden; }
.rollovernine a i { visibility: hidden; }
.rolloverten a i { visibility: hidden; }

/* Rollovers SUB hidden
------------------------------------------------------------*/

.rolloversubsix a i { visibility: hidden; }
.rolloversubone a i { visibility: hidden; }
.rolloversubtwo a i { visibility: hidden; }
.rolloversubthree a i { visibility: hidden; }
.rolloversubfour a i { visibility: hidden; }
.rolloversubfive a i { visibility: hidden; }

/* Main Navigation text.
------------------------------------------------------------*/

#linkbar
{
	right: 0;
	color: #ffffff;
	text-decoration: none;
}

a:link
{
	color: #ff3300;
	text-decoration: none;
}

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

a:visited
{
	color: #666666;
	text-decoration: none;
}

a:active
{
	color: #333333;
	text-decoration: none;
}

#address
{
	right: 0;
	font-size: 85%;
	color: #ffffff;
	position: static;
	text-align: center;
	background-color: #666666;
	text-decoration: none;
	line-height: 1.5em;
}

#copyright p
{
	font-size: 110%;
	margin: .2em 0 0 0;
	text-decoration: none;
}

#copyright a
{
	color: #999999;
	text-decoration: none;
}

#copyright a:hover
{
	color: #333333;
	text-decoration: none;
}

#copyright a:visited
{
	color: #999999;
	text-decoration: none;
}

#copyright a:active
{
	color: #333333;
	text-decoration: none;
}
