@charset "utf-8";
/* CSS Document */

#Table_02 {
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
}

/* sub nav */

.class1 A:link {
	text-decoration:none;
	color: #000000;
	font-family: "AvantGarde CE";
}
.class1 A:visited {
	text-decoration: none;
	color: #000000;
}
.class1 A:active {
	text-decoration: none;
	color: #999999;
}
.class1 A:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999999;
}

.class2 A:link {
	text-decoration: none;
	color: #999999;
	font-family: "AvantGarde CE";
}
.class2 A:visited {
	text-decoration: none;
	color: #999999;
}
.class2 A:active {
	text-decoration: none;
	color: #999999;
}
.class2 A:hover { text-decoration: none;
	color: #FFFFFF;
	background-color: #999999; }
	

.class3 A:link {
	text-decoration: none;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.class3 A:visited {
	text-decoration: none;
	color: #999999;
}
.class3 A:active {
	text-decoration: none;
	color: #999999;
}
.class3 A:hover { text-decoration: none;
	color: #FFFFFF;
	background-color: #999999; }



/* logo */
#logo {
    width: 134px;
    height: 119px;
    margin: 0;
    padding: 0;
}

#logo li, #logo a {
    height: 119px;
    display: block;
}

#logo li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
}

#logoidg {
	width: 188px;
	height: 119px;
	background-image: url(IDG_Logo.jpg);
	background-repeat: no-repeat;
}

/* nav */
#nav {
    width: 664px;
    height: 55px;
    margin: 0;
    padding: 0;
}

#nav li, #nav a {
    height: 45px;
    display: block;
}

#nav li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
}

#navHome {
	width: 85px;
	height: 45px;
	background-position: -763px 0px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
}

#navHomeCurrent {
	width: 85px;
	height: 45px;
	background-position: 0px 0px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
}
#navAbout {
	width: 88px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -898px 0px;
	
}

#navAboutCurrent {
	width: 88px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -135px 0px;	
}
#navExpertise {
	width: 112px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -1036px 0px;
	height: 45px;
}

#navExpertiseCurrent {
	width: 112px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -273px 0px;
	height: 45px;
}

#navProjects {
	width: 120px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -1198px 0px;
}

#navProjectsCurrent {
	width: 120px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -435px 0px;
}
#navCareers {
	width: 120px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -1544px 0px;
	
}

#navCareersCurrent {
	width: 120px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -1717px 0px;	
}
#navContact {
	width: 105px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -1371px 0px;
}
#navContactCurrent {
	width: 105px;
	height: 45px;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -608px 0px;
}

#navHome a:hover { background:url("nav.png") 0px 0px no-repeat; }
#navAbout a:hover { background:url("nav.png") -135px 0px no-repeat; }
#navExpertise a:hover { background:url("nav.png") -273px 0px no-repeat; }
#navProjects a:hover { background:url("nav.png") -435px 0px no-repeat; }
#navCareers a:hover { background:url("nav.png") -1717px 0px no-repeat; }
#navContact a:hover { background:url("nav.png") -608px 0px no-repeat; }

#navHome a:active { background:url("nav.png") 0px 0px no-repeat; }
#navAbout a:active { background:url("nav.png") -135px 0px no-repeat; }
#navExpertise a:active { background:url("nav.png") -273px 0px no-repeat; }
#navProjects a:active { background:url("nav.png") -435px 0px no-repeat; }
#navCareers a:active { background:url("nav.png") -1717px 0px no-repeat; }

#navContact a:active { background:url("nav.png") -608px 0px no-repeat; }





#footer {
	width: 550px;
	height: 14px;
	margin: 0;
	padding: 0;
	font-family: "AvantGarde CE";
	font-size: 11px;
	color: 808080;
}

/* clientele */
#client {
	width: 690px;
	height: 39px;
	margin: 0;
	padding: 0;

}

#client li, #client a {
    height: 39px;
    display: block;
}

#client li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
}

#clientC1 {
	width: 690px;
	height: 39px;
	background-position: 0px 0px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC2 {
	width: 690px;
	height: 39px;
	background-position: 0px -39px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC3 {
	width: 690px;
	height:  39px;
	background-position: 0px -78px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC4 {
	width: 690px;
	height:  39px;
	background-position: 0px -117px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC5 {
	width: 690px;
	height:  39px;
	background-position: 0px -156px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC6 {
	width: 690px;
	height:  39px;
	background-position: 0px -195px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC7 {
	width: 690px;
	height:  39px;
	background-position: 0px -234px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC8 {
	width: 690px;
	height:  39px;
	background-position: 0px -273px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC9 {
	width: 690px;
	height:  39px;
	background-position: 0px -312px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}
#clientC10 {
	width: 690px;
	height:  39px;
	background-position: 0px -351px;
	background-image: url(client.png);
	background-repeat: no-repeat;
}





#clientC1 a:hover { background:url("client2.png") 0px 0px no-repeat; }
#clientC2 a:hover { background:url("client2.png") 0px -39px no-repeat; }
#clientC3 a:hover { background:url("client2.png") 0px -78px no-repeat; }
#clientC4 a:hover { background:url("client2.png") 0px -117px no-repeat; }
#clientC5 a:hover { background:url("client2.png") 0px -156px no-repeat; }
#clientC6 a:hover { background:url("client2.png") 0px -195px no-repeat; }
#clientC7 a:hover { background:url("client2.png") 0px -234px no-repeat; }
#clientC8 a:hover { background:url("client2.png") 0px -273px no-repeat; }
#clientC9 a:hover { background:url("client2.png") 0px -312px no-repeat; }
#clientC10 a:hover { background:url("client2.png") 0px -351px no-repeat; }


#dots {
	width: 200px;
	height: 16px;
	margin: 0;
	padding: 0;

}

#dots li, #dots a {
    height: 20px;
    display: block;
}

#dots li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
}

#dotC1 {
	width: 16px;
	height: 16px;
	background-position: -594px 0px;
	background-image: url(dots.png);
	background-repeat: no-repeat;
}
#dotC1current {
	width: 16px;
	height: 16px;
	background-position: 0px 0px;
	background-image: url(dots.png);
	background-repeat: no-repeat;
}





#dotC1 a:hover { background:url("dots.png") 0px 0px no-repeat; }

/* graphic */
#gallery{
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 0;
	
}

#gallery li, #gallery a {
    height: 160px;
    display: block;
}

#gallery li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
}

#photo1 {
	width: 160px;
	height: 160px;
	background-image:url(projects/BRANDING/idg-250711-highres-8_thumbs.jpg);
	background-repeat: no-repeat;
}
#photo2 {
	width: 160px;
	height: 160px;
	background-image:url(projects/BRANDING/SHAGROUP/WEBSITE/sha%20web%201_thumbs.jpg);
	background-repeat: no-repeat;
}
#photo3 {
	width: 160px;
	height: 160px;
	background-image:url(projects/BRANDING/SHAGROUP/BROCHURE/brochure-thumbs.jpg);
	background-repeat: no-repeat;
}
#photo4 {
	width: 160px;
	height: 160px;
	background-image:url(projects/BRANDING/JSHI/thumbs.jpg);
	background-repeat: no-repeat;
}

#photo5 {
	width: 160px;
	height: 160px;
	background-image:url(projects/ILLUSTRATION/graphic.gif);
	background-repeat: no-repeat;
}
#photo6 {
	width: 160px;
	height: 160px;
	background-image:url(projects/SELF%20INITIATED/Holding%20Poster_Template-1_thumbs.jpg);
	background-repeat: no-repeat;
}
#photo7 {
	width: 160px;
	height: 160px;
	background-image:url(projects/SELF%20PROMO/thumbs.jpg);
	background-repeat: no-repeat;
}



#photo1 a:hover {
	background:url(projects/BRANDING/rollover.png) no-repeat;  	}
#photo2 a:hover {
	background:url(projects/BRANDING/SHAGROUP/WEBSITE/rollover.png) no-repeat;  	}
#photo3 a:hover {
	background:url(projects/BRANDING/SHAGROUP/BROCHURE/rollover.png) no-repeat;}
#photo4 a:hover {
	background:url(projects/BRANDING/JSHI/rollover.png) no-repeat;}
#photo5 a:hover {
	background:url(projects/ILLUSTRATION/rollover.png) no-repeat;}
#photo6 a:hover {
	background:url(projects/SELF%20INITIATED/rollover.png) no-repeat;  	}
#photo7 a:hover {
	background:url(projects/SELF%20PROMO/rollover.png) no-repeat;  	}

	
	

/* Interior */

#I1 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Hospitality/hilton%20KL/thumbs.jpg);
	background-repeat: no-repeat;
}
#I2 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Hospitality/HOTEL%20LOUNGE/thumbs.jpg);
	background-repeat: no-repeat;
}

#I3 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Hospitality/hotel%20reception/thumbs.jpg);
	background-repeat: no-repeat;
}
#I4 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Hospitality/HOTEL%20RECEPTION%202/thumbs.jpg);
	background-repeat: no-repeat;
}
#I5 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Hospitality/hotel%20restaurant/thumbs.jpg);
	background-repeat: no-repeat;
}
#I6 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Hospitality/hotel%20suite/thumbs.jpg);
	background-repeat: no-repeat;
}
#I7 {
	width: 160px;
	height: 160px;
	background-image:url(projects/F&B/Indo%20Cafe%20Restaurant/thumbs.jpg);
	background-repeat: no-repeat;
}
#I8 {
	width: 160px;
	height: 160px;
	background-image:url(projects/F&B/Robert%20Timms/thumbs_35sr%202.jpg);
	background-repeat: no-repeat;
}
#I9 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Retail/Perlini/thumbs.jpg);
	background-repeat: no-repeat;
}
#I10 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Marine/blue%20lagoon/thumbs.jpg);
	background-repeat: no-repeat;
}
#I11 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Marine/celebrity%20disco/thumbs.jpg);
	background-repeat: no-repeat;
}
#I12 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Marine/grand%20piazza/thumbs.jpg);
	background-repeat: no-repeat;
}
#I13 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Marine/MR/thumbs.jpg);
	background-repeat: no-repeat;
}
#I14 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Marine/oasis%20club/thumbs.jpg);
	background-repeat: no-repeat;
}
#I15 {
	width: 160px;
	height: 160px;
	background-image:url(projects/F&B/robert%20timms%20OP/thumbs.jpg);
	background-repeat: no-repeat;
}
#I16 {
	width: 160px;
	height: 160px;
	background-image:url(projects/F&B/robert%20timms%20WL/thumbs.jpg);
	background-repeat: no-repeat;
}
#I17 {
	width: 160px;
	height: 160px;
	background-image:url(projects/F&B/TCC%20ION/thumbs.jpg);
	background-repeat: no-repeat;
}
#I18 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Health/CHOSEN/1/THUMB.jpg);
	background-repeat: no-repeat;
}
#I19 {
	width: 160px;
	height: 160px;
	background-image:url(projects/Health/CHOSEN/2/THUMB.jpg);
	background-repeat: no-repeat;
}

#I1 a:hover {
	background:url(projects/Hospitality/hilton%20KL/rollover.png) no-repeat;}
#I2 a:hover {
	background:url(projects/Hospitality/HOTEL%20LOUNGE/ro.png) no-repeat;}
#I3 a:hover {
	background:url(projects/Hospitality/hotel%20reception/RO.png) no-repeat;}
#I4 a:hover {
	background:url(projects/Hospitality/hotel%20reception/RO.png) no-repeat;}
#I5 a:hover {
	background:url(projects/Hospitality/hotel%20restaurant/rollover.png) no-repeat;}
#I6 a:hover { 
	background:url(projects/Hospitality/hotel%20suite/rollover.png) no-repeat;}
#I7 a:hover { 
	background:url(projects/F&B/Indo%20Cafe%20Restaurant/rollover.png) no-repeat;}
#I8 a:hover { 
	background:url(projects/F&B/Robert%20Timms/rollover.png) no-repeat;}
#I9 a:hover { 
	background:url(projects/Retail/Perlini/RO.png) no-repeat;}
#I10 a:hover { 
	background:url(projects/Marine/blue%20lagoon/roll.png) no-repeat;}
#I11 a:hover { 
	background:url(projects/Marine/celebrity%20disco/roll.png) no-repeat;}
#I12 a:hover { 
	background:url(projects/Marine/grand%20piazza/roll.png) no-repeat;}
#I13 a:hover { 
	background:url(projects/Marine/MR/roll.png) no-repeat;}
#I14 a:hover { 
	background:url(projects/Marine/oasis%20club/roll.png) no-repeat;}
#I15 a:hover { 
	background:url(projects/F&B/robert%20timms%20OP/rollover.png) no-repeat;}
#I16 a:hover { 
	background:url(projects/F&B/robert%20timms%20WL/rollover.png) no-repeat;}
#I17 a:hover { 
	background:url(projects/F&B/TCC%20ION/rollover.png) no-repeat;}
#I18 a:hover { 
	background:url(projects/Health/CHOSEN/1/rollover.png) no-repeat;}
#I19 a:hover { 
	background:url(projects/Health/CHOSEN/2/rollover.png) no-repeat;}