/*
	project: Gecko Studio Dot Com
	author: Team Gecko (www.geckostudio.com.my) 
	15/04/2009
	
*/

margin{}

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; margin-top:115px; margin-bottom:0px; margin-left:0px; margin-right:0px;}

p {padding:10px;}

#wrapper {margin:0 auto; width:900px;}

#leftcolumn {color:#333; background:#EBE3CD; height:350px; width:200px; float:left;}


a:link {color: #0099CC;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #0099CC;}
a:hover {text-decoration: none;	color: #003399;}
a:active {text-decoration: none; color: #003399;}

/*------------------------------------------------------------*
**  * Header
**------------------------------------------------------------*/
#header {color:#333; width:900px; float:left;}

#WelcomeUser{float:right; margin:20px 5px 0px 0px;}
.UserText ul{list-style-type:none; margin:0; padding:0; margin-bottom:0px;}
.UserText ul li{padding-bottom:2px; color:#7E2981; background: url(../images/bull_arrow.gif) no-repeat center left; display:block; padding-left:10px;
text-decoration:none; font-weight:bold; font-size:90%; }

.UserText ul li a:visited{color: #A70303;}
.UserText ul li a:hover{color: #A70303; background-color: #FDE6C6;}



/*------------------------------------------------------------*
**  * TopTab* 3 Tab Menu
**------------------------------------------------------------*/
#TopTabHolder{ margin-right:35px;}

#TopTab_home{height:22px;width:68px;display: block;overflow:hidden;float:right;padding: 0px 0px 0px 0px;margin-left:2px;}
#TopTab_home a {height:22px;width:68px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_home.jpg) 0 0px;}
#TopTab_home a:hover {height:22px;width:68px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_home.jpg) 0 22px;}

#TopTab_acc{height:22px;width:93px;display: block;overflow:hidden;float:right;padding: 0px 0px 0px 0px;margin-left:2px;}
#TopTab_acc a {height:22px;width:93px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_acc.jpg) 0 0px;}
#TopTab_acc a:hover {height:22px;width:93px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_acc.jpg) 0 22px;}

#TopTab_logout{height:22px;width:66px;display: block;overflow:hidden;float:right;padding: 0px 0px 0px 0px;margin-left:2px;}
#TopTab_logout a {height:22px;width:66px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_logout.jpg) 0 0px;}
#TopTab_logout a:hover {height:22px;width:66px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_logout.jpg) 0 22px;}

#TopTab_signin{height:22px;width:66px;display: block;overflow:hidden;float:right;padding: 0px 0px 0px 0px;margin-left:2px;}
#TopTab_signin a {height:22px;width:66px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_signin.jpg) 0 0px;}
#TopTab_signin a:hover {height:22px;width:66px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_signin.jpg) 0 22px;}

#TopTab_reg{height:22px;width:101px;display: block;overflow:hidden;float:right;padding: 0px 0px 0px 0px;margin-left:2px;}
#TopTab_reg a {height:22px;width:101px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_reg.jpg) 0 0px;}
#TopTab_reg a:hover {height:22px;width:101px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_reg.jpg) 0 22px;}



/*------------------------------------------------------------*
**  *MainNav*
**------------------------------------------------------------*/

ul#MainNav {height:29px;position:absolute;right:0; list-style-type:none; margin:0; padding:0;}
ul#MainNav li {	float:left}
ul#MainNav li a {background-position:0 0px;	background-repeat:no-repeat; display:block;	list-style-type:none; margin:0; padding:0; height:29px;margin-left:3px}
ul#MainNav li a span{display:none;}
ul#MainNav li a:hover{background-position:0 -29px}
ul#MainNav li a.current-sec, ul#MainNav li a.current-sec:hover{background-position:0 -58px}

a#sec-about {background-image:url(../images/body_nav_btn_about.jpg); width:114px}
a#sec-contestants {background-image:url(../images/body_nav_btn_contestants.jpg);width:156px}
a#sec-nominees {background-image:url(../images/body_nav_btn_nominees.jpg);width:91px}
a#sec-prizes {background-image:url(../images/body_nav_btn_prizes.jpg);width:148px}
a#sec-winners {background-image:url(../images/body_nav_btn_winners.jpg);width:88px}
a#sec-forum {background-image:url(../images/body_nav_btn_forum.jpg);width:78px}
a#sec-archive {background-image:url(../images/body_nav_btn_archive.jpg); width:88px}
span.clear-float, div.clear-float {clear:both;display:block}




/*------------------------------------------------------------*
**  *SubNav* SubLink
**------------------------------------------------------------*/
#SubNav {float:left; width:900px; height:32px; color:#333; background:#FFFFFF;}
#leftPc{float:left; width:24px; height:32px; display:inline; background:url(../images/iface_body_leftpc.jpg) no-repeat;}
#rightPc{float:right; width:24px; height:32px;display: block; background:url(../images/iface_body_rightpc.jpg) no-repeat;}
#MidPc{float:right; width:852px; display: block; background:url(../images/iface_body_midpc.jpg) repeat-x;}

#SubLink{font:Arial, Helvetica, sans-serif; color:#FF65B2; font-weight:bold; font-size:12px; padding:10px 0px 0px 0px;}
#SubLink ul{margin:0;padding:0;list-style-type:none;float:left;}
#SubLink ul li{background: url(../images/bull_arrow.gif) no-repeat center left; display:block;float:left; padding:0px 7px 0px 9px;}
#SubLink ul li a{display:block;float:left;color:#5C5C5C;text-decoration:none;padding:0px 0px 0px 0px; font-weight:Bold;}
#SubLink ul li a:hover{color:#333333; text-decoration:underline;}


/*------------------------------------------------------------*
**  *MiddleContent* 
**------------------------------------------------------------*/
#MidCont {float:left; color:#333; background:url(../images/iface_body_midbg.jpg) #FFFFFF; height:100%; width:900px; display:inline; margin:0px;}



/*------------------------------------------------------------*
**  *Footer* 
**------------------------------------------------------------*/

#Footer {width:900px; clear:both; height:170px; left:50%;}

#FooterLinkHolder{background:url(../images/iface_body_midbg.jpg) #FFFFFF; width:900px; margin:0px;}

#FooterLink{font:Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; font-size:12px; text-align:left; padding:20px 30px 0px 30px; float:left;}
#FooterLink ul{margin:0; padding:0;list-style-type:none; line-height:1.9em;}
#FooterLink ul li{background: url(../images/footer_bull.jpg) no-repeat center left; padding:0px 7px 0px 11px;}
#FooterLink ul li a{color:#666666;text-decoration:none;padding:0px 0px 0px 0px; font-weight:normal;}
#FooterLink ul li a:hover{color:#666666; text-decoration:underline;}


#FootleftPc{float:left; width:32px; height:125px; display:inline; background:url(../images/iface_body_coner_r5_c1.png) no-repeat;}
#FootrightPc{float:right; width:32px; height:125px;display: block; background:url(../images/iface_body_coner_r5_c5.png) no-repeat;}
#FootMidPc{float:right; width:836px; height:125px; display: block; background:url(../images/iface_body_r5_c3.jpg) repeat-x;}

.GeckoStudioDotCom{font:Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; font-size:10px; text-align:center; line-height:2.5em;}




/*------------------------------------------------------------*
**  *Esther
**------------------------------------------------------------*/
#TopTab_profile{height:22px;width:50px;display: block;overflow:hidden;float:right;padding: 0px 0px 0px 0px;margin-left:2px;}
#TopTab_profile a {height:22px;width:50px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_acc.jpg) 0 0px;}
#TopTab_profile a:hover {height:22px;width:50px;display: block;overflow:hidden;padding: 0px 0px 0px 0px;background:url(../images/top_tab_acc.jpg) 0 22px;}