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

/* BLOCKS */

#container{position:relative; margin-left:auto; margin-right:auto; margin-top:0px; top:0px; padding-top:5px; width:992px; height:697px; z-index:0}

#coverSlideOn{position:absolute; top:0px; left:0px; width:992px; height:697px; z-index:10; background-color:#ffffff;}
#coverSlideOff{position:absolute; top:0px; left:0px; width:992px; height:697px; z-index:50; display:none; background-color:#FFFFFF;}

#outerContent{position:absolute; top:0px; left:0px; width:992px; height:697px; z-index:1;}
#loader{position:absolute; top:248px; left:396px; width:100px; height:100px; z-index:10;}
#backTo{position:absolute; top:70px; left:520px; width:400px; height:30px; z-index:60; border: 0px solid #000000; text-align:right;}
#backTo2{position:absolute; top:40px; left:520px; width:400px; height:30px; z-index:60; border: 0px solid #000000; text-align:right;}

#innerContent{position:absolute; top:111px; left:60px; width:863px; height:473px; z-index:2; border: 0px solid #ff0000;}
#innerContent2{position:absolute; top:80px; left:60px; width:863px; height:473px; z-index:2; border: 0px solid #00ff00;}
#textContentHeader{position:absolute; top:0px; left:0px; width:400px; height:30px; z-index:3; border: 0px solid #000000}
#cilogo{position:absolute; top:0px; left:10px; width:500px; height:90px; z-index:50; padding-left:65px; padding-top:9px; background-color:#FFFFFF; border: 0px solid #000000}
#topCover{position:absolute; top:0px; left:0px; width:927px; height:90px; z-index:0; padding-left:65px; padding-top:15px; background-color:#FFFFFF; border: 0px solid #000000}
#footerMenu{position:absolute; top:590px; left:60px; width:853px; height:30px; z-index:50; text-align:right; border: 0px solid #000000}
/* copy of footerMenu, moved to left and a bit widr, to allow for longer content in e-book standalone pages*/
#footerMenu2{position:absolute; top:590px; left:40px; width:873px; height:30px; z-index:50; text-align:right; border: 0px solid #000000}
#footerMenu3{position:absolute; top:560px; left:60px; width:853px; height:30px; z-index:50; text-align:right; border: 0px solid #000000}

#award{position:absolute; top:590px; left:585px; width:314px; height:104px; z-index:30; border: 0px solid #000000}

/* HOME PAGE MOUSEOVERS */
/*
#clients{position:absolute; top:107px; left:691px; width:118px; height:410px; z-index:30; border: 0px solid #000000; display:none}
#touch{position:absolute; top:448px; left:4px; width:219px; height:172px; z-index:30; border: 0px solid #000000; display:none}
#news{position:absolute; top:377px; left:382px; width:59px; height:21px; z-index:30; border: 0px solid #000000; display:none}
#monaco{position:absolute; top:86px; left:729px; width:257px; height:492px; z-index:30; border: 0px solid #000000; display:none}
#ideas{position:absolute; top:106px; left:103px; width:554px; height:99px; z-index:30; border: 0px solid #000000; display:none}
#work{position:absolute; top:465px; left:174px; width:167px; height:105px; z-index:30; border: 0px solid #000000; display:none}
#prepay{position:absolute; top:548px; left:280px; width:69px; height:34px; z-index:30; border: 0px solid #000000; display:none}
#what{position:absolute; top:206px; left:548px; width:130px; height:94px; z-index:30; border: 0px solid #000000; display:none}
#won{position:absolute; top:180px; left:102px; width:58px; height:100px; z-index:30; border: 0px solid #000000; display:none}
#where{position:absolute; top:211px; left:206px; width:552px; height:210px; z-index:30; border: 0px solid #000000; display:none}
#who{position:absolute; top:366px; left:447px; width:81px; height:47px; z-index:30; border: 0px solid #000000; display:none}
*/


/* OUR WORK */
#textContentWork{position:absolute; top:84px; left:30px; width:400px; height:300px; z-index:2; border: 0px solid #000000; visibility: hidden;}
#logoStripeWork{position:absolute; top:300px; left:-17px; width:897px; height:106px; z-index:4; border: 0px solid #000000; visibility: hidden; background-image:url(images/sliderctre.png); padding-top:0px;}
#logoStripeBGWork{position:absolute; top:291px; left:-17px; width:897px; height:124px; z-index:3; border: 0px solid #000000; visibility: hidden; background-color:#FFFFFF;}
#textContentWorkCS{position:absolute; top:82px; left:490px; width:330px; height:380px; z-index:2; border: 0px solid #000000; visibility: hidden;}
#imageContentWorkCS{position:absolute; top:84px; left:30px; width:430px; height:380px; z-index:2; border: 0px solid #000000; visibility: hidden;}
#csLogoA{position:absolute; top:104px; left:737px; width:186px; height:81px; z-index:2; border: 0px solid #000000;}
#backNext{position:absolute; top:434px; left:30px; width:825px; height:20px; z-index:2; border: 0px solid #000000;}

#portSlideBox.SlidingPanelsContent {
	float: left;
	width:840px;
}
#portSlideBox.SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}


/* IDEAS */
#imageContentIdeasCS{position:absolute; top:69px; left:-60px; width:605px; height:397px; z-index:2; border: 0px solid #000000; visibility: hidden;}
#textContentIdeasCS{position:absolute; top:76px; left:546px; width:280px; height:380px; z-index:20; border: 0px solid #000000; visibility: hidden;}
#thumbDiv{position:absolute; top:134px; left:0px; width:280px; height:209px; z-index:20; border: 0px solid #000000;}


/* GET IN TOUCH*/

#textContentTouch{position:absolute; top:84px; left:30px; width:600px; height:400px; z-index:2; border: 0px solid #000000; visibility: hidden;}
/*#textContentWorkCS{position:absolute; top:72px; left:490px; width:330px; height:380px; z-index:2; border: 0px solid #000000; visibility: hidden;}
#imageContentWorkCS{position:absolute; top:84px; left:30px; width:430px; height:380px; z-index:2; border: 0px solid #000000; visibility: hidden;}
*/

/* WON*/
#textContentWon{position:absolute; top:84px; left:30px; width:440px; height:400px; z-index:2; border: 0px solid #000000; visibility: hidden;}
#eventia{position:absolute; top:200px; left:30px; width:600px; height:96px; z-index:4; border: 0px solid #000000; visibility: hidden;}
#AwardList{position:absolute; top:300px; left:30px; width:720px; height:224px; z-index:30; border: 0px solid #000000; visibility: hidden;}

/* WHO */

#textContentWho{position:absolute; top:84px; left:30px; width:370px; height:400px; z-index:2; border: 0px solid #000000; visibility: hidden;}

/* WHAT */
#textContentWhat{position:absolute; top:105px; left:245px; width:400px; height:340px; z-index:2; border: 0px solid #ff0000; visibility: hidden;}
#clickHint{position:relative; top:540px; left:70px; z-index:200; color:#bbbbbb;}
/* IDEAS */
#lightBulb{position:absolute; top:0px; left:600px; width:436px; height:261px; z-index:20; border: 0px solid #ff0000; visibility:hidden; }
#textContentIdeas{position:absolute; top:84px; left:30px; width:435px; height:300px; z-index:2; border: 0px solid #000000; visibility: hidden;}

/* PRESS */
#textContentWhere{position:absolute; top:84px; left:30px; width:390px; height:300px; z-index:2; border: 0px solid #000000; visibility: hidden;}
#newsDetails{position:absolute; top:84px; left:460px; width:370px; height:310px; z-index:2; border:0px solid #000000; overflow:auto; padding-right:20px; visibility:hidden;}
#newsMenu{position:absolute; top:84px; left:460px; width:370px; height:310px; z-index:2; border:0px solid #000000; overflow:auto; padding-right:20px; visibility:hidden;}
#pressBack{position:absolute; top:436px; left:646px; width:189px; height:21px; z-index:2; visibility:hidden; }

/* CLIENT AREA */

#textContentClientArea{position:absolute; top:84px; left:30px; width:600px; height:400px; z-index:2; border: 0px solid #000000;}
#clientLogo{position:absolute; top:35px; left:520px; width:400px; height:30px; z-index:60; border: 0px solid #000000; text-align:right;}


/* SLIDING PANELS DIVS */

#portSlideBox .SlidingPanelsContent {
	float: left;
	width:430px;
}
#portSlideBox .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}

/*
			Horizontal Accordion
		*/
		
		#whatAccordion{position:absolute; top:130px; left:280px; width:430px; height:240px; z-index:20; border: 0px solid #ff0000; color:#FFFFFF;}
		
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 337px;
			width: 73px;
			padding: 0px;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 0px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
			visibility:hidden;
		}
		
		.horizontal_accordion_toggle_active {
			
			border-right: 0px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 337px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			padding: 0px;
			overflow: hidden;
			background-color: #ffffff;
			visibility:hidden;
			
		}
			
			.horizontal_accordion_content p {
				width: 598px;
				/*line-height: 150%;*/
				padding: 0px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
	position:absolute;
      margin: 0px ;
      width: 820px;   
      height: 337px;
	  top:95px;
	  left:10px;
	  border: 0px solid #ff0000;
	  z-index:20;
	   
    }

H3{padding:0px; margin:0px;}


/* STYLES */

/*html body { border:1px solid #fff; }*/

body{
margin-top:2px;
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background-color:#ffffff;
line-height:140%;
}


TD{
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
line-height:140%;
}

.clearfloat{
font-size: 1px;
line-height: 0px; 
height: 0px;
clear:both; 
margin: 0px;
}

img{
border:0px
}

A{
color:#872890;
text-decoration:none;
font-weight:bold;
}
A:visited{
color:#872890;
}

A:HOVER{
color:#000000;
}


.touch A{
color:#872890;
text-decoration:none;
}
.touch A:visited{
color:#872890;
}

.touch A:HOVER{
color:#000000;
}
.what A{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
.what A:visited{
color:#ffffff;
font-weight:bold;
}

.what A:HOVER{
color:#000000;
font-weight:bold;
}


.recptionText
{
color:#999999;
font-size:14pt;
}
.recptionText A
{
color:#872890;
}
.recptionText A:visited{
color:#872890;
}

.recptionText A:HOVER{
color:#000000;
}

.menu A
{
color:#999999;
font-weight:normal;
}
.menu A:visited{
color:#999999;
}

.menu A:HOVER{
color:#000000;
}


.pageTitle{
color:#999999;
font-size:18pt;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
line-height:140%;
}
.pageSubTitle{
color:#999999;
font-size:14pt;
font-weight:normal;
line-height:100%;
font-family: Arial, Helvetica, sans-serif;
}

.pageSubTitle A
{
color:#cccccc;
}
.pageSubTitle A:visited{
color:#cccccc;
}

.pageSubTitle A:HOVER{
color:#000000;
}

.pageSubTitle A{
color:#cccccc;
}


.portTitle{
color:#999999;
font-size:10pt;
line-height:160%;
font-family: Arial, Helvetica, sans-serif;
}
.sectionHead{
color:#999999;
font-size:11pt;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}
.emphasis{

font-size:9pt;
font-family: Arial, Helvetica, sans-serif;
}