/* general */
body {
	font-family: 'Muli', Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	cursor:default;
	color:#333;
	background-color:#FFF;
	overflow:auto;
}
body, p {
	margin:0;
	padding:0;
}
	
/* headings (scope of work) */
h1 {
	font-family: 'Ultra', Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:normal;
	cursor:default;
	color:#333;
	margin:0;
	padding:45px 45px 0 45px;
}
/* headings (industries) */
h2 {
	font-family: 'Ultra', Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	cursor:default;
	color:#333;
	margin:25px 45px 10px 45px;
	padding:10px 0;
	clear:both;
}
/* headings (company names) */
h3 {
	font-family: 'Muli', Arial, sans-serif;
	font-size:25px;
	font-weight:normal;
	cursor:default;
	color:#333;
	overflow:auto;
	margin:0;
	padding-bottom:5px;
}
/* scope of work description */
h4 {
	font-family: 'Muli', Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	cursor:default;
	color:#999;
	overflow:auto;
	margin:0;
	padding:0;
}
/* work description */
h5 {
	font-family: 'Muli', Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	cursor:default;
	color:#333;
	background-color:#FFF;
	overflow:auto;
	margin:0;
	padding:20px 0;
}
a {
	color:#333;
}
a:hover {
	color:#646666;
}
.italic {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
}
.bold {
	font-family: Arial, sans-serif;
	font-weight: 500;
}
img {
	border:none;
}

/* menu */
#menu-bkg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120px;
	margin: 0 auto;
	background: #FFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#7E8080;
	text-align:center;
	z-index:8;
}
#menu-wrapper {
	width:970px;	
	position:relative;
	margin:0 auto;
}
#sparkle-logo {
	position:absolute;
	top:43px;
	left:46px;
	width:178px;
	padding:0;
	z-index:11;
}
#menu-placeholder {
	width:100%;
	height:120px;
}

#menu {
	list-style-type:none;
	position:absolute;
	top:15px;
	right:25px;
	z-index:10;
}
#menu li {
	float:left;
	position:relative;
	margin:0;
}
#menu li a {
	display:block;
	padding:20px;
	font-family: 'Ultra', Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	color:#333;
	background-color:#FFF;
	text-align:left;
	text-decoration:none;
}
#menu li a:hover {
	color:#646666;
	background-color:#dddedf;
}
li #word-button a:hover {
	color:#646666;
	background-color:#dddedf;
}

ul#work-submenu {
	display:none;
	list-style-type:none;
	position:absolute;
	left:0;
	margin:0;
	padding:5px 0;
	background-color:#dddedf;
}
#work-submenu li a {
	display:block;
	padding:6px 15px;
	width:160px;
	/*font-family: 'Ultra', Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;*/
	color:#333;
	background-color:#dddedf;
	text-align:left;
	text-decoration:none;
}
#work-submenu li a:hover {
	color:#646666;
	background-color:#CCC;
}

/* loading */
#overlay {
	position:absolute;
	z-index:101;
	width:100%;
	height:600px;
	background-color:#ffffff;
	background-image:url('../img/home/loading.gif');
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#overlay h4 {
	position:absolute;
	top:335px;
	width:100%;
}


/* room */
#room-bkg {
	background-image:url('../img/home/room_bkg.jpg');
	background-repeat:repeat-x;
	background-position:left top;
	height:600px;
	position:relative;
	overflow:hidden;
	opacity:0;filter:alpha(opacity=0);
	z-index:0;
}
#room-dark-inside {
	background-image:url('../img/home/room_dark.png');
	background-repeat:repeat-x;
	background-position:left top;
	height:600px;
	width:500%;
	left:-200%;
	position:relative;
	display:none;
	z-index:2;
}
#room-wrapper {
	width:970px;	
	position:relative;
	margin:0 auto;
	height:600px;
	z-index:1;
}


/* room: branding title*/
#branding-title {
	display:none;
	background-image:url('../img/home/room_branding.png');
	position:absolute;
	top:53px;
	left:45px;
	width:54px;
	height:16px;
}

/* room: branding resorts */
#room-wrapper a#room-branding-resorts {
	background-image:url('../img/home/room_branding_resorts.png');
	position:absolute;
	top:81px;
	left:44px;
	width:68px;
	height:86px;
	display:block;
}
#room-wrapper a:hover#room-branding-resorts {
	background-position:left bottom;
}

/* room: branding services */
#room-wrapper a#room-branding-services {
	background-image:url('../img/home/room_branding_services.png');
	position:absolute;
	top:81px;
	left:124px;
	width:69px;
	height:86px;
	display:block;
}
#room-wrapper a:hover#room-branding-services {
	background-position:left bottom;
}

/* room: branding retail */
#room-wrapper a#room-branding-retail {
	background-image:url('../img/home/room_branding_retail.png');
	position:absolute;
	top:81px;
	left:203px;
	width:69px;
	height:86px;
	display:block;
}
#room-wrapper a:hover#room-branding-retail {
	background-position:left bottom;
}

/* room: branding fashion */
#room-wrapper a#room-branding-fashion {
	background-image:url('../img/home/room_branding_fashion.png');
	position:absolute;
	top:69px;
	left:279px;
	width:78px;
	height:98px;
	display:block;
}
#room-wrapper a:hover#room-branding-fashion {
	background-position:left bottom;
}

/* room: branding finance */
#room-wrapper a#room-branding-finance {
	background-image:url('../img/home/room_branding_finance.png');
	position:absolute;
	top:81px;
	left:364px;
	width:66px;
	height:86px;
	display:block;
}
#room-wrapper a:hover#room-branding-finance {
	background-position:left bottom;
}


/* room: print */
#room-wrapper a#room-print {
	background-image:url('../img/home/room_print.png');
	position:absolute;
	top:94px;
	left:643px;
	width:210px;
	height:92px;
	display:block;
}
#room-wrapper a:hover#room-print {
	background-position:left bottom;
}
/* room: bookshelf */
#print-shelf-1 {
	background-image:url('../img/home/room_static_shelf_1.png');
	position:absolute;
	top:79px;
	left:466px;
	width:177px;
	height:133px;
	display:block;
}
#print-shelf-2 {
	background-image:url('../img/home/room_static_shelf_2.png');
	position:absolute;
	top:186px;
	left:643px;
	width:210px;
	height:26px;
	display:block;
}
#print-shelf-3 {
	background-image:url('../img/home/room_static_shelf_3.png');
	position:absolute;
	top:79px;
	left:853px;
	width:43px;
	height:133px;
	display:block;
}

/* room: stationery */
#room-wrapper a#room-stationery {
	background-image:url('../img/home/room_stationery.png');
	position:absolute;
	top:337px;
	left:48px;
	width:233px;
	height:247px;
	display:block;
}
#room-wrapper a:hover#room-stationery {
	background-position:left bottom;
}
/* room: stationery cabinet top */
#stationery-top {
	background-image:url('../img/home/room_static_stationery.png');
	position:absolute;
	top:319px;
	left:114px;
	width:82px;
	height:18px;
	display:block;
}
/* room: recognition */
#room-wrapper a#room-recognition {
	background-image:url('../img/home/room_recognition.png');
	position:absolute;
	top:243px;
	left:196px;
	width:111px;
	height:94px;
	display:block;
}
#room-wrapper a:hover#room-recognition {
	background-position:left bottom;
}

/* room: desk */
#desk {
	background-image:url('../img/home/room_static_desk.png');
	position:absolute;
	top:407px;
	left:341px;
	width:512px;
	height:192px;
	display:block;
}

/* room: light-switch */
#room-wrapper #light-switch-on {
	background-image:url('../img/home/light_switch_on.png');
	position:absolute;
	top:234px;
	left:913px;
	width:30px;
	height:28px;
	display:block;
}
#room-wrapper #light-switch-off {
	background-image:url('../img/home/light_switch_off.png');
	position:absolute;
	top:234px;
	left:913px;
	width:30px;
	height:28px;
	display:block;
	display:none;
}
#room-wrapper a#light-switch-button {
	background-image:url('../img/home/light_switch_button.png');
	position:absolute;
	top:234px;
	left:913px;
	width:30px;
	height:28px;
	display:block;
	z-index:10;
}
#room-wrapper #light-switch-text {
	display:none;
	background-image:url('../img/home/light_switch_text.png');
	position:absolute;
	top:215px;
	left:905px;
	width:49px;
	height:20px;
}


/* room: about us */
#room-wrapper a#room-about-us {
	background-image:url('../img/home/room_lamp.png');
	position:absolute;
	top:248px;
	left:360px;
	width:124px;
	height:182px;
	display:block;
}
#room-wrapper a:hover#room-about-us {
	background-position:left bottom;
}
/* room: copywriting */
#room-wrapper a#room-copywriting {
	background-image:url('../img/home/room_copywriting.png');
	position:absolute;
	top:331px;
	left:675px;
	width:64px;
	height:96px;
	display:block;
}
#room-wrapper a:hover#room-copywriting {
	background-position:left bottom;
}
/* room: web */
#room-wrapper a#room-web {
	background-image:url('../img/home/room_web.png');
	position:absolute;
	top:248px;
	left:492px;
	width:182px;
	height:182px;
	display:block;
}
#room-wrapper a:hover#room-web {
	background-position:left bottom;
}
/* room: contact us */
#room-wrapper a#room-contact-us {
	background-image:url('../img/home/room_contact_us.png');
	position:absolute;
	top:356px;
	left:741px;
	width:69px;
	height:76px;
	display:block;
}
#room-wrapper a:hover#room-contact-us {
	background-position:left bottom;
}







/* work & about us: wrappers */
#branding-wrapper, #stationery-wrapper, #print-wrapper, #web-wrapper, #copywriting-wrapper, #about-us-wrapper {
	width:970px;	
	position:relative;
	margin:0 auto;
	padding-bottom:15px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	opacity:0;filter:alpha(opacity=0);
}
#about-us-wrapper {
	background-color:#F5F4F2;
}

/* work: thumbnails */
.thumb-rows {
	padding:0 27px 193px 27px;
	clear:both;
}
.thumb-showcase {
	padding:0 18px;
	width:193px;
	float:left;
	display:inline;
}
.thumb-showcase a {
	display:block;
	text-decoration:none;
}
.thumb-showcase p {
	font-size:12px;
	padding:8px 0 15px 0; /*updated*/
}
.thumb-showcase a:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

/* showcases by companies */
#cpp, #arama, #fabulouslocations, #headland, #life, #flex, #temple-chambers, #ttc, #ces, #ibi, #ch-com, #deloitte, #timothy-redel, #footprint, #knight-frank, #epp, #blank, #halo, #vca, #affordable-art, #rush, #sun-hing, #ree-yong, #stylecab, #indigo, #pelham, #megellan, #imago, #greenleaf, #poker-pack, #main-event, #ritz-carlton, #hk-hikes, #webaward, #forty-under-forty, #brookes-bell {
	display:none;
	width:700px;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	padding-bottom:30px;
}

/* work navigation */
.content a.close {
	display:block;
	width:17px;
	height:20px;
	background-image:url('../img/home/close.png');
	background-repeat:no-repeat;
	position:absolute;
	top:5px;
	right:0;
}
.content a.next {
	display:block;
	width:17px;
	height:20px;
	background-image:url('../img/home/next.png');
	background-repeat:no-repeat;
	position:absolute;
	top:5px;
	right:35px;
}
.content a.prev {
	display:block;
	width:17px;
	height:20px;
	background-image:url('../img/home/prev.png');
	background-repeat:no-repeat;
	position:absolute;
	top:5px;
	right:55px;
}
.content a.close-bottom {
	display:block;
	width:17px;
	height:20px;
	background-image:url('../img/home/close.png');
	background-repeat:no-repeat;
	position:absolute;
	bottom:5px;
	right:0;
}
.content a.next-bottom {
	display:block;
	width:17px;
	height:20px;
	background-image:url('../img/home/next.png');
	background-repeat:no-repeat;
	position:absolute;
	bottom:5px;
	right:35px;
}
.content a.prev-bottom {
	display:block;
	width:17px;
	height:20px;
	background-image:url('../img/home/prev.png');
	background-repeat:no-repeat;
	position:absolute;
	bottom:5px;
	right:55px;
}
.content img {
	padding:3px 0;
}

/* plain body text */
p.plain {
	padding:10px 45px;
	width:880px;
}
p.plain-in-showcase {
	padding:15px 0;
}
/* plain sub-heading */
.plain-sub-heading {
	margin:30px 45px 10px 45px;
	padding-bottom:0;
}

/* plain logos no link */
.logo-rows {
	padding:45px 27px 160px 27px;
	clear:both;
}
.logo-showcase {
	padding:0 18px;
	width:193px;
	float:left;
	display:inline;
}

/* testimonials */
div.testimonials-rows {
	padding:0 27px;
	clear:both;
	height:auto;
}
div.testimonials-showcase {
	margin:10px 18px;
	width:269px;
	float:left;
	text-align:center;
}
div.testimonials-showcase img {
	display:inline;
}
div.testimonials-txt {
	margin:15px 15px 30px 15px;
	font-size:12px;
}

/* deloitte description text */
p.eventname {
	text-align:center;
	margin-top:35px;
	padding:5px;
	background-color:#ebebeb;
}
p.description {
	font-family: 'Muli', Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999;
	overflow:auto;
	margin-top:20px;
	text-align:center;
}

/* back to studio */
#back-to-office {
	display:none;
	position:fixed;
	top:20%;
	right:0;
	z-index:100;
}
#back-to-office a {
	background-image:url('../img/home/back_to_office_arrow.png');
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	width:51px;
	height:100px;
	color:#999;
}
/* scroll to view more */
#scroll-for-more {
	display:none;
	position:fixed;
	bottom:10%;
	right:0;
	z-index:99;
	background-image:url('../img/home/scroll_for_more_arrow.png');
	background-repeat:no-repeat;
	width:51px;
	height:100px;
	color:#999;
}