#prevnext {
font-size: 10px;
margin-top: 10px;
}

.listingdivider {
height: 5px;
Zborder-top:1px solid #CCCCCC;
}
#logopanelhome  {
   background: url(../images/logopanel_green.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 256px;
   z-index: 199;
   width: 450px;
   height: 64px;
}

#logopanelnoticeboard  {
   background: url(../images/logopanel_yellow.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 256px;
   z-index: 199;
   width: 450px;
   height: 64px;
}

#logopanelourwork  {
   background: url(../images/logopanel_red.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 256px;
   z-index: 199;
   width: 450px;
   height: 64px;
}

#logopanelourservices  {
   background: url(../images/logopanel_blue.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 256px;
   z-index: 199;
   width: 450px;
   height: 64px;
}

#logopanelcontactus {
   background: url(../images/logopanel_black.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 256px;
   z-index: 199;
   width: 450px;
   height: 64px;
}

#logo {
margin-left:55px;
margin-top:25px;
}

#homelink_home {
width: 40px;
height: 178px;
float:left;
clear: right;
}

#homelink_home a {
background: url(../images/cp_mainnav_home__f01.jpg) no-repeat;
float:left;
width: 40px;
height: 178px;
}

#homelink_noticeboard a {
width: 40px;
height: 178px;
background: url(../images/cp_mainnav_home__f02.jpg) no-repeat;
float:left;
}

#homelink_ourwork a {
width: 40px;
height: 178px;
background: url(../images/cp_mainnav_home__f03.jpg) no-repeat;
float:left;
}

#homelink_ourservices a {
width: 40px;
height: 178px;
background: url(../images/cp_mainnav_home__f04.jpg) no-repeat;
float:left;
}

#homelink_contact a {
width: 40px;
height: 178px;
background: url(../images/cp_mainnav_home__f05.jpg) no-repeat;
float:left;
}

#bodypanel-outer  {
height:auto;
left:40px;
min-height:268px;
position:absolute;
top:310px;
width:274px;
z-index:3;
}

#bodypanel-outerhome  {
height:268;
Zleft:40px;
Zmin-height:268px;
position:absolute;
top:-248px;
width:274px;
z-index:3;
}

#bodypanel  {
background:transparent url(../images/bodypanel_main_bg.jpg) no-repeat scroll center top;
height:auto;
padding:25px 10px 0px 16px;
position:relative;
visibility:visible;
width:248px;
z-index:4;
Zmin-height:208px;
background-color:#F9F9F9;
}

#bodypanel p {
font-size: 11px;
color:#999999;
margin-top:10px;
line-height:14px;
}
#bodypanel p strong {
color:#333;
font-weight:bold;
}
#bodypanel h3 {
color:#333333;
font-size:13px;
line-height:14px;
margin-bottom:8px;
margin-top:8px;
}
#bodypanel ul {
margin-left:0px;
}
#bodypanel ul li {
font-size: 11px;
color:#999999;
margin-bottom:8px;
line-height:14px;
list-style:none;
}

#bodypanel_ourwork  {
background:transparent url(../images/bodypanel_main_bg.jpg) no-repeat scroll center top;
height:auto;
padding:25px 10px 0px 16px;
position:relative;
visibility:visible;
width:248px;
z-index:4;
Zmin-height:228px;
}

#bodypanel_ourwork p {
font-size: 11px;
color:#999999;
margin-bottom:10px;
line-height:14px;
}

#bodypanel p.awardtext {
font-size: 10px;
color:#CC9933;
margin-bottom:10px;
line-height:14px;
}

#bodypanel_ourwork h3 {
color:#333333;
font-size:13px;
line-height:14px;
margin-bottom:8px;
}
#bodypanel_ourwork ul {
height:229px;
margin-left:0;
overflow:hidden;
position:relative;
}
#bodypanel_ourwork ul li {
color:#999999;
font-size:11px;
line-height:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:6px;
width:125px;
}

#bodypanel_ourwork ul li.col2 {
float:right;
position:relative;
top:-209px;
}

#bodypanel_services  {
background:transparent url(../images/bodypanel_main_bg.jpg) no-repeat scroll center top;
height:auto;
padding:25px 10px 0px 16px;
position:relative;
visibility:visible;
width:248px;
z-index:4;
Zmin-height:228px;
}

#bodypanel_services p {
font-size: 11px;
color:#999999;
margin-bottom:10px;
line-height:14px;
}
#bodypanel_services h3 {
color:#333333;
font-size:13px;
line-height:14px;
margin-bottom:8px;
}
#bodypanel_services ul {
height:139px;
margin-left:0;
overflow:hidden;
position:relative;
}

#bodypanel_services ul li {
color:#999999;
font-size:11px;
line-height:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:6px;
width:125px;
}

#bodypanel_services ul li.col2 {
float:right;
position:relative;
ZZtop:-133px;
top:-114px;
}

#bodypanel-base {
background:transparent url(../images/bodypanel_bg.png) no-repeat scroll center bottom;
height:50px;
position:relative;
}

#bodypanel-showhide {
height:278px;
left:40px;
overflow:hidden;
position:absolute;
top:310px;
width:274px;
Zdisplay:none;
}

#ZZcp  {
   margin: 0px auto 0px auto;
   width: 980px;
   position: relative;
   height: 603px;
}

#cp {
position:absolute;
top:50%;
margin-top:-300px;/* half main elements height*/
left:0;
width:100%;
float:left;
	height:50%;
	width:100%;
}

#page {
width:980px;
	margin-left:auto;
	margin-right:auto;
	height:603px;
	Zoverflow:auto;/* allow content to scroll inside element */
	text-align:left;
	position:relative;
}

#mainnav  {
   ZZZbackground: url(../images/mainnav.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 46px;
   top: 76px;
   z-index: 3;
   width: 210px;
   height: 178px;
}

#content p  {
   font: 29px/18px Arial;
   margin: 0px;
   color: #C0BFBF;
   text-align: left;
}

#Zpage  {
   Zbackground: url(../images/content_bg.png) no-repeat;
   visibility: visible;
   Zposition: absolute;
   Zleft: 40px;
   Ztop: 65px;
   z-index: 2;
   width: 960px;
   height: 603px;
}

#content-outer {
background: transparent url(../images/content-outer_bg.png) no-repeat;
height:603px;
left:356px;
position:absolute;
top:0px;
visibility:visible;
width:607px;
z-index:99;
}

#content {
height:572px;
left:369px;
position:relative;
top:11px;
visibility: visible;
width:572px;
z-index:3;
}

.imgfade {
display:none;
}

.circlepanel {
z-index:3;
height:572px;
width:572px;
text-align:center;
line-height:572px;
font-size:572px;
}

*>.circlepanel{
	font-size:99%;
}

.circlepanel img {
vertical-align: middle;
}
.date {
	font-size: 10px;
	font-weight: bold;
}

#layer0  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 980px;
   height: 768px;
   background-color: #FFFFFF;
   background-image: none;
}

a {color:#999999;}

a:hover {color:#CC0000}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #FFFFFF;
   height:100%;
}