/* ********************************************* */
/*  COLOUR HEX VALUES 				 */
/*  Color - #333333 				 */
/* ********************************************* */

/* ********************************************* */
/*  DIMENSIONS                                   */
/*  #main - 1004x596          		 	 */
/* ********************************************* */

/* ************************************************ MAIN SITE STRUCTURE ************************************************ */

* 
{
 margin: 0;
 padding: 0;
}

html, body {
 height: 100%;
 background-color: #EEEEEE;
}

body {
 position: relative; 	
 height: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 75%;
 text-align: center;
 color: #333333;
}

#homepage,
#contact,
#workstudies,
#workclients,
#whatwedo,
#whoweare,
#whoweallare,
#whoweare1,
#whoweare2,
#whoweare3,
#whoweare4,
#whoweare6,
#whoweare7,
#whoweare8,
#whoweare9,
#legalsbg,
#christmas {  
 position: absolute;
 top: 54%;
 left: 50%;
 width: 1004px;
 height: 596px;
 margin-top: -298px;
 margin-left: -502px; 
}

#homepage {background: url(assets/img/homepage_generic.jpg) no-repeat;}
#whatwedo {background: url(assets/img/whatwedo.jpg) no-repeat;}
#whoweare {background: url(assets/img/whoweare.jpg) no-repeat;}
#whoweallare {background: url(assets/img/whoweallare.jpg) no-repeat;}
#workstudies {background: url(assets/img/workstudies.jpg) no-repeat;}
#workclients {background: url(assets/img/workclients.jpg) no-repeat;}
#contact {background: url(assets/img/contact.jpg) no-repeat;}
#christmas {background: url(assets/img/christmas.jpg) no-repeat;}

#whoweare1 {
 background: url(assets/img/who1-back.jpg) no-repeat;	
}

#whoweare2 {
 background: url(assets/img/who2-back.jpg) no-repeat;	
}

#whoweare3 {
 background: url(assets/img/who3-back.jpg) no-repeat;	
}

#whoweare4 {
 background: url(assets/img/who4-back.jpg) no-repeat;	
}

#whoweare6 {
 background: url(assets/img/who6-back.jpg) no-repeat;	
}

#whoweare7 {
 background: url(assets/img/who7-back.jpg) no-repeat;	
}

#whoweare8 {
 background: url(assets/img/who8-back.jpg) no-repeat;	
}

#whoweare9 {
 background: url(assets/img/who9-back.jpg) no-repeat;	
}

#legalsbg {
 background: url(assets/img/legals.jpg) no-repeat;	
}

#left-col {
 position: relative;
 float: left;
 width: 434px;
 height: 596px;
}
#whoweallare #left-col {
	width: 470px;	
}
#right-col {
 float: left;
 width: 570px;
 height: 596px;
}
#whoweallare #right-col {
width: 534px;	
}

#whoweallare ul.peopleGrid li a span {
	display:none;
	height:33px;
	left:-1px;
	padding:15px 0 0;
	position:absolute;
	top:68px;
	width:165px;
	z-index:999;
	background:url(assets/img/tooltip.png) no-repeat;
	border: none;
}
#whoweallare ul.peopleGrid li a span p {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	width:165px;
}
#whoweallare ul.peopleGrid li a:hover span {
	display: block;	
}
#whoweallare ul.peopleGrid {
	list-style-type: none;
	width: 500px;
	margin: 15px 0 0 38px;
}
#whoweallare ul.peopleGrid li {
	float: left;
	margin: 0 15px 15px 0;	
	border: solid 1px #809198;
	width: 80px;
	height: 80px;
	position: relative;
}
#whoweallare ul.peopleGrid li a {
	cursor: default;	
	position: relative;
	clear: both;
	float: left;
	width: 80px;
	height: 80px;
	display:block;
	overflow:hidden;
}
#whoweallare ul.peopleGrid li a img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;	
}
#whoweallare ul.peopleGrid li a img.wohoo {
	z-index: 9;	
}



#nav-wrap {
 position: absolute;
 width: 400px;
 top: 322px;
 left: 34px;
 text-align: left;
}

.homebanner {
 float: left;
 width: 557px;
 height: 205px;
 margin-left: 13px;
 margin-top: 74px;
 overflow: hidden;
 text-indent: -9999px;
}

.banner {
 float: left;
 width: 557px;
 height: 200px;
 margin-left: 13px;
 margin-top: 74px;
 overflow: hidden;
}

.banner img#slide {
 float: left;
 margin-top: 5px;
}

.banner #thumbox img {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

.banner #thumbox {
 float: left;	
 width: 230px;
 height: 197px;
 margin-left: 24px;
}

.banner #thumbox #title {
 float: left;
 text-align: left;
 display: block;
 width: 250px;	
 margin-bottom: 10px;
 color: #fff;
}

/* ******************************************** COMPETITION (TEMPORARY) ********************************************* */

#competition-promo {
 position: absolute;
 top: 10px;
 left: 456px;
 width: 260px;
 height: 53px;
}

#competitionhome {
 position: absolute;
 top: 324px;
 left: 456px;
 width: 260px;
 height: 125px;
 filter: alpha(opacity=0);
 -moz-opacity: 0;
 opacity: 0;
}

#competition-clients {
 position: absolute;
 top: 324px;
 left: 456px;
 width: 260px;
 height: 125px;
}


/* ************************************************** MAIN CLASSES ************************************************** */

img, a img {
 border: 0;
}

h1 {
 float: left;
 display: block;
 text-indent: -9000px;
 overflow: hidden;
 margin-bottom: 10px;
}

p {
 float: left;
 margin-bottom: 10px;
}
	
/* **************************************************** MAIN NAV **************************************************** */

#nav {
 width: 400px;
}

#nav li {
	height: 53px;
	margin-bottom: 10px;
	list-style: none;
	position: relative;
}
#nav li#nav-work {
	width: 230px;	
}
#workstudies #nav li#nav-work,
#workclients #nav li#nav-work {
	width: auto;
}

#nav li a, #nav li a:visited {
 float: left;
 display: block;
 text-indent: -9000px;
 overflow: hidden;
 height: 53px;
 background-repeat: no-repeat;
}

#nav-home a {width: 188px; background-image: url(assets/img/nav/home_off.png);}
#nav-home a:hover {width: 188px; background-image: url(assets/img/nav/home_on.png);}
#nav-home.selected a {width: 188px; background-image: url(assets/img/nav/home_on.png);}

#nav-about a {width: 231px; background-image: url(assets/img/nav/about_off.png);}
#nav-about a:hover {width: 231px; background-image: url(assets/img/nav/about_on.png);}
#nav-about.selected a {width: 231px; background-image: url(assets/img/nav/about_on.png);}

#nav-work a {width: 199px; background-image: url(assets/img/nav/work_off.png);}
#nav-work a:hover {width: 199px; background-image: url(assets/img/nav/work_on.png);}
#nav-work.selected a {width: 199px; background-image: url(assets/img/nav/work_on.png);}

#nav-contact a {width: 312px; background-image: url(assets/img/nav/contact_off.png);}
#nav-contact a:hover {width: 312px; background-image: url(assets/img/nav/contact_on.png);}
#nav-contact.selected a {width: 312px; background-image: url(assets/img/nav/contact_on.png);}

/* ***** About Sub Nav ***** */

#nav-about #subnav-about {
	width: 190px;
	position: absolute;
	right: -25px;
	top: 10px;
}

#nav-about #subnav-about li {
 height: 24px;
 margin: 0;
}
#nav-about #subnav-about li a {
	display: block;
}
#nav-about #subnav-whatwedo a {width: 140px; height: 19px; background-image: url(assets/img/nav/whatwedo_off.png);}
#nav-about #subnav-whatwedo a:hover {width: 140px; height: 19px; background-image: url(assets/img/nav/whatwedo_on.png);}
#nav-about #subnav-whatwedo.selected a {width: 140px; height: 19px; background-image: url(assets/img/nav/whatwedo_on.png);}

#nav-about #subnav-whoweare a {width: 141px; height: 19px; background-image: url(assets/img/nav/whoweare_off.png);}
#nav-about #subnav-whoweare a:hover {width: 141px; height: 19px; background-image: url(assets/img/nav/whoweare_on.png);}
#nav-about #subnav-whoweare.selected a {width: 141px; height: 19px; background-image: url(assets/img/nav/whoweare_on.png);}

#nav-about #subnav-whoweallare a {width: 189px; height: 17px; background-image: url(assets/img/whoweallare_off.png);}
#nav-about #subnav-whoweallare a:hover {width: 189px; height: 17px; background-image: url(assets/img/whoweallare_on.png);}
#nav-about #subnav-whoweallare.selected a {width: 189px; height: 17px; background-image: url(assets/img/whoweallare_on.png);}

/* ***** Work Sub Nav ***** */

#nav-work #subnav-work {
 float: left;
 width: 160px;
 margin-top: 10px;
 margin-left: 4px;
}

#nav-work #subnav-work li {
 height: 24px;
 margin: 0;
}

#nav-work #subnav-clients a {width: 140px; height: 19px; background-image: url(assets/img/nav/clients_off.png);}
#nav-work #subnav-clients a:hover {width: 140px; height: 19px; background-image: url(assets/img/nav/clients_on.png);}
#nav-work #subnav-clients.selected a {width: 140px; height: 19px; background-image: url(assets/img/nav/clients_on.png);}

#nav-work #subnav-studies a {width: 158px; height: 19px; background-image: url(assets/img/nav/studies_off.png);}
#nav-work #subnav-studies a:hover {width: 158px; height: 19px; background-image: url(assets/img/nav/studies_on.png);}
#nav-work #subnav-studies.selected a {width: 158px; height: 19px; background-image: url(assets/img/nav/studies_on.png);}

#legals {
 float: left;
 font-size: 0.9em;
}

#legals a {
 color: #7F9197;
 text-decoration: none;
}

#legals a:hover {
 color: #7F9197;
 text-decoration: underline;
}

/* *************************************************** HOMEPAGE **************************************************** */

#homeannounce {
 position: absolute;
 top: 465px;
 left: 750px;
 width: 240px;
 height: 130px;
 text-align: left;
 font-size: 1.0em;
 background: none;
 filter: alpha(opacity=0);
 -moz-opacity: 0;
 opacity: 0;
}

#homeannounce a {
 text-decoration: none;
 color: #333333;
}

#homeannounce a:hover {
 text-decoration: underline;
 color: #333333;
}

h1.announce {
 float: left;
 width: 230px;
 height: 18px;
 background: url(assets/img/homepage_announce.gif) top left no-repeat;
 text-indent: -9999em;
 overflow: hidden;
}

#isplogo {
 position: absolute;
 bottom: -40px;
 left: 0;
 width: 55px;
 height: 30px;
 background: url(assets/img/isplogo.png) no-repeat;
 text-indent: -9999em;
 overflow: hidden;
}

#big-logo-wrap {
 float: left;
 margin-left: 36px;
 width: 72px;
 height: 72px;
}

#big-logo {
 display: block;
 width: 72px;
 height: 72px;
 background-image: url(assets/img/big_logo.gif);
 text-indent: -9999em;
 overflow: hidden;
}

/* *************************************************** WHAT WE DO **************************************************** */

#whatwedo-banner {
 background: url(assets/img/whatwedo_banner.jpg) no-repeat;
}

#whatwedo-menu-wrap {
 float: left;
 width: 285px;
 height: 260px;
 margin-top: 30px;
}

#whatwedo-menu {
 float: right;
 width: 212px;
}

#whatwedo-menu li {
 height: 18px;
 margin-bottom: 10px;
 list-style: none;
}

#whatwedo-menu li a, #whatwedo-menu li a:visited {
 float: right;
 display: block;
 text-indent: -9000px;
 overflow: hidden;
 height: 18px;
 background-repeat: no-repeat;
}

#whatwedo-sales a {width: 192px; background-image: url(assets/img/nav/about_sales_off.gif);}
#whatwedo-sales a:hover {width: 192px; background-image: url(assets/img/nav/about_sales_on.gif);}
#whatwedo-sales.selected a {width: 212px; background-image: url(assets/img/nav/about_sales_select.gif);}

#whatwedo-mgmt a {width: 136px; background-image: url(assets/img/nav/about_mgmt_off.gif);}
#whatwedo-mgmt a:hover {width: 136px; background-image: url(assets/img/nav/about_mgmt_on.gif);}
#whatwedo-mgmt.selected a {width: 150px; background-image: url(assets/img/nav/about_mgmt_select.gif);}

#whatwedo-interactive a {width: 125px; background-image: url(assets/img/nav/about_interactive_off.gif);}
#whatwedo-interactive a:hover {width: 125px; background-image: url(assets/img/nav/about_interactive_on.gif);}
#whatwedo-interactive.selected a {width: 141px; background-image: url(assets/img/nav/about_interactive_select.gif);}

#whatwedo-production a {width: 125px; background-image: url(assets/img/nav/about_production_off.gif);}
#whatwedo-production a:hover {width: 125px; background-image: url(assets/img/nav/about_production_on.gif);}
#whatwedo-production.selected a {width: 137px; background-image: url(assets/img/nav/about_production_select.gif);}

#whatwedo-creative a {width: 95px; background-image: url(assets/img/nav/about_creative_off.gif);}
#whatwedo-creative a:hover {width: 95px; background-image: url(assets/img/nav/about_creative_on.gif);}
#whatwedo-creative.selected a {width: 106px; background-image: url(assets/img/nav/about_creative_select.gif);}

#whatwedo-media a {width: 61px; background-image: url(assets/img/nav/about_media_off.gif);}
#whatwedo-media a:hover {width: 61px; background-image: url(assets/img/nav/about_media_on.gif);}
#whatwedo-media.selected a {width: 69px; background-image: url(assets/img/nav/about_media_select.gif);}

p#whatwedo-link a {
 color: #62727A;
 text-decoration: none;
}

p#whatwedo-link a:hover {
 color: #62727A;
 text-decoration: underline;
}

#whatwedo-menu-arrows {
 float: left;
 width: 20px;
 height: 168px;
 margin-top: 30px;
 margin-left: 20px;
 visibility: hidden; /* REMOVED */
}

.arrow-active {
 float: left;
 width: 20px;
 height: 28px;
}

.arrow-inactive {
 float: left;
 width: 20px;
 height: 28px;
 visibility: hidden;
}

#whatwedo-text {
 float: left;
 width: 230px;
 height: 264px;
 margin-top: 26px;
 text-align: left;
 font-size: 1.1em;
}

#wrapthumbs {
 float: right;
 width: 251px;
 height: 255px;
 margin-top: 20px;
}

#wrapthumbs a {
 display: block;
 float: left;
 width: 67px;
 height: 65px;
 margin-top: 8px;
 margin-left: 8px;
 border: 1px solid #7F9197;
}

#thumbtext {
 float: left;
 text-align: left;
 margin-top: 10px;
 margin-left: 10px;
 width: 231px;	
}

#thumbtext h1 {	
 margin-bottom: 5px;	
}

#thumbtext h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;	
 font-size: 1em;
 font-weight: bold;
 color: #666666;	
 margin-bottom: 5px;
}

#thumbtext p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #333333;
}

#thumbtext h1 {
 display: block;
 float: none;
 height: 21px;
 text-indent: -9999px;
 overflow: hidden;
 margin-top: 10px;
 margin-bottom: 10px;  
}


/* **********************  work casestudy   ********************** */

#studiesdiv {
 float: left;
 text-align: left;
}

h1#casestudy {
 width: 550px;
 display: block;
 float: left; 
 text-indent: 0px;
 margin-bottom: 5px;  	
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.8em; 
 font-weight: normal;
 margin-left: 10px;
 text-align: left;
}

#studiesdiv #txt-column-1 {
 float: left;
 clear: left;
 width: 550px;
 margin-left: 10px;
 text-align: left;
 color: #fff;  
}

#studiesdiv #txt-column-1 p {
 float: none;
 color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em; 	
}

#studiesdiv #txt-column-1 p a {
 color: #fff;
}

#studiesdiv #txt-column-1 p a:hover {
 color: #ececec;
}

#studiesdiv #wrapgreyback {
 float: left;
 width: 550px;
 margin-bottom: 7px;	
}

#studiesdiv #greyback {
 float: left;
 clear: left;
 background: #809298;
 color: #ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 1em; 	 
 padding: 2px;
 margin-left: 10px;
}

#studiesdiv #wrapgreyback a {
 float: right;	
 margin-left: 30px; 
 margin-top: 3px;
 color: #ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em; 	 
}

/* ***********************                  ********************* */

#thumbtext p a {
 float: none;
}

#thumbtext h1#h1who1 {
 width: 86px;
 background: url(assets/img/nick.gif) no-repeat;		
}

#thumbtext h1#h1who2 {
 width: 105px;
 background: url(assets/img/justin.gif) no-repeat;		
}

#thumbtext h1#h1who3 {
	width: 119px;
	background: url(assets/img/amy.gif) no-repeat;
}

#thumbtext h1#h1who4 {
 width: 92px;
 background: url(assets/img/ed.gif) no-repeat;		
}

#thumbtext h1#h1who5 {
 width: 105px;
 background: url(assets/img/tonytemple.gif) no-repeat;		
}

#thumbtext h1#h1who6 {
 width: 168px;
 background: url(assets/img/jol.gif) no-repeat;		
}

#thumbtext h1#h1who7 {
 width: 133px;
 background: url(assets/img/stephen.gif) no-repeat;		
}

#thumbtext h1#h1who8 {
background:#000000;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
line-height:21px;
padding:0 10px;
text-indent:0;
width:125px;	
}

#thumbtext h1#h1who9 {
 width: 38px;
 background: url(assets/img/max.gif) no-repeat;		
}

#wrapthumbs a#th1 {
 background: url(assets/img/profile01_off.jpg) no-repeat;	
}

#wrapthumbs a#th1:hover,
#wrapthumbs a#th1.selected {
 background: url(assets/img/profile01_on.jpg) no-repeat;	
}

#wrapthumbs a#th2 {
 background: url(assets/img/profile02_off.jpg) no-repeat;		
}

#wrapthumbs a#th2:hover,
#wrapthumbs a#th2.selected {
 background: url(assets/img/profile02_on.jpg) no-repeat;		
}

#wrapthumbs a#th3 {
 background: url(assets/img/profile03_off.jpg) no-repeat 0 1px;		
}

#wrapthumbs a#th3:hover,
#wrapthumbs a#th3.selected {
 background: url(assets/img/profile03_on.jpg) no-repeat 0 1px;		
}

#wrapthumbs a#th4 {
 background: url(assets/img/profile04_off.jpg) no-repeat;		
}

#wrapthumbs a#th4:hover,
#wrapthumbs a#th4.selected {
 background: url(assets/img/profile04_on.jpg) no-repeat;		
}

#wrapthumbs a#th5 {
 background: url(assets/img/profile05_off.jpg) no-repeat;		
}

#wrapthumbs a#th5:hover,
#wrapthumbs a#th5.selected {
 background: url(assets/img/profile05_on.jpg) no-repeat;		
}

#wrapthumbs a#th6 {
 background: url(assets/img/profile06_off.jpg) no-repeat;		
}

#wrapthumbs a#th6:hover,
#wrapthumbs a#th6.selected {
 background: url(assets/img/profile06_on.jpg) no-repeat;		
}

#wrapthumbs a#th7 {
 background: url(assets/img/profile07_off.jpg) no-repeat;		
}

#wrapthumbs a#th7:hover,
#wrapthumbs a#th7.selected {
 background: url(assets/img/profile07_on.jpg) no-repeat;		
}

#wrapthumbs a#th8 {
 background: url(assets/img/profile08_off.jpg) no-repeat;		
}

#wrapthumbs a#th8:hover,
#wrapthumbs a#th8.selected {
 background: url(assets/img/profile08_on.jpg) no-repeat;		
}

#wrapthumbs a#th9 {
 background: url(assets/img/profile09_off.jpg) no-repeat 2px 0;		
}

#wrapthumbs a#th9:hover,
#wrapthumbs a#th9.selected {
 background: url(assets/img/profile09_on.jpg) no-repeat 2px 0;		
}

/* ************************************************** FLASH LAYERS ****************************************************** */

#homeflash {
 position: absolute;
 top: 303px;
 left: 740px;
 width: 264px;
 height: 160px;
 background: none;
}

#homeflashvideo {
 position: absolute;
 top: 87px;
 left: 448px;
 width: 556px;
 height: 202px;
 background: none;
}

#workflash {
 position: absolute;
 top: 303px;
 left: 740px;
 width: 264px;
 height: 295px;
}

#scrollflash {
 float: left;
 width: 558px;
 height: 227px;
 margin-left: 7px;
 margin-top: 34px;
 margin-bottom: 40px;
}

#workstudies #scrollflash,
#workclients #scrollflash {
	margin-top: 74px;
	margin-bottom: 0;	
	
}


#mapflash {
 position: absolute;
 top: 73px;
 left: 740px;	
 float: left;
 width: 264px;
 height: 224px;
}

/* *************************************************** LEGALS ****************************************************** */

#legals-wrap {
 float: left;
 width: 545px;
 height: 560px;
 margin-left: 13px;
 margin-top: 3px;
}

p.legals-header {
 float: left;
 width: 540px;
 color: #CCCCCC;
 font-size: 0.8em;
 font-weight: bold;
 text-align: left;
}

p.legals-text {
 float: left;
 width: 540px;
 color: #FFFFFF;
 font-size: 0.8em;
 text-align: left;
}

div.legals-bullet {
 float: left;
 width: 45px;
 color: #FFFFFF;
 font-size: 1.0em;
 line-height: 1.5em;
 text-align: right; 
}

div.legals-list {
 float: left;
 width: 420px;
 margin-left: 10px;
 margin-right: 60px;
 color: #FFFFFF;
 font-size: 0.8em;
 text-align: left;
}

/* ************************************************** CONTACT ****************************************************** */

#contactemail {
 position: absolute;
 top: 280px;
 left: 458px;
 float: left;
 width: 240px;
 height: 20px;
}

#bigemail {
 display: block;
 height: 20px;
 width: 240px;
 background-image: url(assets/img/contact_email.jpg);
 text-indent: -9999em;
 overflow: hidden;
}

#contactdiv {
 position: absolute;
 top: 308px;
 left: 820px;	
 width: 300px;	
}

#contactdiv p {
 float: left;
 clear: left;
 text-align: left;
 font-size: 0.9em;
 color: #333333;
 line-height: 11px;
}

#contactdiv p.blackout {
 float: left;
 display: inline;
 text-align: left;
 color: #fff; 
 font-weight: bold;
 font-family: Verdana, Arial;
 background: #000000;
 padding: 3px;
}

/* *************************************************** MOZILLA FIX ************************************************** */

:link:focus, :visited:focus {
-moz-outline: none;
} 

/* ************************************************** IE7 HACKS ****************************************************** */

*:first-child+html #nav li {
 margin-bottom: 5px;	
}

*:first-child+html #nav-about.selected #subnav-about li,
*:first-child+html #nav-work.selected #subnav-work li {
 margin-bottom: -5px;	
}

*:first-child+html #whatwedo-menu li {
 margin-bottom: 5px;
}

*:first-child+html div.input-wrap,
*:first-child+html div.input-wrap-answer {
 margin-bottom: 1px;
}

*:first-child+html div.input-wrap-box2 {
 margin-top: 50px;
}

/* ************************************************** IE6 HACKS ****************************************************** */

* html #nav-wrap {
 margin-left: 17px;
}

* html #big-logo-wrap {
 margin-left: 18px;
}

* html #nav li,
* html #whatwedo-menu li {
 margin-bottom: 5px;	
}

* html #nav-about.selected #subnav-about li,
* html #nav-work.selected #subnav-work li {
 margin-bottom: -5px;	
}

* html .banner,
* html #legals-wrap,
* html #competition-wrap {
 margin-left: 6px;
}

* html .banner #thumbox {
 margin-left: 12px;
}

#scrollflash {
 margin-left: 3px;
}

* html h1#casestudy,
* html #studiesdiv #txt-column-1,
* html #studiesdiv #greyback,
* html p.legals-list {
 margin-left: 5px;
}

* html #legals-list {
 margin-right: 30px;
}

* html div.input-wrap,
* html div.input-wrap-answer {
 margin-bottom: 1px;
}

* html div.input-wrap-box2 {
 margin-top: 50px;
}

* html div.input-wrap-submit {
 margin-left: 57px;
}

* html #isplogo {
 background: url(assets/img/isplogo.gif) no-repeat;
}

* html #nav-home a {width: 188px; height: 53px; background-image: url(assets/img/nav/home_off.gif);}
* html #nav-home a:hover {width: 188px; height: 53px; background-image: url(assets/img/nav/home_on.gif);}
* html #nav-home.selected a {width: 188px; height: 53px; background-image: url(assets/img/nav/home_on.gif);}

* html #nav-about a {width: 231px; background-image: url(assets/img/nav/about_off.gif);}
* html #nav-about a:hover {width: 231px; background-image: url(assets/img/nav/about_on.gif);}
* html #nav-about.selected a {width: 231px; background-image: url(assets/img/nav/about_on.gif);}

* html #nav-work a {width: 199px; background-image: url(assets/img/nav/work_off.gif);}
* html #nav-work a:hover {width: 199px; background-image: url(assets/img/nav/work_on.gif);}
* html #nav-work.selected a {width: 199px; background-image: url(assets/img/nav/work_on.gif);}

* html #nav-contact a {width: 312px; background-image: url(assets/img/nav/contact_off.gif);}
* html #nav-contact a:hover {width: 312px; background-image: url(assets/img/nav/contact_on.gif);}
* html #nav-contact.selected a {width: 312px; background-image: url(assets/img/nav/contact_on.gif);}

* html #nav-about #subnav-whatwedo a {width: 140px; height: 19px; background-image: url(assets/img/nav/whatwedo_off.gif);}
* html #nav-about #subnav-whatwedo a:hover {width: 140px; height: 19px; background-image: url(assets/img/nav/whatwedo_on.gif);}
* html #nav-about #subnav-whatwedo.selected a {width: 140px; height: 19px; background-image: url(assets/img/nav/whatwedo_on.gif);}

* html #nav-about #subnav-whoweare a {width: 141px; height: 19px; background-image: url(assets/img/nav/whoweare_off.gif);}
* html #nav-about #subnav-whoweare a:hover {width: 141px; height: 19px; background-image: url(assets/img/nav/whoweare_on.gif);}
* html #nav-about #subnav-whoweare.selected a {width: 141px; height: 19px; background-image: url(assets/img/nav/whoweare_on.gif);}

* html #nav-about #subnav-whoweallare a {width: 189px; height: 19px; background-image: url(assets/img/whoweallare_off.gif);}
* html #nav-about #subnav-whoweallare a:hover {width: 189px; height: 19px; background-image: url(assets/img/whoweallare_on.gif);}
* html #nav-about #subnav-whoweallare.selected a {width: 189px; height: 19px; background-image: url(assets/img/whoweallare_on.gif);}

* html #nav-work #subnav-clients a {background-image: url(assets/img/nav/clients_off.gif);}
* html #nav-work #subnav-clients a:hover {background-image: url(assets/img/nav/clients_on.gif);}
* html #nav-work #subnav-clients.selected a {background-image: url(assets/img/nav/clients_on.gif);}

* html #nav-work #subnav-studies a {background-image: url(assets/img/nav/studies_off.gif);}
* html #nav-work #subnav-studies a:hover {background-image: url(assets/img/nav/studies_on.gif);}
* html #nav-work #subnav-studies.selected a {background-image: url(assets/img/nav/studies_on.gif);}

* html #whatwedo-sales.selected a:hover {width: 212px; background-image: url(assets/img/nav/about_sales_select.gif);}
* html #whatwedo-mgmt.selected a:hover {width: 150px; background-image: url(assets/img/nav/about_mgmt_select.gif);}
* html #whatwedo-interactive.selected a:hover {width: 141px; background-image: url(assets/img/nav/about_interactive_select.gif);}
* html #whatwedo-production.selected a:hover {width: 137px; background-image: url(assets/img/nav/about_production_select.gif);}
* html #whatwedo-creative.selected a:hover {width: 106px; background-image: url(assets/img/nav/about_creative_select.gif);}
* html #whatwedo-media.selected a:hover {width: 69px; background-image: url(assets/img/nav/about_media_select.gif);}

* html #wrapthumbs {
 width: 261px;
}



/*============================= Quick FIX #promlogos 27.11.2009 ==================================*/
#promlogos {
	position:absolute;
	bottom:71px;
	right:386px;
}
#promlogos a {
	position:absolute;
	left:-118px;
	top:-10px;
}
#promlogos div {
	position:absolute;
	top:-30px;
	left:-17px;
}
#promlogos div img {
	display:block;
	margin-top:25px !important;
}
#whoweallare #nav-wrap {
	width: 420px;	
}