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

/*==========Common Styles==========*/
*,html {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#363636;
} 

body {
	margin: 0;
	padding: 0;
}

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

ul {
	list-style-type: none;
}
a{
	color:#282F3E;
	/*color:#1D3C85;*/
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color:#E2071B;
}

/*a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }*/

a img{
	border:0;
}

a .alt { 
	display:block;
	overflow:auto;
}

/*==========Home==========*/
#main{
	width:100%;
	background-color:#FFFFFF;
	border:none;
	/*overflow:auto;*/
}

#main_header{
	display:none;
}

#main_nav{
	width:738px;
	padding:0 0 12px 0;
	float:left;
	background-color:#FFFFFF;
	display:none;
}

#main_logo{
	width:125px;
	padding:9px 0 0 0;
	float:right;
	background-color:#FFFFFF;
}

#main_content{
	width: 100%;
	padding: 11px 17px 0 18px;
	background-color:#FFFFFF;
	overflow:auto;
}

#main_latestnews{
	width:965px;
	padding:0 0 10px 0;
}

.main_hd_latestnews{
	padding: 0 0 9px 4px;
}

.main_latestnews_item{
	background-color:#ECEDEC;
	padding:0 10px 5px 10px;
	font-size:11px;
}


/*==========Pages==========*/
#page_subnav{
	width:967px;
	padding:0 17px 0 16px;
	display:none;
}

#page_subnav_nobanner{
	width:967px;
	padding:0 17px 0 16px;
	overflow:auto;

}

#subnav{
	background-color:#E3E4E3;
	height:12px;
	width:962px;
	padding:7px 0 6px 5px;
}

#subnav2{
	height:12px;
	width:962px;
	padding:0 0 0 5px;
}

#page{
	width: 100%;
	padding: 0 0 32px 0;
	background-color:#FFFFFF;
	
	/*float:left;*/
	clear: both;
}

#subpage{
	width: 100%;
	padding: 0 17px 32px 28px;
	background-color:#FFFFFF;
	/*float:left;*/
	clear: both;
}

#page_content{
	width: 100%;
	padding:20px 0 0 0;
	clear:both;
}

#page_sidebar{
	width:221px;
	padding:0 0 0 16px;
	float:right;
	display:none;
}

#page_link{
	padding:0 0 34px 0;
	display:none;
}


/*==========Subpages==========*/
#subpage_title{
	padding-bottom:30px;
}

/*==========Shortcuts panel==========*/
#shortcuts_panel{
	padding-bottom:16px ;
	float:left;
	background-color:#FFFFFF;
}

#main_shortcuts_hd_wrap{
	width:961px;
	height:39px;
	padding: 0 0 0 4px;

}

#main_shortcuts_hd{
	display:block;
	width:223px;
	float:left;
}

#main_shortcuts_img_wrap{
	width:965px;
	height:112px;
	float:left;
	background:url(../assets/bg_shortcuts_panel.gif) #9FAAA6 top right no-repeat;
	display:none;
}

#main_shortcuts_img1{
	display: block;
    width: 200px;
    height: 112px;
    background-image: url(../assets/shortcut_img1.jpg);
    background-position: 0 0;
	float:left;
}
a#main_shortcuts_img1:hover{
	background-position:200px 0px;
}

#main_shortcuts_img2{
	display: block;
    width: 200px;
    height: 112px;
    background-image: url(../assets/shortcut_img2.jpg);
    background-position: 0 0;
	float:left;
}
a#main_shortcuts_img2:hover{
	background-position:200px 0px;
}

#main_shortcuts_img3{
	display: block;
    width: 200px;
    height: 112px;
    background-image: url(../assets/shortcut_img3.jpg);
    background-position: 0 0;
	float:left;
}
a#main_shortcuts_img3:hover{
	background-position:200px 0px;
}

#shortcut_space{
	display: block;
	width:23px;
	height:1px;
	float:left;
}

/*==========Home Flash==========*/
#home_flash{
	width:1000px;
	height:319px;
	overflow:hidden;
	float:left;
}

/*==========Banners==========*/
#banner{
	height:166px;
	padding:12px 17px 32px 16px;
	display:none;
}

#banner_top{
	width:967px;
	height:102px;
	display:none;
}

#banner_btm{
	width:946px;
	height:52px;
	padding:12px 0 0 21px;
	display:none;
}

#banner_btm2{
	width:946px;
	height:52px;
	display:none;

}

/*==========No Banner==========*/
#nobanner{
	padding:40px 0 0 28px;
}

#nobanner_subnav_wrap{
	padding:23px 0 16px 0;
	display:none;
}

/*==========Images==========*/
img.shd{
	padding: 3px 0 6px 0;
}

img.sidebar_hd{
	padding: 0 0 14px 4px;
}

img.banner_tagline{
	padding:7px 0 0 1px;
}

img.greyborder{
	border:1px solid #BBC8C6;
}

/*==========Hyperlinks==========*/
a#more{
	padding:0 6px 0 0;
	font-size:11px;
	color:#E2071B;
	background:url(../assets/icon_arrow_more.gif) center right no-repeat;
	text-decoration: none;
}
a#more:hover{
	text-decoration: underline;
}
a.footer{
	font-size:11px;
	color:#282F3E;
	text-decoration: none;
}
a.footer:hover{
	text-decoration: none;
	color:#E2071B;

}
#highlight{
	display:block;
	width: 657px;
	background:url(../assets/icon_redarrow.gif) #E4E5E4 10px 9px no-repeat;
	border-bottom:1px solid #D1D7D4;
	font-size:11px;
	color:#6A746F;
	padding:2px 0 2px 19px;
	text-decoration: none;
}

a#highlight:hover{
	background-color:#D5D5D5;
	border-bottom:1px solid #B0B9B5;
	color:#282F3E;
	text-decoration:none;
}

a#sidebar_link{
	font-size:11px;
	color:#88958E;
	background:url(../assets/icon_sml_redarrow.gif) center left no-repeat;
	text-decoration: none;
	padding: 0 0 0 7px;
}

a#sidebar_link:hover{
	color:#282F3E;
}

a.clear{
	text-decoration:none;
}

/*==========Text==========*/
p{
	/*padding-bottom:24px;*/
	padding-bottom:22px;
	width:100%;
}

.redtitle{
	color:#E2071B;
	font-size:15px;
	padding: 0 0 22px 0;
}

.greytitle{
	color:#444847;
	font-size:15px;
}

.greytitle_bold{
	color:#666C68;
	font-size:14px;
	font-weight:bold;
}

.greytitle_bold a{
	color:#666C68;
	font-size:14px;
	text-decoration:none;
}

.greytitle_bold a:hover{
	color:#E2071B;
	font-size:14px;
	text-decoration:underline;
}

.orangetitle_bold{
	color:#E8A800;
	font-size:14px;
	font-weight:bold;
}

.bluetitle_bold{
	color:#3DBBF1;
	font-size:14px;
	font-weight:bold;
}

.greentitle_bold{
	color:#A2BB28;
	font-size:14px;
	font-weight:bold;
}

.smlgreytext{
	color:##848C8B;
	font-size:11px;
}
.name{
	color:#282828;
	padding-right: 10px;
}

/*==========Sidebar==========*/
#sidebar_box{
	width: 221px;
	background-color:#E3E4E3;
	padding:13px 0 0 0;
	display:none;
}
#sidebar_box_single{
	width: 221px;
	background-color:#E3E4E3;
	padding:4px 0 0 0;
}
#sidebar_subhd{
	width: 210px;
	padding:0 0 4px 11px;
	border-bottom:1px solid #BFC5C1;
}
#sidebar_links{
	width: 210px;
	padding:7px 0 18px 11px;
	border-top:1px solid #F0F0F0;
}

/*==========Photo Galleries==========*/
#gallery_wrap{
	width: 100%;
	background-color:#D2D5D5;
	border-bottom:1px solid #B4BBB8;
	padding:8px 0 15px 0;
	margin-bottom:32px;
	overflow:auto;
}
#gallery_img{
	width:214px;
	padding:0 8px 0 0;
	float:left;
}

#gallery_cert{
	width:158px;
	padding:0 8px 0 0;
	float:left;
}

#caption{
	width:212px;
	margin-top:8px;
	padding:2px 8px 0 2px;
	float:left;
	font-size:11px;
	color:#535A59;
	line-height:15px;
	background:url(../assets/icon_up_redarrow.gif) 2px 0 no-repeat;
}

#caption_cert{
	width:156px;
	margin-top:8px;
	padding:2px 8px 0 2px;
	float:left;
	font-size:11px;
	color:#535A59;
	line-height:15px;
	background:url(../assets/icon_up_redarrow.gif) 2px 0 no-repeat;
}

#gallery_mt_wrap{
	width: 675px;
	padding:0 0 20px 0;
	overflow:auto;
	float:left;
}
#gallery_mt{
	width:107px;
	height:160px;
	padding:0 28px 10px 0;
	float:left;
}
#gallery_mt_name{
	width:127px;
	padding:0 8px 0 0;
	float:left;
	color:#848C8B;
	line-height:14px;
}


/*==========List==========*/
ul.teamlist{
	list-style-type:none;
	padding-bottom:28px;
}

ul.teamlist li{
	padding-bottom:5px;
	color:#697271;
}

ul.commonlist{
	list-style-type:square;
	margin:0;
	padding:0 0 24px 20px;
}

ul.commonlist li{
	/*list-style-image:url(../assets/icon_square_bullet.gif);*/
	padding:0 0 8px 3px;
}

.commonlist_intro{
	padding:0 0 18px 0;
}

ul.sus{
	list-style-type:none;
	padding:0 0 24px 24px;
}

ul.sus li{
	list-style-image:url(../assets/icon_leaf.gif);
	padding:0 0 12px 10px;
}


/*==========History==========*/
#history_light{
	background-color:#E6E8E8;
	width:100%;
	padding:0;
}

#history_dark{
	background-color:#717978;
	width:100%;
	padding:0;
}

#history_year{
	display:none;
}

#history_year_print{
	width:164px;
	float:left;
	display:block;
	font-size:18px;
	color:#333333;
}


#history_light_item{
	width:240px;
	padding: 0 12px 10px 0;
	color:#343636;
	font-size:11px;
	float:left;
}

#history_dark_item{
	width:240px;
	padding: 0 12px 10px 0;
	color:#343636;
	font-size:11px;
	float:left;
}

#links_light{
	display:none;
}

#links_dark{
	display:none;
}

.border_light{
	border: 1px solid #C4D1CF;
}

.border_dark{
	border: 1px solid #959595;
}


/*==========News==========*/
#latestnews_item{
	width:680px;
	border-bottom:1px solid #DEE2E0;
	margin-bottom:20px;
	clear:both;
}

.news_title, .news_title a{
	color:#424A46;
	font-size:14px;
	font-weight:bold;
	clear:both;
	text-decoration:none;
	width:640px;
}

.news_title a:hover{
	color:#E2071B;
	font-size:14px;
	font-weight:bold;
	clear:both;
	width:640px;
}

.news_title2{
	color:#424A46;
	font-size:16px;
	font-weight:bold;
	clear:both;
	line-height:21px;
	width:640px;
}

.news_date{
	color:#697271;
	font-size:11px;
	clear:both;

}

.news_content{
	padding:20px 15px 20px 0;
	clear:both;
	width:600px;
}

.news_img{
	border: 1px solid #CDD4D0;
	margin: 0 16px 0 0;
	float:left;
}

.news_bottombtn{
	padding:0 0 6px 0;
	clear:both;
	text-align:right;
	width:680px;
	height:10px;
	display:none;
}
#news_btn_wrap{
	width:100%;
	border-bottom:1px solid #DEE2E0;
}

#awardslist_wrap{
	padding:0 0 45px 14px;
}

ul.awardslist{
	list-style-type:none;
	padding:0 0 0 3px;
}

ul.awardslist li{
	border-bottom:1px solid #DEE2E0;
	padding:8px 0 10px 12px;
	background:url(../assets/icon_square_bullet.gif) 0 16px no-repeat;
}

/*==========Back to top==========*/
#backtotop{
	color:#848C8B;
	background-image: url(../assets/icon_arrow_up.gif);
	background-position:0 0;
	width:5px;
	height:50px;
	padding: 7px 0 0 0;
	font-size:11px;
	text-decoration:none;
	display:none;
}
a#backtotop:hover{
	color:#4B4B4B;
	text-decoration:none;
	background-position:75px 0;
}

/*==========Footer==========*/
#footer{
	background-color:#E4E4E4;
	width:974px;
	height:15px;
	padding:1px 13px 5px 13px;
	/*float:left;*/
	clear: both;
	display:none;
}
.footer_left{
	font-size:11px;
	color:#818F88;
	float:left;
}
.footer_right{
	float:right;
}

/*==========For Print==========*/
.hidden_section{
	font-size:21px;
	font-weight:bold;
	color:#E2071B;
	display:block;
	padding-bottom:15px;
}
.hidden_title{
	font-size:16px;
	font-weight:bold;
	color:#E2071B;
	display:block;
}
.hidden_subtitle{
	font-size:14px;
	color:#E2071B;
	display:block;
}
.hidden_section_chi{
	font-size:21px;
	font-weight:bold;
	color:#E2071B;
	display:block;
	padding-bottom:15px;
}
.hidden_title_chi{
	font-size:16px;
	font-weight:bold;
	color:#E2071B;
	display:block;
}
.hidden_subtitle_chi{
	font-size:14px;
	color:#E2071B;
	display:block;
}
#myGallerySet_wrap{
	display:none;
}
#myGallerySet{
	display:none;
}