body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#fff;
}


A { color: #999999; font-family: arial; font-size: 11px; text-decoration: none;}
A:hover { color: #000000; font-family: arial; font-size: 11px; text-decoration: underline; }
A:visited { color: #999999; font-family: arial; font-size: 11px; text-decoration: none; }



#header{    
	width:950px; 
	margin-right:auto;
	margin-left:auto; 
	overflow:hidden;
	}
	

#header #lang{    
	width:80px; 
	margin:5px 5px auto auto;
	overflow:hidden;
	float:right;
	}
	
#header #lang a{    
	color: #707070; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: none;
	}
	
#header #lang a:hover, #header a:focus {    
	color: #FF6600; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: underline;
	}
	
#header #lang a:link, #header a:visited {    
	color: #707070; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: none;
	}
	
#login_billboard{    
	width:950px; 
	margin-right:auto;
	margin-left:auto; 
	overflow:hidden;
	}
	
#contain { 
	width:950px; 
	margin-right:auto; 
	margin-left:auto; 
	overflow:hidden; 
	}
	
#contain #login_column1 { 
	float: left; 
	width: 330px;
	height: 260px;
	padding: 10px;

	}
	
#contain #login_column1 #login_box{ 
	float: left; 
	width: 312px;
	height: 192px;
	background:transparent url("/images/login_area_bg.gif")/*tpa=http://www.hkconcrete.com.hk/sc_upload/templates/images/login_area_bg.gif*/ no-repeat;
	background-color:#FFFFFF;
	}
	
#contain #login_column1 #login_box #textfield{ 
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	float: left; 
	margin-left:22px;
	margin-top:40px;
	}



#contain #login_column2 { 
	float:left;
	width:290px;
	height: 260px;
	padding: 0px;
	}
	
#contain #login_column2 span{ 
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	float: left; 
	padding-top:15px;
	}
	
#contain #login_column3 { 
	float:right;
	width:260px;
	height: 260px;
	padding-top:15px;
	padding-right:15px;
	}
	
#contain #login_column3 span{ 
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	
	
	}
	
#contain #login_column3 #news{ 
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	}
	
#contain #login_column3 #news .font01{ 
	color: #fa641a; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	}

/* common styles
------------------------------------------------------------------*/
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px;
	color: #999; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	font-weight:bold;
}
h4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	color: #ff6c00; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	font-weight:bold;
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px;
	color: #717274; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;
	font-weight:bold;

}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

UL {
	LIST-STYLE-TYPE: none
}
LI {
	LIST-STYLE-TYPE: none
}

HR {
	CLEAR: both; VISIBILITY: hidden
}

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

#footer{
	width:960px; 
	/*height:50px;*/
	margin-right:auto; 
	margin-left:auto;  
	overflow:hidden;
	border-top: 1px solid #999999;
	padding:5px auto 5px 10px;
	/*background-color: #dbdbdb;*/
	}
	
#footer span{
	color: #515151; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: none;
	float: right; 
	/*margin-right:350px;
	margin-top:18px;*/
	}
	
#footer span a{
	color: #515151; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: underline;
	}
	
#footer span a:hover{
	color: #FF6600; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: underline;
	}	
	


/* section layout
------------------------------------------------------------------*/
#contain_section { 
	width:960px; 
	margin-right:auto; 
	margin-left:auto; 
	overflow:hidden;
	margin-top:5px;
	}
	
#contain_section #column1 { 
	float: left; 
	width: 250px;
	}
#contain_section #column2 { 
	float:right;
	width:682px;
	}

/* section leftmenu
------------------------------------------------------------------*/
#leftmenu {
	background:#FFFFFF;
}

#menu_content {
	padding-left: 8px;
}

#leftmenu_nav { 
	width: 380px;
	height:auto;
	font-size:16px;
	color:#666;
	}
#leftmenu01 {
	width:100%;
	padding:0px; 
	margin:0px; 
	list-style:none; 
	}
#leftmenu01 li { 
	background:none; 
	padding:0; 
	margin:0; 
	/*border-bottom:1px solid #d9d9d9; */
	}
	
#leftmenu01 li img{ 
	float: left; 
	margin-top: -0.1em;
	margin-right: 5px;
	margin-bottom: 0.1em;
	padding: 0;
	}
	
#leftmenu01 li a { 
	font-size:12px;
	font-weight:bold;
	display: block; 
	padding: 0.5em 0.3em 0.5em 0.3em;
	color:#4e4e4e;	
	text-decoration:none;
	}
#leftmenu01 li a:hover, #leftmenu01 li a:focus, #leftmenu01 li a:active { 
	/*background-color:#9a9a9a;*/
	color: #F60; 
	}
	
	
#leftmenu02 {
	width:100%;
	padding:0px; 
	margin:0px; 
	list-style:none; 
	}
#leftmenu02 li { 
	background:none; 
	padding:0; 
	margin:0; 
	/*border-bottom:1px solid #d9d9d9; */
	}
	

#leftmenu02 li a { 
	font-size:12px;
	font-weight:normal;
	display: block; 
	padding: 0.5em 0.3em 0.5em 1.8em;
	color:#4e4e4e;	
	text-decoration:none;
	}
#leftmenu02 li a:hover, #leftmenu02 li a:focus, #leftmenu02 li a:active { 
	/*background-color:#9a9a9a;*/
	color: #F60; 
	}
	
/* leftmenu table
------------------------------------------------------------------*/
#left_table {
	float: left; 
	width: 206px;
	margin-top:10px;
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: none;
}

/* section right content01
------------------------------------------------------------------*/
#section_wrap01 { 
	width:682px; 
	margin-right:auto; 
	margin-left:auto; 
	margin-bottom:20px;
	overflow:hidden; 
	}

#section_wrap01 #welcome_txt { 
	margin: 0px;
	padding:0px 18px 0px 0px;
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	text-align:justify;
	}




#section_wrap02 { 
	width:682px; 
	height: auto;
	margin-right:auto; 
	margin-left:auto; 
	margin-bottom:20px;
	overflow:hidden;
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	}

#section_wrap02 #portfolio_box { 
	margin: 0px;
	padding:8px;
	background-color: #e5e5e5;
	text-align: center;
	}
	
#section_wrap02 #portfolio_box img{ 
	margin: 0px 7px 0px 7px;
	border:#666 2px solid;
	}

#section_wrap02 #searchbox01 { 
	height:50px;
	/*background-color: #c1b7da;*/
	background-color: #c8c8c8;
	margin:20px 0px 0px 0px;
	padding:18px 20px 7px 20px;
	}
	
#section_wrap02 #searchbox01 #textfield_search{ 
	width: 500px;
	height:20px;
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	}

/* Main menu matvigation
------------------------------------------------------------------*/
#section_header {
	width:960px;
	height:183px;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	background:transparent url("/images/section_header_bg.gif")/*tpa=http://www.hkconcrete.com.hk/sc_upload/templates/images/section_header_bg.gif*/ no-repeat;
	
}

#logo {
	width:410px;
	height:100px;
	float:left;
	cursor:pointer;
}

#lang {
	margin-top:0px;
	width:100px;
	height:37px;
	float:right;
}

ul#nav {
	position:absolute;
	top:146px;
	margin:0;
	width:870px;
	height:37px;
	background:transparent url("/images/mainmenu.gif")/*tpa=http://www.hkconcrete.com.hk/sc_upload/templates/images/mainmenu.gif*/ no-repeat 0 0px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url("/images/mainmenu.gif")/*tpa=http://www.hkconcrete.com.hk/sc_upload/templates/images/mainmenu.gif*/ no-repeat;
	}

li#mainmenu01 a {width:117px; height:37px;}
li#mainmenu02 a {width:229px; height:37px;}
li#mainmenu03 a {width:119px; height:37px;}
li#mainmenu04 a {width:122px; height:37px;}
li#mainmenu05 a {width:176px; height:37px;}
li#mainmenu06 a {width:100px; height:37px;}

li#mainmenu01 a:link, li#mainmenu01 a:visited {
	background-position:0px 37px;
	 }
li#mainmenu01 a:hover, li#mainmenu01 a:focus {	
	background-position:0px -37px;
	}
li#mainmenu02 a:link, li#mainmenu02 a:visited {	
	background-position:-117px 37px;
	}
li#mainmenu02 a:hover, li#mainmenu02 a:focus {	
	background-position:-117px -37px;
	}
li#mainmenu03 a:link, li#mainmenu03 a:visited {	
	background-position: -346px 37px;
	}
li#mainmenu03 a:hover, li#mainmenu03 a:focus {	
	background-position: -346px -37px;
	}
li#mainmenu04 a:link, li#mainmenu04 a:visited {	
	background-position: -465px 37px;
	}
li#mainmenu04 a:hover, li#mainmenu04 a:focus {	
	background-position: -465px -37px;
	}
li#mainmenu05 a:link, li#mainmenu05 a:visited {	
	background-position: -587px 37px;
	}
li#mainmenu05 a:hover, li#mainmenu05 a:focus {	
	background-position: -587px -37px;
	}
li#mainmenu06 a:link, li#mainmenu06 a:visited {	
	background-position: -763px 37px;
	}
li#mainmenu06 a:hover, li#mainmenu06 a:focus {	
	background-position: -763px -37px;
	}

#slider{
	width:960px;
	height:408px;
	overflow:hidden;
	position: relative;
}
#slider .contentdiv{
	position:absolute;
}

#slider_container{
	text-align:left;
	padding-bottom:10px;
}
/* project images */
#project_img {
	width:100%;
	padding:0px; 
	margin:0px; 
	list-style:none; 
	}
#project_img li { 
	background:none; 
	padding:8px; 
	margin:3px;
	width:650px; 
	float:left;
	overflow:hidden;
	border:1px solid #d9d9d9;
display:table;
	vertical-align:middle;	
	}
#project_img li  span.span1{display:table-cell;vertical-align:middle; text-align:left; width:100%;}
	
#project_img li img{ 
	width:150px;
	margin-top: -0.1em;
	margin-right: 5px;
	margin-bottom: 0.1em;
	padding: 0;
	}
	
#project_img li a { 
	font-size:12px;
	font-weight:bold;
	display: block; 
	padding: 0.5em 0.3em 0.5em 0.3em;
	color:#4e4e4e;	
	text-decoration:none;
	float: left;
	}
#project_img li a:hover, #project_img li a:focus, #project_img li a:active { 
	/*background-color:#9a9a9a;*/
	color: #F60; 
	}

/* curr project images */
#curr_project_img {
	width:100%;
	padding:0px; 
	margin:0px; 
	list-style:none; 
	}
#curr_project_img li { 
	background:none; 
	padding:8px; 
	margin:3px;
	width:650px; 
	float:left;
	overflow:hidden;
	border:1px solid #d9d9d9; 
	display:table;
	vertical-align:middle;
	}
	
#curr_project_img a img{ 
	width:150px;
	margin-top: -0.1em;
	margin-right: 5px;
	margin-bottom: 0.1em;
	padding: 0;
	}
	
#curr_project_img li a { 
	font-size:12px;
	font-weight:bold;
	/* display: block;  */
	padding: 0.5em 0.3em 0.5em 0.3em;
	color:#4e4e4e;	
	text-decoration:none;
	float: left;
	
	}
#curr_project_img li  span.span1{display:table-cell;vertical-align:middle; text-align:left;width:100%;}
#curr_project_img li a:hover, #curr_project_img li a:focus, #curr_project_img li a:active { 
	/*background-color:#9a9a9a;*/
	color: #F60; 
	}

.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
  width : 30px;
  height : 30px;
}


.welcome_txt1 { 
	margin: 0px;
	padding:0px 18px 0px 0px;
	color: #333333; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	text-align:justify;
	}
.titlea {
	font-size: 18px;
	line-height: 25px;
	color: #8c243b;
	font-weight:bold;
	width: 714px;
	margin-top: 15px;
	margin-bottom: 35px;
	font-family: [CenturyGothic];
}
#title_image{height:73px;}


#contact{
	position: absolute;
	top: 123px;
	margin-left: 736px;
	width: 100px;
	height: 20px;
	float:right;
}

.bop_s {margin:0 auto;padding: 10px 0;width: 960px; overflow:hidden;}
.bop_s_left {float: left; padding-left:12px;}
.bop_s_left img {margin-right: 45px;}
.bop_s_right {float: right; padding-right:350px; line-height:73px;}
.bop_s_right a {text-decoration: underline;margin:0 10px;font-size: 12px;}
.bop_s_right span{ margin-left:10px;}


.paging a {
	padding: 3px 3px 3px 3px; 
	margin: 3px 3px 3px 3px;
}
.paging span {
	padding: 3px 3px 3px 3px; 
	margin: 3px 3px 3px 3px;
}