/* 
Copyright Hong Kong Designers Association
All rights reserved
Credits: Site created by pill and pillow
*/

/*==========Navigation==========*/
a .alt { display: none; }
#nav{
	float:right;
	padding:108px 13px 0 0;
}
#nav1 {
    display: block;
    width: 91px;
    height: 55px;
    background-image: url(images/nav_news.gif);
    background-position: 0 0;
	float:left;
}

a#nav1:hover {
    background-position:182px 0px;
}

a#nav1.on {
    background-position:91px 0px;
}

#nav2 {
    display: block;
    width: 92px;
    height: 55px;
    background-image: url(images/nav_about.gif);
    background-position: 0 0;
	float:left;
}

a#nav2:hover {
    background-position:184px 0px;
}

a#nav2.on {
    background-position:92px 0px;
}

#nav3 {
    display: block;
    width: 90px;
    height: 55px;
    background-image: url(images/nav_members.gif);
    background-position: 0 0;
	float:left;
}

a#nav3:hover {
    background-position:180px 0px;
}

a#nav3.on {
    background-position:90px 0px;
}

#nav4 {
    display: block;
    width: 92px;
    height: 55px;
    background-image: url(images/nav_awards.gif);
    background-position: 0 0;
	float:left;
}

a#nav4:hover {
    background-position:184px 0px;
}

a#nav4.on {
    background-position:92px 0px;
}

#nav5 {
    display: block;
    width: 92px;
    height: 55px;
    background-image: url(images/nav_contact.gif);
    background-position: 0 0;
	float:left;
}

a#nav5:hover {
    background-position:184px 0px;
}

a#nav5.on {
    background-position:92px 0px;
}

/*==========Subnav==========*/
#subnav1 {
    display: block;
    width: 62px;
    height: 9px;
    background-image: url(images/subnav_resources.gif);
    background-position: 0 0;
	float:left;
}

a#subnav1:hover, a#subnav1.on, a#subnav1.on:hover {
    background-position:62px 0px;
}

#subnav2 {
    display: block;
    width: 51px;
    height: 9px;
    background-image: url(images/subnav_archive.gif);
    background-position: 0 0;
	float:left;
}

a#subnav2:hover, a#subnav2.on, a#subnav2.on:hover {
    background-position:51px 0px;
}


/*==========Others==========*/
#btn_top{
	display: block;
    width: 31px;
    height: 10px;
    background-image: url(images/btn_top.gif);
    background-position: 0 0;
	float:right;
}
a#btn_top:hover {
    background-position:31px 0px;
}
#btn_forward{
	display: block;
    width: 12px;
    height: 12px;
    background-image: url(images/btn_forward.gif);
    background-position: 0 0;
	float:right;
}
a#btn_forward:hover {
    background-position:12px 0px;
}
#btn_backward{
	display: block;
    width: 12px;
    height: 12px;
    background-image: url(images/btn_backward.gif);
    background-position: 0 0;
	float:right;
}
a#btn_backward:hover {
    background-position:12px 0px;
}
#btn_readmore{
	display: block;
    width: 63px;
    height: 9px;
    background-image: url(images/btn_readmore.gif);
    background-position: 0 0;
	margin-top:8px;
	overflow:hidden;
}
a#btn_readmore:hover {
    background-position:63px 0px;
}
#btn_backtonews{
	display: block;
    width: 107px;
    height: 9px;
    background-image: url(images/btn_backtonews.gif);
    background-position: 0 0;
	margin-bottom:20px;
	overflow:hidden;
}
a#btn_backtonews:hover {
    background-position:107px 0px;
}
#btn_backtoabout{
	display: block;
    width: 110px;
    height: 9px;
    background-image: url(images/btn_backtoabout.gif);
    background-position: 0 0;
	margin-bottom:20px;
	overflow:hidden;
}
a#btn_backtoabout:hover {
    background-position:110px 0px;
}

#btn_backtoarchive{
	display: block;
    width: 118px;
    height: 9px;
    background-image: url(images/btn_backtoarchive.gif);
    background-position: 0 0;
	margin-bottom:20px;
	overflow:hidden;
}
a#btn_backtoarchive:hover {
    background-position:118px 0px;
}