body{width:220px;font:76% Arial,Helvetica,sans-serif;margin:0 0 0 5px;padding:0;color:#676767;background-color:#FFFFFF;}

img{border:0px !important;max-width:100% !important;}
.padding{padding:0 !important;}
div{float:none !important;width:220px !important;}


/* ANCHORS -------------------------------------------------------------------------*/
a{text-decoration:underline;color:#f00;}


/* HEADERS -------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:Georgia,Arial,Helvetica,sans-serif;color:#393737;}
h1{font-size:x-large;padding:0 0 5px 0;font-weight:normal;color:#FF0000;}
h2{font-size:large;color:#FF0000;font-family:Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 5px 0;}
h3{font-size:medium;}
h4{font-size:medium;}
h5,h6{font-size:medium;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.3em;}

a img{border:0px;}
img{border:0px;}
.padding {padding:5px;}


/* LISTS -------------------------------------------------------------------------*/
ul,ol,dl{margin:0;padding:0 0 1em 0;line-height:1.3em;}
ul ul,ol ol,ol ul,ul ol{padding:0;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;}


/* FONT > styles -------------------------------------------------------------------------*/
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}

abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}


/*--HIGHLIGHT-------------------------------------------------------------------------*/
.highlight{color:#F00;}


/*--SHORTCUTS-------------------------------------------------------------------------*/
#shortcuts{position:static;}
#shortcuts ul{margin:0;padding:0;}
#shortcuts li{display:inline;}
#shortcuts li a{position:static;left:0;top:0;font-size:0.88em;display:block;padding:0;text-align:left;}


/*--LAYOUT-------------------------------------------------------------------------*/
.page{margin:0;padding:0;background-color:#FFF;text-align:left;}
#header{color:#FFF;background-color:#393737;margin:5px 0 5px 0;}
	#logo{background:transparent;background-color:#FFF;margin:0;}
	#logo img{display:block;margin:0 0 5px 0;}
	#logo div.link{display:block;background-color:#FFF;}
	#logo div.link a{height:auto;}
		
#subnav{margin:16px 16px 0 0;}
		#additional{margin:0 0 5px 0;}
		
#case-study .main-image{ position:static;overflow:hidden;height:auto;padding: 0;display:none;}		
		
#work-image{background:transparent;margin:5px 0 0 0;height:auto !important;}
#whats-new-image{background:transparent;margin:5px 0 0 0;height:auto !important;}
#contact-image{background:transparent;margin:5px 0 0 0;height:auto !important;}
#who-image{background:transparent;margin:15px 0 0 0;height:auto !important;}
#our-work-image{background:transparent;margin:5px 0 0 0;height:auto !important;}
#what-image{background:transparent;margin:5px 0 0 0;height:auto !important;}

	.main-image blockquote p{font-size:1.4em;}
	.main-image blockquote p strong{font-weight:bold;}
	.main-image blockquote{padding:0 0 10px 0 !important;}
	
.section{padding:0;}


/*--NAVIGATION-------------------------------------------------------------------------*/
	#navigation{margin:0;padding:5px 0 0 0;}
		#navigation ul{list-style-type:none;margin:0 0 0 28px;padding:0;}
		#navigation ul li{display:block;margin:0;padding:0;}
		#navigation ul li a{display:block;float:none;width:auto;text-decoration:none;margin:0;padding:2px 5px 5px 0px;color:#FFF;}
		#navigation ul li a.last{margin:0;}
		#navigation ul li span{position:static;left:0px;top:0px;}
			
		#navigation li a.nav-what, #navigation li a.nav-what-sel, #navigation li a.nav-work, #navigation li a.nav-work-sel, #navigation li a.nav-who, #navigation li a.nav-who-sel, #navigation li a.nav-new, #navigation li a.nav-new-sel, #navigation li a.nav-careers, #navigation li a.nav-careers-sel, #navigation li a.nav-contact, #navigation li a.nav-contact-sel{width:auto;height:auto;background:transparent;}	
		
	
/*--SUB-NAVIGATION-------------------------------------------------------------------------*/
#subnav{clear:both;background:transparent;padding:1px 0 0 0;margin:0 0 20px 0;}
	#subnav ul{margin:0;padding:0;list-style-type:none;line-height:normal;background:url(../images/dots.gif) bottom left repeat-x;}
		#subnav li{margin:0;padding:0;display:inline;}
		#subnav a{display:block;background:#FFF url(../images/dots.gif) bottom left repeat-x;text-decoration:none;font-size:1.1em;padding:2px 5px 2px 5px;color:#676767;}
			
			#subnav a strong{font-weight:normal;}
			#subnav a.selected{color:#000;background-color:#FFF;padding:1px 0 2px 0;}
			#subnav a.selected strong{display:block;background-color:#EEE;padding:2px 5px 2px 5px;}
			#subnav a.last{background:transparent;}
	#subnav ul ul{padding:0 0 0 10px;margin:0;}
	#subnav ul ul a{font-size:0.9em;padding:2px 5px 2px 5px;}		
	#subnav .item{clear:both;background:url(../images/dots.gif) bottom left repeat-x;margin:2px 0 10px 0;}
		#subnav .item img{display:block;text-align:left;width:37px;margin:0 10px 0 0;}
		#subnav .item h3{display:inline;font-size:0.88em;font-family:Arial,Helvetica,Sans-serif;padding:0;margin:0;}
		#subnav .item h3 a{color:#F00;text-decoration:underline;padding:0;background:transparent;}
		#subnav .item p{clear:both;padding:5px 0 5px 0;}	
		
			
/*--HOMEPAGE-------------------------------------------------------------------------*/	
#homepage #container{margin:0;padding:0;}	
#homepage #subnav{position:relative;left:0;top:0;margin:0;}
#homepage #content-container{margin:0;width:220px !important;}
#homepage #content{margin:0;width:220px !important;}
#homepage #content .padding{padding:0 !important;margin:0 !important;}
#homepage #content p{font-size:1.4em;line-height:1.2em;font-family:Georgia,Arial,Helvetica,sans-serif;color:#373535;letter-spacing:0px;word-spacing:2px;}
#homeflash{display:none;}

.home-promo{float:none;margin:0 !important;padding:0;}
.quote-holder{margin:0;}
			

/*--CASE STUDIES-------------------------------------------------------------------------*/
.cs-image{display:none;}
#cs-intro h1{width:100%;}
.quote{width:220px;}
.screenshot{text-align:left;}
.quote{margin:0 0 10px 0;background:transparent;background-color:#B7E0FF;}
.quote blockquote{display:block;color:#000;font-family:Georgia;font-size:1.4em;line-height:1.2em;margin:0;padding:10px 10px 5px 10px;letter-spacing:0px;word-spacing:2px;}
.quote cite{display:block;color:#000;font-style:normal;padding:0 0 10px 10px;}

	
/*--RIGHT HAND BUTTONS-------------------------------------------------------------------------*/
	#additional ul{margin:10px 0 0 0;padding: 0;list-style-type: none;line-height:normal;background:url(../images/dots.gif) bottom left repeat-x;}
	#additional li{margin:0;padding:0;display:inline;}
	#additional a{display:block;height:1%;padding:8px 5px 8px 20px;margin:0;background:url(../images/additional-bullet.gif) top left no-repeat;line-height:inherit;font-size:0.9em;text-decoration:none;font-family:Georgia,Arial,Helvetica,sans-serif;font-weight:bold;color:#393737;}
	#additional a span{text-decoration:none;font-size:0.88em;}

	
/*--BOXES-------------------------------------------------------------------------*/
.box{margin:2px 0 8px 0;}
.box .image{display:none;}
	.box h2{display:block;border:1px solid #D8D8D8;margin:0 0 1px 0;padding:2px 8px 2px 10px;color:#393737;font-family:Georgia,Arial,Helvetica,sans-serif;}
	.box h2 a{color:#393737;}
	.box .text{border:1px solid #D8D8D8;margin:0;}
	.box .text p{padding:8px 0 8px 10px;}
	.box .text ul{list-style-type:none;margin:0;padding:0 0 8px 0;}
	.box .text ul li{margin:0;padding:0 10px 0 10px;text-align:right;}
	
	#team .box{position:static;}
	#team .box h2{border:0px;padding:0;}
	#team .box .text{border:0px;margin:0;position:static;left:0px;bottom:0px;width:auto;background-color:#FFF;}
	#team .box .text ul li{text-align:left;font-size:0.88em;padding:0;}
	
	
/*--CLIENTS-------------------------------------------------------------------------*/
#clients .box{margin:2px 0 8px 0;}

#clients .box{border:1px solid #D8D8D8;background-color:#FFF;}
	#clients .box .image{display:block !important;margin:0;text-align:center;}
	#clients .box .image img{display:block;text-align:center;}
#clients .box-alt{border:1px solid #D8D8D8;}
	#clients .box-alt .image{margin:0;background-color:#FBFBFB;}
	#clients .box-alt .image img{display:inline;}
	
	
/*--STAFF IMAGES-------------------------------------------------------------------------*/
	.staff-image{padding:0;text-align:right;background:transparent;margin:0 0 10px 0;}
		.staff-image .text{text-align:left;}
			.staff-image .text blockquote{font-family:Georgia,Arial,Helvetica,sans-serif;font-size:1.65em;color:#474545;padding:5px 5px 0 5px;}
			.staff-image .text cite{display:block;font-style:normal;padding:5px 0 0 5px;}
		.staff-image .image{display:none;}
		
		
/*--FOOTER-------------------------------------------------------------------------*/
#footer{padding:2px 0px 10px 0px;clear:both;color:#000;background-color:#F4F4F4;border-top:1px solid #D8D8D8;margin:0;}
	#footer ul{ list-style-type:none;padding:0;margin:0 0 0 5px;float:none;width:100%;}
	#footer li{margin:0;padding:0;display:inline;}
	#footer a{display: block;float:none;color:#808080;text-decoration:underline;padding:0px 8px 1px 0px;margin:0 5px 0 0;white-space:nowrap;}
	#footer a:Hover{}
	#footer p{color:#808080;text-align:left;float:none;width:100%;margin:0 0 0 5px;}
	#footer .padding{padding:5px 0 5px 0 !important;}

	
/*--PANELS-------------------------------------------------------------------------------*/
#panel{display:none;}
#panel2{display:none;}

#contact-panel{display:none;}
#contact-panel2{display:none;}

#newsletter-panel{display:none;}
#newsletter-panel2{display:none;}



/*--FLASH REPLACEMENT-------------------------------------------------------------------------*/
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {display: none !important;height: 0;width: 0;position: absolute;overflow: hidden;}

span.sIFR-alternate {visibility: visible !important;display: block !important;position: static !important;left: auto !important;top: auto !important;}	