BODY {
	margin: 0px;
	background-image: URL(../images/bg.jpg)
}
#wrapper {
	width: 1003px;
	margin: 0px auto;
}
#banner {
	background-image: URL(../images/banner.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	background-position: top;
	width: 1003px;
	height: 185px;
	clear: both;
}
#toplink {
	background-image: URL(../images/toplinkbg.jpg);
	background-repeat: repeat-x;
	height: 19px;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	color:#000000;
}
#toplink a {
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	color:#000000;
	text-decoration: none;
}
#toplink a:hover {
	color:#134E9E;
	text-decoration: none;
}
#mainlinksection {
	width: 1003px;
	clear: both;
}
#mainlinkbg {
	background-image: URL(../images/mainlinkbg.jpg);
	background-repeat: repeat-x;
	width: 1003px;
	height: 53px;
	float: left;
}
.mainlink {
	float: left;
	font-family: Verdana;
	font-weight: bold;
	font-size:12px;
	padding-top: 18px;
}
.mainlink a {
	color:#FFFFFF;
	text-decoration: none;
	padding-left: 35px;
	padding-right: 35px;
}
.mainlink a:hover {
	color:#000000;
	text-decoration: none;
	padding-left: 35px;
	padding-right: 35px;
}
.mainlinksep {
	background-image: URL(../images/mainlinksep.jpg);
	background-repeat: no-repeat;
	width: 1px;
	height: 53px;
	float: left;
}
#contentbg {
	background-color:#454545;
	width: 1003px;
	clear: both;
	float: left;
}
#boxbg {
	padding: 13px 12px 17px 8px;
	float: left;
}
#ecommerce {
	background-image: URL(../images/ecommerce.jpg);
	background-repeat: no-repeat;
	width: 239px;
	height: 183px;
	margin-right: 9px;
	float: left;
}
#webdesign {
	background-image: URL(../images/webdesign.jpg);
	background-repeat: no-repeat;
	width: 239px;
	height: 183px;
	margin-right: 9px;
	float: left;
}
#printdesign {
	background-image: URL(../images/printdesign.jpg);
	background-repeat: no-repeat;
	width: 239px;
	height: 183px;
	margin-right: 9px;
	float: left;
}
#logodesign {
	background-image: URL(../images/logodesign.jpg);
	background-repeat: no-repeat;
	width: 239px;
	height: 183px;
	float: left;
}
.boxtext {
	width: 135px;
	height: 76px;
	padding-top: 66px;
	padding-left: 97px;
	padding-right: 7px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
	clear: both;
}
.readmore {
	text-align: right;
	width: 238px;
	padding-right: 1px;
	height: 47px;
	clear: both;
}
#contentsection {
	width: 982px;
	clear: both;
	padding-left: 11px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
#leftsection {
	width: 247px;
	float: left;
}
#midsection {
	background-image: URL(../images/midsectionbg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 722px;
	padding-left: 13px;
	float: left;
}
#midconttop {
	background-image: url(../images/midconttopbg.jpg);
	width: 722px;
	height: 12px;
	float: left;
	background-repeat: no-repeat;
}
#midcontbot {
	background-image: url(../images/midcontbotbg.jpg);
	width: 722px;
	height: 12px;
	float:left;
	background-repeat: no-repeat;
	clear: both;
	}
#midcontent {
	background-image: url(../images/midcontentbg.jpg);
	width: 682px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	clear: both;
}
.mainconthead {
	font-family: Arial;
	font-size: 21px;
	font-weight: normal;
	color:#D7D7D7;
	margin-bottom: 7px;
	clear: both;
}
.mainconttxt {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color:#D7D7D7;
	clear: both;
	line-height: 16px;
}
.mainconttxt a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color:#4081C3;
	text-decoration :none;
}
.txtspc {
	width: 680px;
	height: 30px;
	clear: both;
}
.txtspc_port {
	width: auto;
	height: 30px;
	clear: both;
}
.leftsectiontxtspc {
	width: 235px;
	height: 6px;
	clear: both;
}
.blue {
	color:#4081C3;
}
.green {
	color:#9FBF30;
}
.leftbox {
	width: 235px;
	clear: both;
}
.leftboxtop {
	background-image: URL(../images/leftboxtop.jpg);
	background-repeat: no-repeat;
	width: 235px;
	height: 13px;
	clear: both;
}
.leftboxbot {
	background-image: URL(../images/leftboxbot.jpg);
	background-repeat: no-repeat;
	width: 235px;
	height: 13px;
	clear: both;
}
.leftboxlinks {
	background-image: URL(../images/leftboxbg.jpg);
	background-repeat: repeat-y;
	width: 215px;
	padding-left: 20px;
	font-family: Tahoma;
	font-size: 11px;
	clear: both;
}
.leftboxlinks a {
	color: #9FBF30;
	text-decoration: none;
}
.leftboxlinks a:hover {
	color: #4081C3;
	text-decoration: none;
}
.leftboxlinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.leftboxlinks li {
	background-image: URL(../images/leftlinkbullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .25em;
	padding-left: 22px;
	padding-bottom: 6px;
	height: auto;
}
.leftboxhead {
	font-family: Arial;
	font-weight: normal;
	font-size: 21px;
	color:#FFFFFF;
	margin-bottom: 10px;
}
#footersection {
	width: 982px;
	clear: both;
	padding-left: 11px;
	padding-right: 10px;
	float: left;
}
#footer {
	background-image: URL(../images/horsep.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 41px;
	padding-top: 15px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 16px;
	text-align: center;
}
#footer a {
	color: #BAEB11;
	text-decoration: none;
}
#footer a:hover {
	color: #4081C3;
	text-decoration: none;
}
#footcontent {
	background-color: #333333;
	width: 953px;
	padding:25px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #C1C1C1;
	line-height: 16px;
	text-align: center;
	clear: both;
}

/*CSS for dropdown menu*/

.menu2 {
	padding:0px; 
	margin:0; 
	list-style:none; 
	height:53px; 
	position:relative; 
	z-index:500; 
	font-family:Verdana;
}
.menu2 li.top {
	display:block; 
	float:left;
}
.menu2 li a.top_link {
	display:block; 
	float:left; 
	height:53px; 
	color:#000000; 
	text-decoration:none; 
}
.menu2 li a.top_link span {
	display:block; 
	height:35px; 
	float:left; 
	font-size:13px; 
	font-weight:bold; 
	color: #FFFFFF;
	padding:18px 39px 0px 38px; 
	cursor:pointer; 
	border-right: #5186BA 1px solid;
	background-image: URL(../images/mainlinkbg.jpg);
}
.menu2 li a.top_link b {
	display:block; 
	width:0px; 
	height:40px; 
	float:left; 
	}
.menu2 li a.top_link b.down {
	background-image: URL(../images/mainlinkbg.jpg);
}
.menu2 li a.top_link:hover span {
	color:#000000; 
	border-right: #5186BA 1px solid;
	background-image: URL(../images/mainlinkbg.jpg);
	
	}
.menu2 li a.top_link:hover b {
	color:#FFFFFF; 
	background-image: URL(../images/mainlinkbg.jpg);
}
.menu2 li:hover > a.top_link span {
	color:#000000; 
	
}
.menu2 li:hover > a.top_link b {
	color:#000000; 
	background-color: #666666;
}
.menu2 li:hover > a.top_link b.down {
	color:#fff; 
	background-color: #666666;
}
.menu2 a:hover {
	visibility:visible; 
	position:relative; 
	z-index:200;
}
.menu2 li:hover {
	position:relative; 
	z-index:200;
}
.menu2 table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}


.tab1 {
	background-color:#222222;
	border:#474747 1px solid;
	padding: 10px;
	color:#FFFFFF;
}
.t {
	padding: 0px;
}
#portfoliosectiontop {
	background-image: URL(../images/portfoliosectiontopbg.jpg);
	background-repeat: no-repeat;
	width: 984px;
	height: 12px;
	clear: both;
	float: left;
}
#portfoliosectioncontent {
	background-image: URL(../images/portfoliosectioncontbg.jpg);
	background-repeat: repeat-y;
	padding: 12px 20px 8px 20px;
	width: 944px;
	clear: both;
	float: left;
}
#portfoliosectionbot {
	background-image: URL(../images/portfoliosectionbotbg.jpg);
	background-repeat: no-repeat;
	width: 984px;
	height: 12px;
	clear: both;
	float: left;
}
#portfoliohead {
	background-image: URL(../images/portfoliobg.jpg);
	background-repeat: repeat-x;
	height: 18px;
}
#portfoliocontent {
	padding-top: 20px;
	clear: both;
}
#portfoliocontentleft {
	background-image: URL(../images/versep.jpg);
	background-repeat: repeat-y;
	background-position: right;
	width: 260px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color:#D8D8D8;
	float: left;
}
#portfoliocontentright {
	background-image: URL(../images/versep.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 217px;
	padding-left: 23px;
	float: left;
}
#portfoliocontentmid {
	width: 414px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
}
#portfolioimage {
	width: 224px;
	background-color:#151515;
	border: #565656 1px solid;
	padding: 0px 8px 8px 8px;
	float: left;
	margin-bottom: 12px;
	text-align: center;
}
#portfolioimage a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}

/*sahoo cheng jun 30-06-08*/
.portfoliorightimage {
	width: 195px;
	background-color:#151515;
	border: #565656 1px solid;
	padding: 7px;
	float: left;
	margin-bottom: 12px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;

}

.portfoliorightimage:hover {
	width: 195px;
	background-color:#151515;
	border: #565656 1px solid;
	padding: 7px;
	float: left;
	margin-bottom: 12px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.7;

}

.portfoliorthumbnail{
	position: relative;
	z-index: 0;
}

.portfoliorthumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.portfoliorthumbnail span{ 
	position: absolute;
	background-color:#333333;
	padding: 5px;
	left: -1000px;
	border: 2px solid #6E6E6E;
	visibility: hidden;
	text-decoration: none;
	padding:0px;
	margin:0px;
}

.portfoliorthumbnail span img{ 
	border-width: 0;
	padding: 2px;
}

.portfoliorthumbnail:hover span{ 
	visibility: visible;
	top: -120px;
	left: 80px;
}


.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:53px; white-space:nowrap; width:138px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {
	display:block; 
	height:34px; 
	float:left; 
	width:138px; 
	font-weight:normal; 
	border-right: #FFF 1px solid; 
	border-top: #FFF 1px solid;
	border-bottom: #FFF 0px solid ; 
}

.menu2 :hover ul.sub li a {
	display:block; 
	position:relative; 
	font-size:11px; 
	height:25px; 
	width:138px; 
	text-indent:10px; 
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight: normal; 
	padding-top: 9px; 
	border-left: #FFF 1px solid; 
	border-right: #FFF 1px solid; 
	border-bottom: #FFF 1px solid;
	background-color:#9EBE2F;
	background-image: URL(../images/submenubg_02.jpg);
	text-align:center;
}
.menu2 :hover ul.sub li a:hover {
	color:#FFFFFF; 
	border-left: #FFF 1px solid; 
	border-right: #FFF 1px solid; 
	border-top: #FFF 0px solid;
	border-bottom: #FFF 1px solid;
	background-image: URL(../images/submenubg.jpg);
}

.menu2 :hover ul.sub :hover > a {color:#FFFFFF;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:190px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}