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

/*==========Common Styles==========*/

*,html {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000000;
} 

body {
	background-color: #FF5800;
	margin: 0;
	padding: 0;
}

form, ul, li, h1, h2, h3, p {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}
a{
	color:#FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a img{
	border:0;
}

a .alt { 
	display: none;
}


/*==========Backgrounds==========*/

#main{
	width:1000px;
	background:url(../assets_awards/bg_home.jpg) #FF5800 113px 0 no-repeat;
	padding-top:41px;
	margin:0 auto;
	overflow:auto;
	/*height:1116px;*/
}

#main_none{
	width:1000px;
	background-color:#FF5800;
	padding-top:41px;
	margin:0 auto;
	overflow:auto;
}

#main_top{
	width:1000px;
	overflow:auto;
	clear:both;
}

#main_bottom{
	/*1000px*/
	width:865px;
	padding:44px 20px 0 115px; 
	overflow:auto;
	clear:both;
}

#main_logo{
	/*116px*/
	width:54px;
	float:left;
	padding:5px 26px 0 36px;
}

#main_content{
	/*718px*/
	width:718px;
	float:left;
}

#main_sidebar{
	/*166px*/
	width:166px;
	float:left;
}

#wrapper_awardslogo{
	width:689px;
	padding:5px 0 50px 0;
	height:247px;
	overflow:hidden;
}

#wrapper_slogan{
	padding: 0 0 50px 0;
	height:92px;
	overflow:hidden;
}

/*==========Home shortcuts==========*/
#wrapper_shortcut{
	width:716px;
	padding-left:2px;
	clear:both;
}
#wrapper_judges_shortcut{
	width:716px;
	padding:0 0 60px 2px;
	clear:both;
	overflow:auto;
}
#shortcut_panel{
	width:210px;
	padding-right:28px;
	padding-bottom:61px;
	float:left;
}
#shortcut_judges_panel{
	width:210px;
	padding-right:28px;
	padding-bottom:13px;
	float:left;
}
#shortcut_title{
	width:210px;
	padding-top:2px;
}
#shortcut_image{
	width:210px;
	height:110px;
}

#home_shortcut_1{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/home_shortcut_1.jpg);
    background-position: 0 0;
	float:left;
}

a#home_shortcut_1:hover{
	background-position: 210px 0;
}

#home_shortcut_2{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/home_shortcut_2.jpg);
    background-position: 0 0;
	float:left;
}

a#home_shortcut_2:hover{
	background-position: 210px 0;
}

#home_shortcut_3{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/home_shortcut_3.jpg);
    background-position: 0 0;
	float:left;
}

a#home_shortcut_3:hover{
	background-position: 210px 0;
}

#home_shortcut_4{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/home_shortcut_4.jpg);
    background-position: 0 0;
	float:left;
}

a#home_shortcut_4:hover{
	background-position: 210px 0;
}

#home_shortcut_5{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/home_shortcut_5.jpg);
    background-position: 0 0;
	float:left;
}

a#home_shortcut_5:hover{
	background-position: 210px 0;
}

/*==========Judges shortcuts==========*/
#j_graphics_CL{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_graphics_CL.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_graphics_CL:hover{
	background-position: 0 0;
}

#j_graphics_SS{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_graphics_SS.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_graphics_SS:hover{
	background-position: 0 0;
}

#j_graphics_KK{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_graphics_KK.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_graphics_KK:hover{
	background-position: 0 0;
}

#j_graphics_WX{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_graphics_WX.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_graphics_WX:hover{
	background-position: 0 0;
}

#j_graphics_BK{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_graphics_BK.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_graphics_BK:hover{
	background-position: 0 0;
}

#j_newmedia_FSP{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_newmedia_FSP.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_newmedia_FSP:hover{
	background-position: 0 0;
}

#j_newmedia_SL{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_newmedia_SL.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_newmedia_SL:hover{
	background-position: 0 0;
}

#j_newmedia_MP{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_newmedia_MP.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_newmedia_MP:hover{
	background-position: 0 0;
}

#j_product_EC{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_product_EC.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_product_EC:hover{
	background-position: 0 0;
}

#j_product_MS{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_product_MS.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_product_MS:hover{
	background-position: 0 0;
}

#j_product_KY{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_product_KY.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_product_KY:hover{
	background-position: 0 0;
}

#j_spatial_TH{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_spatial_TH.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_spatial_TH:hover{
	background-position: 0 0;
}

#j_spatial_RY{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_spatial_RY.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_spatial_RY:hover{
	background-position: 0 0;
}

#j_spatial_CJL{
	display: block;
    width: 210px;
    height: 110px;
    background-image: url(../assets_awards/j_spatial_CJL.jpg);
    background-position: 210px 0;
	float:left;
}

a#j_spatial_CJL:hover{
	background-position: 0 0;
}

/*==========Text==========*/
#hd_pagetitle{
	padding-bottom:25px;
}

#hd_cat{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:12px;
}
#hd_cat_black{
	font-size:14px;
	color:#040200;
	font-weight:bold;
	padding-bottom:12px;
}


#wrapper_judges_titles{
	width:210px;
	padding-top:8px;
}

#judge_title{
	font-size:13px;
	color:#040200;
	padding:0;
	line-height:15px;
}

#judge_subtitle{
	font-size:11px;
	color:#431805;
	padding:0;
	line-height:13px;
}

#awards_text p{
	color:#040200;
	font-size:12px;
	line-height:19px;
	padding-bottom:15px;
}
#awards_text p.bold{
	color:#040200;
	font-size:12px;
	line-height:19px;
	font-weight:bold;
	padding:15px 0 15px 0;
}

#awards_text_chi{
	padding-top:30px;
}

#awards_text_chi p{
	color:#040200;
	font-size:14px;
	line-height:22px;
	padding-bottom:15px;
}

#awards_text_chi p.bold{
	color:#040200;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	padding:15px 0 15px 0;
}

/*==========Judges Profile==========*/
#wrapper_judge{
	width:718px;
	clear:both;
	overflow:auto;
}
#judge_portrait{
	width:285px;
	height:285px;
	padding:0 27px 0 0;
	float:left;
}

#judge_profile{
	width:370px;
	padding: 0 36px 0 0;
	float:right;
	color:#040200;
	font-size:12px;
	line-height:19px;
	
}

#judge_profile p{
	color:#040200;
	font-size:12px;
	line-height:19px;
	padding-bottom:15px;
}

/*==========Text - 3 columns==========*/
#wrapper_3columntext{
	width:718px;
	clear:both;
	overflow:auto;
	padding-bottom:15px;
}
#column_one{
	width:307px;
	padding:0 15px 0 0;
	float:left;
	font-size:12px;
	line-height:35px;
	color:#040200;
}
#column_two{
	width:199px;
	padding:0 15px 0 0;
	float:left;
	font-size:14px;
	line-height:35px;
	color:#040200;
}
#column_three{
	width:182px;
	float:left;
	font-size:12px;
	line-height:35px;
	color:#040200;
}
#column_three a{
	font-size:12px;
	line-height:35px;
	color:#040200;
	text-decoration:none;
}
#column_three a:hover{
	text-decoration:underline;
}

/*==========Text - 2 columns==========*/
#wrapper_2columntext_jsm{
	width:500px;
	clear:both;
	overflow:auto;
	padding-bottom:15px;
}
#column_left_jsm{
	width:110px;
	padding:0 0px 0px 0;
	margin-top:2px;
	float:left;
	font-size:12px;
	line-height:19px;
}

#column_left_jsm p{
	color:#040200;
	font-size:12px;
	line-height:19px;
	padding-bottom:15px;
}
#column_right_jsm{
	width:370px;
	padding: 0 20px 0 0;
	float:right;
	color:#040200;
	font-size:12px;
	line-height:19px;
	
}

#column_right_jsm p{
	color:#040200;
	font-size:12px;
	line-height:19px;
	padding-bottom:15px;
}

#wrapper_2columntext{
	width:718px;
	clear:both;
	overflow:auto;
	padding-bottom:15px;
}
#column_left{
	width:285px;
	padding:0 27px 0 0;
	float:left;
	font-size:12px;
	line-height:19px;
}

#column_left p{
	color:#040200;
	font-size:12px;
	line-height:19px;
	padding-bottom:15px;
}
#column_right{
	width:370px;
	padding: 0 36px 0 0;
	float:right;
	color:#040200;
	font-size:12px;
	line-height:19px;
	
}

#column_right p{
	color:#040200;
	font-size:12px;
	line-height:19px;
	padding-bottom:15px;
}

#column_left_chi{
	width:285px;
	padding:0 27px 0 0;
	float:left;
	font-size:14px;
	line-height:22px;
}

#column_left_chi p{
	color:#040200;
	font-size:14px;
	line-height:22px;
	padding-bottom:15px;
}
#column_right_chi{
	width:370px;
	padding: 0 36px 0 0;
	float:right;
	color:#040200;
	font-size:14px;
	line-height:22px;
	
}

#column_right_chi p{
	color:#040200;
	font-size:14px;
	line-height:22px;
	padding-bottom:15px;
}

/*==========Judges Portfolio==========*/
#wrapper_judge_portfolio{
	width:699px;
	clear:both;
	overflow:auto;
	padding-top:50px;
}

#judge_portfolio_panel{
	width:220px;
	padding: 0 13px 15px 0;
	float:left;
}

#judge_portfolio_image{
	width:220px;
	height:160px;
	background-color:#FE6110;
}

/*==========Buttons==========*/
#wrapper_backtohkda{
	width:130px;
	height:10px;
	padding: 0 24px 0 12px;
	overflow:hidden;
}

#backtohkda{
	display: block;
    width: 130px;
    height: 10px;
    background-image: url(../assets_awards/btn_backtohkda.gif);
    background-position: 0 0;
}

a#backtohkda:hover{
	background-position: 130px 0;
}

#wrapper_backtotop{
	padding-top:20px;
	height:10px;
	width:29px;
	overflow:hidden;
}

#backtotop{
	display: block;
    width: 29px;
    height: 10px;
    background-image: url(../assets_awards/btn_top.gif);
    background-position: 0 0;
}

a#backtotop:hover{
	background-position: 29px 0;
}

#wrapper_back{
	padding:0 0 5px 0;
	height:10px;
	width:34px;
	overflow:hidden;
}

#back{
	display: block;
    width: 34px;
    height: 10px;
    background-image: url(../assets_awards/btn_back.gif);
    background-position: 0 0;
	overflow:hidden;
}

a#back:hover{
	background-position: 34px 0;
}

/*==========Search Textbox==========*/
#wrapper_search{
	width:140px;
	padding:80px 22px 48px 4px;
}

.searchTextbox_orange{
	background-color:#000000;
	width:135px;
	border:0;
	height:20px;
	color:#FF5800;
	font-size:11px;
	padding:4px 0 0 5px;
}

/*==========Sidebar==========*/
#wrapper_sidebar{
	width:166px;
}

#awards{
	padding:0 23px 36px 18px;
	background:url(../assets_awards/sb_awards.gif) top right no-repeat;
}

ul li.page_item{
	list-style-type:none;
	/*list-style-image:url(../assets_awards/list_icon3.gif);*/
	
}
li.page_item{
	list-style-type:none;
	list-style-image:url(../assets_awards/list_icon3.gif);
	padding-bottom:3px;
}
ul li.page_item ul li.page_item{
	list-style-type:none;
	list-style-image:none;
}

#facebook{
	padding:0 0 0 10px;
}

/*==========Footer==========*/
#main_footer{
	border-top:1px solid #FFFFFF;
	width:863px;
	padding:13px 0 0 2px;
}
p.footer{
	padding:60px 0 12px 0;
}

/*==========Prototype/Tips==========*/
.custom-tip {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	color: #FF2600;
	/*width: 173px;*/
	z-index: 10000;
}
 
.custom-title {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	color: #FF2600;
	padding: 8px 8px 4px;
	background: url(../assets/tips_bg.png) top left;
}
 
.custom-text {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;
	color:#FF2600;
	padding: 2px 4px 2px 4px;
	background: url(../assets/tips_bg.png) bottom right;
}