*, html, body {
	padding: 0;
	margin: 0;
}

body {
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
	background-position: center;
}

img {
	border: 0;
}

#container {
	text-align: center;
	margin: 0 auto;
	width: 900px;
	height: 867px;
	padding: 0;
}

#header {
	width: 900px;
	height: 175px;
}

#spacer {
	height: 0px;
	clear: both;
	float: none;
}

#about #footer {
	width: 655px;
	height: 125px;
	margin: 0;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	background: #fc7cc6 url('images/footer-about.jpg') top left no-repeat;
}
#sign-up #footer {
	width: 655px;
	height: 125px;
	margin: 0;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	background: #fc7cc6 url('images/footer-sign-up.jpg') top left no-repeat;
}
#exclusive #footer {
	width: 655px;
	height: 125px;
	margin: 0;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	background: #fc7cc6 url('images/footer-exclusive.jpg') top left no-repeat;
}
#activities #footer {
	width: 655px;
	height: 125px;
	margin: 0;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	background: #fc7cc6 url('images/footer-activities.jpg') top left no-repeat;
}
#discussion #footer {
	width: 655px;
	height: 125px;
	margin: 0;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	background: #fc7cc6 url('images/footer-discussion.jpg') top left no-repeat;
}

#photo-album #footer {
	width: 655px;
	height: 125px;
	margin: 0;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	background: #fc7cc6 url('images/footer-photo-album.jpg') top left no-repeat;
}

table {
	padding: 0;	
	margin: 0;
}

td.menu {
	width: 220px;
	height: 642px;
	text-align: right;
	margin: 0;
	padding: 0;
}

td.mid-column {
	width: 680px;
	height: 642px;
	text-align: left;
	padding: 0;
	margin: 0;
	background: black;
}

#content {
	width: 680px;
	height: 492px;
}

#title {
	width: 100%;
	height: 56px;
	text-align: left;
	margin: 0;
	padding-top: 10px;
}
#title img {
	padding-left: 20px;
}

#p-title {
	padding: 15px;
	padding-top: 35px;
	padding-left: 20px;
	padding-right: 10px;
	font-family: Century Gothic, Arial;
	font-size: 15px;
	color: #ff00f6;
	font-weight: bold;
}

#p-content {
	font-family: Century Gothic, Arial;
	font-size: 12px;
	color: white;
	padding-left: 40px;
	padding-right: 20px;
}
#exclusive #p-content {
	font-family: Century Gothic, Arial;
	font-size: 12px;
	color: white;
	padding: 15px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
}
#p-content2 {
	font-family: Century Gothic, Arial;
	font-size: 12px;
	color: white;
	padding: 15px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 10px;

}
#p-content ul {
	list-style-type: none;
	list-style-position: outside;
}
#p-content li.nfirst {
	padding-top: 4px;
	padding-bottom: 10px;
}
#p-content li {
	padding-bottom: 10px;
}
#exclusive #p-content li.nfirst {
	padding-bottom: 7px;
}

#note {
	padding: 10px;
	padding-left: 20px;
	padding-right: 10px;
	font-family: Century Gothic, Arial;
	font-size: 11px;
	/*color: #fc7cc6;*/
	color: white;
}

.style-h1 {
	font-family: Century Gothic, Arial;
	font-size: 14px;
	color: #ff00f6;
	font-weight: bold;
}

a.link-style1:link, a.link-style1:visited {
	color: #ff1ccd;
	text-decoration: none;
}
a.link-style1:hover {
	color: #ff1ccd;
	text-decoration: underline;
}

#powered {
	font-family: Century Gothic, Arial;
	font-size: 12px;
	color: black;
}

#powered a:link, #powered a:visited {
	color: black;
	text-decoration: none;
}
#powered a:hover {
	color: black;
	text-decoration: underline;
}

// NAVIGATION BAR
#nav-bar {
	width: 900px;
	height: 110px;
	text-decoration: none;
	border: 0px;
}
#nav-bar-2 {
	width: 900px;
	height:55px;
	text-decoration: none;
	border: 0px;
}

#nav-bar ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 900px;
	height: 55px;
}

#nav-bar-2 ul#topnav-3 {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 900px;
	height: 55px;
	background: url('images/nav-bar-3.jpg') no-repeat scroll top left;
}

#nav-bar ul#topnav li {
	float: left;
}

#nav-bar ul#topnav li a {
	display: block;
	height: 55px;
	position: relative;
	background: url('images/nav-bar-new.jpg') no-repeat scroll top left;
	text-decoration: none;
}

#nav-bar ul#topnav li a span {
	background: url('images/nav-bar-new.jpg') no-repeat scroll bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 55px;
	width: 100%;
}

#nav-bar ul#topnav-2 {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 900px;
	height: 55px;
	background: url('images/nav-bar-new.jpg') 0px -55px no-repeat;
}

#nav-bar ul#topnav-2 li {
	float: left;
}

#nav-bar ul#topnav-2 li a {
	display: block;
	height: 55px;
	position: relative;
	background: url('images/nav-bar-new.jpg') no-repeat scroll top left;
	text-decoration: none;
}

#nav-bar ul#topnav-2 li a span {
	background: url('images/nav-bar-new.jpg') no-repeat scroll bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 55px;
	width: 100%;
}

#nav-bar-2 ul#topnav-3 li {
	float: left;
}

#nav-bar-2 ul#topnav-3 li a {
	display: block;
	height: 55px;
	position: relative;
	background: url('images/nav-bar-3.jpg') no-repeat scroll top left;
	text-decoration: none;
}

#nav-bar-2 ul#topnav-3 li a span {
	background: url('images/nav-bar-3.jpg') no-repeat scroll bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 55px;
	width: 100%;
}


#nav-bar ul#topnav li a.about {
	width: 85px;
	background-position: 0px 0px;
}
#nav-bar ul#topnav li a.about span {
	background-position: 0px -110px ;
}
#about-chingay-part-1 #nav-bar ul#topnav li a.about, #about-chingay-part-2 #nav-bar ul#topnav li a.about, #about-chingay-part-3 #nav-bar ul#topnav li a.about, #about-chingay-part-4 #nav-bar ul#topnav li a.about, #about-chingay-part-5 #nav-bar ul#topnav li a.about {
	width: 85px;
	background-position: 0px -110px;
}
#about-chingay-part-1 #nav-bar ul#topnav li a.about span, #about-chingay-part-2 #nav-bar ul#topnav li a.about span, #about-chingay-part-3 #nav-bar ul#topnav li a.about span, #about-chingay-part-4 #nav-bar ul#topnav li a.about span, #about-chingay-part-5 #nav-bar ul#topnav li a.about span {
	background-position: 0px -110px;
	diplay: none;
}

#nav-bar ul#topnav li a.highlights {
	width: 125px;
	background-position: -85px 0px;	
}
#nav-bar ul#topnav li a.highlights span {
	background: url('images/nav-bar-new.jpg') -85px -110px no-repeat;
}
#highlights #nav-bar ul#topnav li a.highlights {
	width: 125px;
	background-position: -85px -110px;	
}
#highlights #nav-bar ul#topnav li a.highlights span {
	background: url('images/nav-bar-new.jpg') -85px -110px no-repeat;
	display: none;
}

#nav-bar ul#topnav li a.information {
	width: 130px;
	background-position: -210px 0px;
}
#nav-bar ul#topnav li a.information span {
	background: url('images/nav-bar-new.jpg') -210px -110px no-repeat;
}
#ticketing #nav-bar ul#topnav li a.information {
	width: 130px;
	background-position: -210px -110px;
}
#ticketing #nav-bar ul#topnav li a.information span {
	background: url('images/nav-bar-new.jpg') -210px -110px no-repeat;
	display: none;
}

#nav-bar ul#topnav li a.activities {
	width: 195px;
	background-position: -340px 0px;
}
#nav-bar ul#topnav li a.activities span {
	background: url('images/nav-bar-new.jpg') -340px -110px no-repeat;
}
#activity #nav-bar ul#topnav li a.activities, #bannerart #nav-bar ul#topnav li a.activities, #bannerart-categories #nav-bar ul#topnav li a.activities, #bannerart-register #nav-bar ul#topnav li a.activities, #bannerart-judging #nav-bar ul#topnav li a.activities {
	width: 195px;
	background-position: -340px -110px;
}
#activity #nav-bar ul#topnav li a.activities span, #bannerart #nav-bar ul#topnav li a.activities span, #bannerart-categories #nav-bar ul#topnav li a.activities span, #bannerart-judging #nav-bar ul#topnav li a.activities span, #bannerart-register #nav-bar ul#topnav li a.activities span {
	background: url('images/nav-bar-new.jpg') -340px -110px no-repeat;
	display: none;
}

#nav-bar ul#topnav li a.media {
	width: 72px;
	background-position: -535px 0px;
}
#nav-bar ul#topnav li a.media span {
	background: url('images/nav-bar-new.jpg') -535px -110px no-repeat;
}
#media #nav-bar ul#topnav li a.media {
	width: 72px;
	background-position: -535px -110px;
}
#media #nav-bar ul#topnav li a.media span {
	background: url('images/nav-bar-new.jpg') -535px -110px no-repeat;
	display: none;
}

#nav-bar ul#topnav li a.gallery {
	width: 80px;
	background-position: -607px 0px;
}
#nav-bar ul#topnav li a.gallery span {
	background: url('images/nav-bar-new.jpg') -607px -110px no-repeat;
}

#nav-bar ul#topnav li a.past {
	width: 90px;
	background-position: -687px 0px;
}
#nav-bar ul#topnav li a.past span {
	background: url('images/nav-bar-new.jpg') -687px -110px no-repeat;
}

#nav-bar ul#topnav li a.pcc {
	width: 123px;
	background-position: -777px 0px;
}
#nav-bar ul#topnav li a.pcc span {
	background: url('images/nav-bar-new.jpg') -777px -110px no-repeat;
}

#about #nav-bar ul#topnav li a.pcc, #sign-up #nav-bar ul#topnav li a.pcc, #exclusive #nav-bar ul#topnav li a.pcc, #activities #nav-bar ul#topnav li a.pcc, #discussion #nav-bar ul#topnav li a.pcc, #photo-album #nav-bar ul#topnav li a.pcc {
	width: 123px;
	background-position: -777px -110px;
}
#about #nav-bar ul#topnav li a.pcc span, #sign-up #nav-bar ul#topnav li a.pcc span, #exclusive #nav-bar ul#topnav li a.pcc span, #activities #nav-bar ul#topnav li a.pcc span, #discussion #nav-bar ul#topnav li a.pcc span, #photo-album #nav-bar ul#topnav li a.pcc span {
	background: url('images/nav-bar-new.jpg') -777px -110px no-repeat;
	display: none;
}

#nav-bar ul#topnav-2 li a.special {
	width: 130px;
	background-position: 0px -55px;
}
#nav-bar ul#topnav-2 li a.special span {
	background: url('images/nav-bar-new.jpg') 0px -175px no-repeat;
}
#offer-merchandise #nav-bar ul#topnav-2 li a.special, #offer-gtmc #nav-bar ul#topnav-2 li a.special, #offer-dmc #nav-bar ul#topnav-2 li a.special, #offer-tshirt #nav-bar ul#topnav-2 li a.special {
	width: 130px;
	background-position: 0px -175px;
}
#offer-merchandise #nav-bar ul#topnav-2 li a.special span, #offer-gtmc #nav-bar ul#topnav-2 li a.special span, #offer-dmc #nav-bar ul#topnav-2 li a.special span, #offer-tshirt #nav-bar  ul#topnav-2 li a.special span {
	background: url('images/nav-bar-new.jpg') 0px -175px no-repeat;
	display:none;
}
#nav-bar ul#topnav-2 li a.sponsors {
	width: 140px;
	background-position: -130px -55px;
}
#nav-bar ul#topnav-2 li a.sponsors span {
	background: url('images/nav-bar-new.jpg') -130px -175px no-repeat;
}
#sponsors #nav-bar ul#topnav-2 li a.sponsors {
	width: 140px;
	background-position: -130px -175px;
}
#sponsors #nav-bar ul#topnav-2 li a.sponsors span {
	background: url('images/nav-bar-new.jpg') -130px -175px no-repeat;
	display: none;
}
#nav-bar ul#topnav-2 li a.floats {
	width: 145px;
	background-position: -270px -55px;
}
#nav-bar ul#topnav-2 li a.floats span {
	background: url('images/nav-bar-new.jpg') -270px -175px no-repeat;
}
#floats-voting #nav-bar ul#topnav-2 li a.floats {
	width: 145px;
	background-position: -270px -175px;
}
#floats-voting #nav-bar ul#topnav-2 li a.floats span {
	background: url('images/nav-bar-new.jpg') -270px -175px no-repeat;
	display: none;
}
#nav-bar ul#topnav-2 li a.bannerart {
	width: 190px;
	background-position: -415px -55px;
}
#nav-bar ul#topnav-2 li a.bannerart span {
	background: url('images/nav-bar-new.jpg') -415px -175px no-repeat;
}
#chingay-bannerart #nav-bar ul#topnav-2 li a.bannerart {
	width: 190px;
	background-position: -415px -175px;
}
#chingay-bannerart #nav-bar ul#topnav-2 li a.bannerart span {
	background: url('images/nav-bar-new.jpg') -415px -175px no-repeat;
	display: none;
}
#nav-bar ul#topnav-2 li a.parties {
	width: 125px;
	background-position: -605px -55px;
}
#nav-bar ul#topnav-2 li a.parties span {
	background: url('images/nav-bar-new.jpg') -605px -175px no-repeat;
}
#chingay-samba #nav-bar ul#topnav-2 li a.parties {
	width: 125px;
	background-position: -605px -175px;
}
#chingay-samba #nav-bar ul#topnav-2 li a.parties span {
	background: url('images/nav-bar-new.jpg') -605px -175px no-repeat;
	display: none;
}
#chingay-folk-dance #nav-bar ul#topnav-2 li a.parties {
	width: 125px;
	background-position: -605px -175px;
}
#chingay-folk-dance #nav-bar ul#topnav-2 li a.parties span {
	background: url('images/nav-bar-new.jpg') -605px -175px no-repeat;
	display: none;
}
#chingay-city-alive #nav-bar ul#topnav-2 li a.parties {
	width: 125px;
	background-position: -605px -175px;
}
#chingay-city-alive #nav-bar ul#topnav-2 li a.parties span {
	background: url('images/nav-bar-new.jpg') -605px -175px no-repeat;
	display: none;
}
#nav-bar ul#topnav-2 li a.passion-pasar {
	width: 170px;
	background-position: -730px -55px;
}
#nav-bar ul#topnav-2 li a.passion-pasar span {
	background: url('images/nav-bar-new.jpg') -730px -175px no-repeat;
}
#passion-pasar #nav-bar ul#topnav-2 li a.passion-pasar {
	width: 170px;
	background-position: -730px -175px;
}
#passion-pasar #nav-bar ul#topnav-2 li a.passion-pasar span {
	background: url('images/nav-bar-new.jpg') -730px -175px no-repeat;
	display: none;
}

#nav-bar-2 ul#topnav-3 li a.transport {
	width: 130px;
	background-position: 0px 0px;
}
#nav-bar-2 ul#topnav-3 li a.transport span {
	background: url('images/nav-bar-3.jpg') 0px -55px no-repeat;
}
#transport-faq #nav-bar-2 ul#topnav-3 li a.transport, #transport #nav-bar-2 ul#topnav-3 li a.transport {
	width: 130px;
	background-position: 0px -55px;
}
#transport-faq #nav-bar-2 ul#topnav-3 li a.transport span, #transport #nav-bar-2 ul#topnav-3 li a.transport span {
	background: url('images/nav-bar-3.jpg') 0px -55px no-repeat;
}
#nav-bar-2 ul#topnav-3 li a.live {
	width: 130px;
	background-position: -130px 0px;
}
#nav-bar-2 ul#topnav-3 li a.live span {
	background: url('images/nav-bar-3.jpg') -130px -55px no-repeat;
}
#live #nav-bar-2 ul#topnav-3 li a.live {
	width: 130px;
	background-position: -130px -55px;
}
#live #nav-bar-2 ul#topnav-3 li a.live span {
	background: url('images/nav-bar-3.jpg') -130px -55px no-repeat;
}
#nav-bar-2 ul#topnav-3 li a.road {
	width: 110px;
	background-position: -260px 0px;
}
#nav-bar-2 ul#topnav-3 li a.road span {
	background: url('images/nav-bar-3.jpg') -260px -55px no-repeat;
}
#road #nav-bar-2 ul#topnav-3 li a.road {
	width: 110px;
	background-position: -260px -55px;
}
#road #nav-bar-2 ul#topnav-3 li a.road span {
	background: url('images/nav-bar-3.jpg') -260px -55px no-repeat;
}
#nav-bar-2 ul#topnav-3 li a.heartlands {
	width: 130px;
	background-position: -370px 0px;
}
#nav-bar-2 ul#topnav-3 li a.heartlands span {
	background: url('images/nav-bar-3.jpg') -370px -55px no-repeat;
}
#heartlands #nav-bar-2 ul#topnav-3 li a.heartlands {
	width: 130px;
	background-position: -370px -55px;
}
#heartlands #nav-bar-2 ul#topnav-3 li a.heartlands span {
	background: url('images/nav-bar-3.jpg') -370px -55px no-repeat;
}

#nav-bar ul#topnav a span:hover {
	cursor: pointer;
}
#nav-bar ul#topnav-2 a span:hover {
	cursor: pointer;
}

// MAIN MENU
#menu {
	position: relative;
	/*padding-top: 50px;*/
	width: 139px;	
	text-align: right;
	/*padding-left: 125px;*/
}
#menu ul#mainmenu {
	margin: 0;
	padding: 0;
	margin-top: 130px;
	margin-left: 73px;
	list-style: none;
	width: 139px;
	height: 233px;
	background: url('images/menu-bg.png') repeat scroll top left;
}

#menu ul#mainmenu li {
	display: block;
	height: 26px;
	padding-top: 10px;
}

#menu ul#mainmenu li.first {
	display: block;
	height: 26px;
	padding-top: 13px;
}

#menu ul#mainmenu li a {
	display: block;
	width: 139px;
	height: 26px;
	position: relative;
	text-decoration: none;
}

#menu ul#mainmenu li a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#menu ul#mainmenu li a.about-club {
	width: 139px;
	height: 26px;
	background: url('images/about-club.png') 0px 0px no-repeat;
}
#menu ul#mainmenu li a.about-club span {
	width: 139px;
	height: 26px;
	background: url('images/about-club.png') -139px 0px no-repeat;
}
#about #menu ul#mainmenu li a.about-club {
	width: 139px;
	height: 26px;
	background: url('images/about-club.png') -139px 0px no-repeat;
}
#about #menu ul#mainmenu li a.about-club span {
	width: 139px;
	height: 26px;
	background: url('images/about-club.png') 0px 0px no-repeat;
	display: none;
}

#menu ul#mainmenu li a.sign-up {
	width: 139px;
	height: 26px;
	background: url('images/sign-up.png') 0px 0px no-repeat;
}
#menu ul#mainmenu li a.sign-up span {
	width: 139px;
	height: 26px;
	background: url('images/sign-up.png') -139px 0px no-repeat;
}
#sign-up #menu ul#mainmenu li a.sign-up {
	width: 139px;
	height: 26px;
	background: url('images/sign-up.png') -139px 0px no-repeat;
}
#sign-up #menu ul#mainmenu li a.sign-up span {
	width: 139px;
	height: 26px;
	background: url('images/sign-up.png') 0px 0px no-repeat;
	display: none;
}
#menu ul#mainmenu li a.exclusive-perks {
	width: 139px;
	height: 26px;
	background: url('images/exclusive.png') 0px 0px no-repeat;
}
#menu ul#mainmenu li a.exclusive-perks span {
	width: 139px;
	height: 26px;
	background: url('images/exclusive.png') -139px 0px no-repeat;
}
#exclusive #menu ul#mainmenu li a.exclusive-perks {
	width: 139px;
	height: 26px;
	background: url('images/exclusive.png') -139px 0px no-repeat;
}
#exclusive #menu ul#mainmenu li a.exclusive-perks span {
	width: 139px;
	height: 26px;
	background: url('images/exclusive.png') 0px 0px no-repeat;
	display: none;
}

#menu ul#mainmenu li a.activities-corner {
	width: 139px;
	height: 26px;
	background: url('images/activities.png') 0px 0px no-repeat;
}
#menu ul#mainmenu li a.activities-corner span {
	width: 139px;
	height: 26px;
	background: url('images/activities.png') -139px 0px no-repeat;
}
#activities #menu ul#mainmenu li a.activities-corner {
	width: 139px;
	height: 26px;
	background: url('images/activities.png') -139px 0px no-repeat;
}
#activities #menu ul#mainmenu li a.activities-corner span {
	width: 139px;
	height: 26px;
	background: url('images/activities.png') 0px 0px no-repeat;
	display: none;
}

#menu ul#mainmenu li a.discussion {
	width: 139px;
	height: 26px;
	background: url('images/discussion.png') 0px 0px no-repeat;
}
#menu ul#mainmenu li a.discussion span {
	width: 139px;
	height: 26px;
	background: url('images/discussion.png') -139px 0px no-repeat;
}
#discussion #menu ul#mainmenu li a.discussion {
	width: 139px;
	height: 26px;
	background: url('images/discussion.png') -139px 0px no-repeat;
}
#discussion #menu ul#mainmenu li a.discussion span {
	width: 139px;
	height: 26px;
	background: url('images/discussion.png') 0px 0px no-repeat;
	display: none;
}

#menu ul#mainmenu li a.photo-album {
	width: 139px;
	height: 26px;
	background: url('images/photo-album.png') 0px 0px no-repeat;
}
#menu ul#mainmenu li a.photo-album span {
	width: 139px;
	height: 26px;
	background: url('images/photo-album.png') -139px 0px no-repeat;
}
#photo-album #menu ul#mainmenu li a.photo-album {
	width: 139px;
	height: 26px;
	background: url('images/photo-album.png') -139px 0px no-repeat;
}
#photo-album #menu ul#mainmenu li a.photo-album span {
	width: 139px;
	height: 26px;
	background: url('images/photo-album.png') 0px 0px no-repeat;
	display: none;
}






