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

<style  type="text/css" media="all">
	
	
	
	html {
overflow: hidden; 
}
	
	
	:focus
	{-moz-outline-style: none;
	}
	
	
	
	
	body {
	color: #B3B3B9;
	font-size: 11px;
	font-weight: normal;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	background: #222233;
	overflow: hidden;
	background-color: #FFFFFF;
}



img {

border: none;

}	
	a:link, a:visited {
		cursor: pointer;
		font-size: 11px;
	 text-decoration: none;
	 color: #0090C5;
	 display:block;
}
                                                                                                                                                                       
a:hover, a:active {
	cursor: pointer;
	font-size: 11px;
	 text-decoration: underline;
	color: #0090C5;
	display:block;
	outline:none;
		}


#loader{
position: absolute;
width: 100%;
top: 250px;
text-align: center;
}


.toggler {
	color: #0090C5;
	margin: 0 0;
	padding: 4px 10px 3px 0px;
   border-top: 1px solid #0090C5;
	font-size: 11px;
	height:12px;
	font-weight: bold;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
}


.toggler	a:link, .toggler a:visited {
	 text-decoration: none;
	 color: #0090C5;
	 display:block;
	 	font-weight: bold;
		height:12px; 	
}

.toggler a:hover, .toggler a:hover  {
	 text-decoration: none;
	color: #0090C5;
	display:block;
		font-weight: bold;
			height:12px;
		}
		
		
		
 #accordion {
width: 170px;
position: relative;
height: auto !important;
}

.element {
cursor: pointer;
color: #0090C5;
font-size: 11px;
font-weight: normal;
font-family:helvetica, geneva, arial, verdana, sans-serif;
line-height:15px;
padding-left: 10px;
}

.element a:link, .element a:visited {
	cursor: pointer;
 text-decoration: none;
	 color: #0090C5;
	 display:block;
}

.element a:hover, .element a:active {
	cursor: pointer;
	 text-decoration: none;
	color: #0090C5;
	display:block;
		}

		
	.endbit {
	height: 1px; 
	background-color: #0090C5;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
}

#demo-wrapper {
	margin: 0px auto;
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
	visibility: visible;
	
}
 
#demo-inner {
	width: 30000px;
	height: 2000px;
	position: relative;
}
 
.scrolling-content {
	position: absolute;
	width: 200px;
	height: 1024px;
	z-index: 4;
}
 
 
.scrolling-content a:link, .scrolling-content a:visited{
	 text-decoration: none;
	 display:inline-block;
	

}

.scrolling-content a:hover, .scrolling-content a:active{
	 text-decoration: underline;
	 display:inline-block;
	

}


.scrolling-content h1 { 
		padding: 0px 0;
	font-size: 11px;
}


 
#content1 {	left: 0px;  top: 0px;} 
#content2 {left: 2000px; top: 0px;}
#content3 {	left: 4000px; top: 0px; }
#content4 { left: 6000px; 	top: 0px;}
#content5a { left: 8000px; 	top: 0px;}
#content5b { left: 9500px; 	top: 0px;}
#content6a { left: 11500px; 	top: 0px;}
#content6b { left: 13000px; 	top: 0px;}
#content7 { left: 15000px; 	top: 0px;}
#content8 { left: 17000px; 	top: 0px;}	
#content9 { left: 19000px; 	top: 0px;}
#content10 { left: 21000px; 	top: 0px;}	
#content11 { left: 23000px; 	top: 0px;}	

	div.note{
	width:150px;
font-weight: normal;
font-family:helvetica, geneva, arial, verdana, sans-serif;
color:#9A98A2;
	font-size: 9px;
line-height: 1.2em; 
	top: 10px;
}


	div.note	a:link, div.note a:visited {
	 text-decoration: underline;
	 color: #9A98A2;
	display:inline;
		font-size: 9px;

}

	div.note a:hover, div.note a:active {
	 text-decoration: none;
	color: #0090C5;
		display:inline;
			font-size: 9px;

}

div.doubleTitle {
	 color: #0090C5;
	font-style: italic;
	font-size: 24px;
line-height: 0.9em; 
	
	font-weight: normal;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	position: relative;
	width:290px;
	height:130px;
}


div.worksTitle {
	color: #0090C5;
	font-style: normal;
	font-size: 9pt;
	line-height: 1.2em;
	font-weight: bold;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	position: relative;
	padding-top: 10px;
}

div.worksTitle a:link, div.worksTitle a:visited{
	color: #0090C5;
	text-decoration: none;
	
	
}

div.worksTitle a:hover, div.worksTitle a:active{
	color: #0090C5;
	text-decoration: underline;
	
	
}


div.worksHeading {
	color: #0090C5;
	font-style: normal;
	font-size: 9pt;
	
	font-weight: bold;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	position: relative;
	width:160px;
	padding-top: 0px;
	
}


div.p1 {
	padding: 5px 0px 0px;
	font-size: 8pt;
	width: 150px;
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: none;
	display: list-item;
}


span.bigNewsTitle {
	font-style: normal;
	 color: #0090C5;
	font-size: 24px;
line-height: 1.2em; 
	
	font-weight: normal;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	position: relative;
	width:390px;

}


div.doubleTitle div.text {
	position: absolute;
	bottom: 0px;
}
	

			#imageNo{
		text-align: left;
		font-weight: normal;
font-family:helvetica, geneva, arial, verdana, sans-serif;
color:#FFFFFF;
	font-size: 9px;
line-height: 1.2em; 
	}
	
	


div.bottomLine {
	color: #000000;
	position: relative;
	width:100%;
height:100%;

}

div.bottomLine div.lineHere {
	position: absolute;
	bottom: 0px;
}
	
	
div.singleColumn {
	font-size: 10px;
	font-weight: normal;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	line-height: 1.2em;
	width:160px;
	top: 161px;
	}




	div.doubleColumn {
	
	font-size: 11px;
	font-weight: normal;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	line-height: 1.2em; 
	width:390px;
top: 157px;
	}
	

	#bullet {
font-size: 12px;
	font-weight: normal;
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	}

body,td,th {
	color: #999999;
}





span.bluetext1 {
	color: #0090C5;
}



.redtext1 {
	color: #FF3333;
}

.red-line {
	border-top: 5px solid #FF3333;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.red-line2 {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF3333;
}

.border-all-dashed-grey{
	border: 1px dashed #999999;
}

#dpitable {
	width: 100%;
	padding: 0;
	margin: 0;
}


th.clients {
	font-family:helvetica, geneva, arial, verdana, sans-serif;
	color: #999999;
	border-bottom: 1px dashed #0090C5;
	text-align: left;
	padding: 3px 2px 1px;
	background: none;
	font-weight: normal;
}


th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px dashed #0090C5;
	background: none;
}

td.clients {
	border-left: 1px dashed #0090C5;
	border-bottom: 1px dashed #0090C5;
	background: none;
	padding: 2px;
	color: #999999;
	width: 10px;
	text-align: center;
}


td.alt {
	background: none;
	color: #9999999;
}


/* Asset Images */

#gallery {
	position: relative;
	margin: 0px auto;
	width: 600px;
	height: 450px;
	background: #ffffff;
	border: none;
}
 
#progress {
	margin: 10px auto;
	width: 200px;
	height: 15px;
	padding: 2px;
	border: 1px solid #dfdfdf;
}
 
#progress .bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 15px;
	background: #0090C5;
	color: #fff;
	font-weight: bold;
}

/* Kwicks1 */

#kwicks_container { 
	background-color: #FFFFFFF;
	height: 90px;
}
#kwicks {
	position: relative;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 65px;
	height: 90px;
	border:dashed 1px;
}
 

#kwick_am {background: url(images/works/identity/logo/AM.png) repeat scroll 0%;}
#kwick_aoc {background: url(images/works/identity/logo/AOC.png) repeat scroll 0%;}
#kwick_altusanglo {background: url(images/works/identity/logo/altusanglo.png) repeat scroll 0%;}
#kwick_cheersgift {background: url(images/works/identity/logo/cheersgift.png) repeat scroll 0%;}
#kwick_fuxing {background: url(images/works/identity/logo/fuxing.png) repeat scroll 0%;}
#kwick_headline {background: url(images/works/identity/logo/headline.png) repeat scroll 0%;}
#kwick_kw100 {background: url(images/works/identity/logo/KW100.png) repeat scroll 0%;}
#kwick_littleton {background: url(images/works/identity/logo/littleton.png) repeat scroll 0%;}
#kwick_momi {background: url(images/works/identity/logo/momi.png) repeat scroll 0%;}
#kwick_vivastore {background: url(images/works/identity/logo/vivastore.png) repeat scroll 0%;}



/* Kwicks2 */

#kwicks2_container { 
	background-color: #FFFFFFF;
	height: 120px;
}
#kwicks2 {
	position: relative;
}
 
#kwicks2 .kwick2 {
	float: left;
	display: block;
	width: 65px;
	height: 120px;
	border:dashed 1px;
}
#kwick2_abc {background: url(images/works/identity/logo/abc.png) repeat scroll 0%;}
#kwick2_ac {background: url(images/works/identity/logo/AC.png) repeat scroll 0%;}
#kwick2_cg {background: url(images/works/identity/logo/CG.png) repeat scroll 0%;}
#kwick2_church {background: url(images/works/identity/logo/church.png) repeat scroll 0%;}
#kwick2_eddies {background: url(images/works/identity/logo/eddies.png) repeat scroll 0%;}
#kwick2_ef {background: url(images/works/identity/logo/EF.png) repeat scroll 0%;}
#kwick2_hkibb {background: url(images/works/identity/logo/HKIBB.png) repeat scroll 0%;}
#kwick2_nicole {background: url(images/works/identity/logo/nicole.png) repeat scroll 0%;}



/* Kwicks3 */


#kwicks3_container { 
	background-color: #FFFFFFF;
	height: 210px;
}
#kwicks3 {
	position: relative;
}
 
#kwicks3 .kwick3 {
	float: left;
	display: block;
	width: 65px;
	height: 210px;
	border:dashed 1px;
}
 
#kwick3_ac {background: url(images/works/identity/stationery/namecard/AC.png) repeat scroll 0%;}
#kwick3_am {background: url(images/works/identity/stationery/namecard/AM.png) repeat scroll 0%;}
#kwick3_anew {background: url(images/works/identity/stationery/namecard/anew.png) repeat scroll 0%;}
#kwick3_cg {background: url(images/works/identity/stationery/namecard/CG.png) repeat scroll 0%;}
#kwick3_cg_l {background: url(images/works/identity/stationery/letter/CG.png) repeat scroll 0%;}
#kwick3_cr {background: url(images/works/identity/stationery/namecard/CR.png) repeat scroll 0%;}
#kwick3_cr_l {background: url(images/works/identity/stationery/letter/ChiefResources.png) repeat scroll 0%;}
#kwick3_dreamy {background: url(images/works/identity/stationery/namecard/dreamy.png) repeat scroll 0%;}
#kwick3_eddie {background: url(images/works/identity/stationery/namecard/Eddie.png) repeat scroll 0%;}
#kwick3_ef {background: url(images/works/identity/stationery/namecard/EF.png) repeat scroll 0%;}




/* Kwicks4 */


#kwicks4_container { 
	background-color: #FFFFFFF;
	height: 210px;
}
#kwicks4 {
	position: relative;
}
 
#kwicks4 .kwick4 {
	float: left;
	display: block;
	width: 65px;
	height: 210px;
	border:dashed 1px;
}
#kwick4_haesco {background: url(images/works/identity/stationery/namecard/Haesco.png) repeat scroll 0%;} 
#kwick4_headline01 {background: url(images/works/identity/stationery/namecard/headline01.png) repeat scroll 0%;}
#kwick4_headline02 {background: url(images/works/identity/stationery/namecard/headline02.png) repeat scroll 0%;}
#kwick4_littleton {background: url(images/works/identity/stationery/namecard/littleton.png) repeat scroll 0%;}
#kwick4_littleton_l {background: url(images/works/identity/stationery/letter/littleton.png) repeat scroll 0%;}
#kwick4_mm {background: url(images/works/identity/stationery/namecard/MM.png) repeat scroll 0%;}
#kwick4_momi {background: url(images/works/identity/stationery/namecard/momi.png) repeat scroll 0%;}
#kwick4_mti {background: url(images/works/identity/stationery/namecard/MTI.png) repeat scroll 0%;}
#kwick4_opera {background: url(images/works/identity/stationery/letter/OperaSociety.png) repeat scroll 0%;}
#kwick4_soho {background: url(images/works/identity/stationery/letter/soho.png) repeat scroll 0%;}
#kwick4_stephen {background: url(images/works/identity/stationery/namecard/stephen.png) repeat scroll 0%;}



div.eflyer-text{
text-align:center;
}

div.eflyer-text a:link, div.eflyer-text a:visited, div.eflyer-text a:hover, div.efyler-text a:active{
display:inline;
}



</style>