BODY
{
	font-size: 14px;
	line-height:18px;
	margin: 0px;
	font-family: Helvetica, Arial, Verdana, Geneva, Helvetica, sans-serif;
	color:#ffffff;
	/*background-image:url(../images/main-bg.png);*/
}
a
{
	color:White;
	text-decoration:none;
}
p
{
	padding:0px;
	margin:0px;	
}
img
{
	border: 0px;
}
.clear
{
	clear: both;
}
.wrapper
{
	width:800px;
	height:800px;
	margin: 0 auto;
}
/************************************************************/
/*intro page*/
.wrapper.intro-page
{
	background-image:url(../images/intro.png);
	background-repeat:no-repeat;
}
.wrapper.intro-page .html
{
	float:left;
	width:195px;
	height:30px;
	margin: 180px 0px 0px 445px;
}
.wrapper.intro-page .flash
{
	float:left;
	width:217px;
	height:30px;
	margin: 45px 0px 0px 422px;
}
/*home page*/
.wrapper.home-page
{
	background-image:url(../images/home.png);
	background-repeat:no-repeat;
}
/*remove bottom background*/
.body-home
{
	background-image:none;
}
.home
{
	float:left;
	width:578px;
	height:618px;
	margin:21px 0px 0px 123px;
}
.home .work, .home .company, .home .services, .home .interact
{
	float:left;
	width:288px;
	height:309px;
}
.wrapper.home-page .default
{
	clear:both;
	float:left;
	width:187px;
	height:65px;
	margin:77px 0px 0px 54px;
}

/************************************************************/
/*inner pages*/
.inner-content
{
	float:left;
	width:635px;
	height:670px;
	margin:37px 0px 0px 53px;
}
.inner-content .menus
{
	float:left;
	width:541px;
	margin:95px 0px 0px 57px;
}
.inner-content .menus ul
{
	float:right;
	height:30px;
	list-style:none;
	margin:0px;
	padding:0px;
}
.inner-content .menus ul li
{
	float:left;
	font-size:20px;
	margin-left:65px;
}
.inner-content .menus ul li a.active
{
	font-weight:bold;	
	color:#a41523;
}
.wrapper.services .menus ul li a.active
{
	color:#a41523;
}
.wrapper.company .menus ul li a.active
{
	color:#f48634;
}
.wrapper.work .menus ul li a.active
{
	color:#3cb64a;
}
.inner-content .content
{
	float:left;
	width:554px;
	height:524px;
	margin:22px 0px 0px 41px;
}
.inner-content .content .banner
{
	width:554px;
	min-height:246px;
}
/************************************************************/
/*company pages*/
.wrapper.company
{
	background-image:url(../images/company-bg.png);
	background-repeat:no-repeat;
}
.banner.ability
{
	background-image:url(../images/konxept_consulting_ability.png);
}
.inner-content .content .title
{
	line-height:30px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	clear:both;
	padding-top:36px;	
}
.logo
{
	float:left;
	width:130px;
	height:45px;
	margin:22px 0px 0px 0px;
}
.main-menus
{
	float:left;
	width:132px;
	height:143px;
	margin:-70px 0px 0px 622px;	
}
.main-menus a
{
	float:left;
	width:66px;
	height:72px;
}
/*company dependability*/
.banner.dependability
{
	background-image:url(../images/konxept_consulting_dependability.png);
}
/*company quality*/
.banner.quality
{
	background-image:url(../images/konxept_consulting_quality.png);
}

/************************************************************/
/*work pages*/
.wrapper.work
{
	background-image:url(../images/work-bg.png);
	background-repeat:no-repeat;
}
/*work clients*/
.banner.clients
{
	background-image:url(../images/work-clients.png);
	height:272px;
}
.case-studies
{
	clear:both;
	width:552px;
	background-image:url(../images/clients-case-studies.png);
	height:146px;
}
.case-studies a
{
	float:left;
	width:108px;
	height:85px;
	margin:32px 0px 0px 116px;
}
.case-studies a.id1
{
	margin:35px 0px 0px 0px;
	width:97px;
}
.case-studies a.ubc
{
	margin:28px 0px 0px 110px;
	width:113px;
	height:91px;
}
.client-list
{
	font-size:9px;
	line-height:11px;
	margin:-16px 0px 0px 0px;
	font-weight:bold;
}
.client-list div
{
	height:16px;
	font-size:11px;
	font-weight:bold;
}
.client-list ul
{
	float:left;
	list-style:none;
	padding:0px;
	margin:0px 0px 0px 50px;	
}
.case-content
{
	font-size:11px;
	line-height:13px;
}
.case-content .case-left
{
	float:left;	
	width:235px;
	padding-top:10px;
}
.case-content .case-left .items
{
	list-style:none;
	padding:0px;
	margin:0px;
	height:150px;
}
.case-content .case-left .items li
{
	background-image:url(../images/dot.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:27px;
}
.case-content .case-right
{
	float:left;	
	width:315px;
	padding-top:10px;
}
.case-content .head
{
	font-size:18px;
	font-weight:bold;
	height:30px;	
	line-height:30px;
}
/*work case id1*/
.banner.case-id1
{
	background-image:url(../images/konxept_consulting_iD1.png);
}
/*work case inspection-channel*/
.banner.case-inspection-channel
{
	background-image:url(../images/konxept_consulting_IC.png);
}
/*work case ubc*/
.banner.case-ubc
{
	background-image:url(../images/konxept_consulting_UBC.png);
}
.case-content.ubc
{
	font-size:11px;
	line-height:12px;
}
/*work portfolio*/
.portfolio-left
{
	float:left;
	width:240px;
	height:461px;
	margin-top:-12px;
}
.portfolio-left a.top, .portfolio-left a.bottom
{
	margin-top:0px;
}

.portfolio-right
{
	float:right;
	background-repeat:no-repeat;
	background-position:top right;
	width:300px;
	height:520px;
	font-size:14px;
	line-height:18px;
}
.portfolio-right.ubc
{
	background-image:url(../images/portfolio-ubc.png);
}
.portfolio-right .text
{
	margin:330px 0px 0px 70px;	
}
.portfolio-right .text img
{
	vertical-align:-2px;	
}
.portfolio-right.bayer
{
	background-image:url(../images/portfolio-bayer.png);
}
.portfolio-right.id1
{
	background-image:url(../images/portfolio-id1.png);
}
.portfolio-right.danone
{
	background-image:url(../images/portfolio-danone.png);
}
.portfolio-right.merck
{
	background-image:url(../images/portfolio-merck.png);
}
.portfolio-right.innocent
{
	background-image:url(../images/portfolio-innocent.png);
}
.portfolio-right.nhs
{
	background-image:url(../images/portfolio-nhs.png);
}
.portfolio-right.inspection-channel
{
	background-image:url(../images/portfolio-inspection-channel.png);
}
.portfolio-right.renu
{
	background-image:url(../images/portfolio-renu.png);
}
.portfolio-right.travelog
{
	background-image:url(../images/portfolio-travelog.png);
}

/************************************************************/
/*services pages*/
.wrapper.services
{
	background-image:url(../images/services-bg.png);
	background-repeat:no-repeat;
}
.services-content
{
	font-size:12px;
	line-height:16px;
	height:250px;
	display:table;
}
.services-right a
{
	color:#147ec1;
}
.services-content .services-left
{
	float:left;	
	width:230px;
	padding-top:10px;
}
.services-content .services-right
{
	float:left;	
	width:323px;
	padding-top:10px;
}
.services-content .services-left ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.services-content .services-left ul li
{
	background-image:url(../images/dot.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:27px;
}
.services-content .head
{
	font-size:18px;
	font-weight:bold;
	height:30px;	
	line-height:30px;
}
.services-right .head2
{
	font-size:20px;
	font-weight:bold;
	line-height:23px;
	padding:8px 0px 10px 0px;
}
/*over write css for top menu*/
.wrapper.services .menus ul li
{
	float:left;
	font-size:20px;
	margin-left:50px;
}
.wrapper.services .menus ul li.first
{
	margin-left:0px;	
}
.bottom-menus
{
	margin:7px 0px 0px 4px;
}
.bottom-menus a
{
	float:left;
	font-size:13px;
}
.bottom-menus a.active
{
	font-weight:bold;	
}
.bottom-menus a.f
{
	width:180px;
}
.bottom-menus a.l
{
	float:right;
}
/*services consulting*/
.banner.services-consulting
{
	background-image:url(../images/konxept_consulting_marketing_consulting_services.png);
	background-repeat:no-repeat;
}
.banner.services-marketing-strategy
{
	background-image:url(../images/konxept_consulting_marketing_strategy.png);
}
.banner.services-brand-policing
{
	background-image:url(../images/konxept_consulting_branding_strategy.png);
}
.banner.services-client-experience
{
	background-image:url(../images/konxept_consulting_client_experience.png);
}
.banner.services-creative
{
	background-image:url(../images/konxept_consulting_creative_services.png);
}
.banner.services-creative-design
{
	background-image:url(../images/konxept_consulting_creative_design.png);
}
.banner.services-creative-identity
{
	background-image:url(../images/konxept_consulting_corporate_identity.png);
}
.banner.services-creative-illustration
{
	background-image:url(../images/konxept_consulting_custom_illustration.png);
}
.banner.services-digitize
{
	background-image:url(../images/konxept_consulting_digital_strategy.png);
}
.banner.services-digitize-web
{
	background-image:url(../images/konxept_consulting_digital_web_design.png);
}
.banner.services-digitize-print
{
	background-image:url(../images/konxept_consulting_digital_print_design.png);
}
.banner.services-digitize-powerpoint
{
	background-image:url(../images/konxept_consulting_powerpoint_design.png);
}
.banner.services-write
{
	background-image:url(../images/konxept_consulting_writing_service.png);
	background-repeat:no-repeat;
}
/*interact pages*/
.wrapper.interact
{
	background-image:url(../images/interact-bg.png);
	background-repeat:no-repeat;
}
.interact-content
{
	font-size:24px;
	text-align:right;
	line-height:25px;
	padding-top:25px;	
}
.interact-title
{
	background-image:url(../images/bar.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding:0px 0px 7px 0px;
	margin:12px 0px 0px 3px;
	font-size:17px;
	font-weight:bold;
}
.interact-news
{
	float:left;
	width:270px;
}
.interact-article
{
	float:right;
	width:280px;
}
.interact-news div, .interact-article div
{
	padding:0px 10px;
	font-weight:bold;	
}
.interact-news div span, .interact-article div span
{
	vertical-align:2px;	
}
.assets-logos
{
	width:569px;
	height:391px;
	margin:20px 0px 0px -4px;
	background-image:url(../images/interact-assets-logos.png);
}
.assets-logos a
{
	float:left;
	width:133px;
	height:133px;
	margin-right:9px;
}
.assets-logos a.last
{
	margin-right:0px;	
}
.login-btn
{
	width:86px;
	height:25px;
	background-image:url(../images/btn-login.jpg);
	border:0px;
	cursor:pointer;
}
.btn-logout
{
	width:47px;
	height:17px;
	background-image:url(../images/btn-sign-out.jpg);
	border:0px;
	cursor:pointer;
}