body { font: 81% Arial,Helvetica,sans-serif; height: 100%; margin: 0;	padding: 0;	color: #525252; background-color: #F4F4F4; text-align: center }
html.panel body { overflow: hidden; padding-right: 19px }

/* all elements sized in ems only. DOCUMENTATION: http://www.thenoodleincident.com/tutorials/typography/index.asp */

/* ANCHORS -------------------------------------------------------------------------*/
a, a:visited { text-decoration: underline; color: #f00 }
a:hover { color: #f00 }
a:active, a:focus { background-color:#fffbb7; background-color: rgba(255,251,183,0.5) }


/* HEADERS -------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; color: #525252 }
h1 { font-size: 2em; padding: 0 0 10px 0; font-weight: 400; color: #f00; margin: 0 }
h2 { font-size: 1.2em; padding: 0 0 2px 0 }
h2.alt1 { padding: 20px 0 10px }
h3, h4, h5, h6 { font-size: 1em; padding: 0 0 2px 0 }
/*#case-study h1, #what-we-do h1, #our-work h1, #who-we-are h1, #whats-new h1, #work-for-us h1, #contact-us h1, #team-member h1{padding:0 0 10px 0;}*/

pre, address { margin: 0; padding: 0 }
p, blockquote { margin: 0; padding: 0 0 1em 0; line-height: 1.3em }
.landing-intro p, .landing-intro li { font-size: 1.1em }
blockquote { font-family: Arial,Helvetica,sans-serif }
blockquote p { padding: 0 !important; margin: 0 }
a img { border: 0 none }
img { border: 0 none }
.padding { padding: 10px }
p.intro { font-size: 1.1em }


/* 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; padding: 0.5em 0 }
ol.marketing li { padding: 0 0; margin: 0.5em 0 0.5em 2.5em }
ol.terms { list-style-type: none }
ol.terms ol { list-style-type: none }
ol.terms li strong { font-weight: 400; text-transform: uppercase }
ol.terms ol.alphabet { list-style-type: lower-alpha }
ol.terms ul { list-style-type: none }
ol.terms ul li { margin-left: 0 }


/* CLEARING -------------------------------------------------------------------------*/
.clear:after { content: " "; display: block; height: 0; clear: both; visibility: hidden }
.clear { display: inline-table }
/* hide from IE-mac \*/
.clear { display: block }
/* end hide from IE-mac */


/* FONT > styles -------------------------------------------------------------------------*/
em, i { font-style: italic }
strong, b { font-weight: 700 }
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 none }
a abbr, a acronym, a dfn { cursor: pointer }


/*--HIGHLIGHT-------------------------------------------------------------------------*/
.highlight { color: #f00 }
div.highlight { float: right width: 40%; margin: 0 0 0 10px; background-color: #F3F3F3; border: 1px solid #D8D8D8 }
div.highlight blockquote { margin: 0; padding: 5px 10px 5px 10px; font-size: 1.2em; font-family: Arial,Helvetica,sans-serif }
.section { padding: 7px 10px; margin: 0 0 15px 0; background-image: url(../images/bg-section.gif); background-position: bottom; background-repeat: repeat-x }
.section2 { padding: 7px 0; margin: 0 0 15px 0; background-image: url(../images/bg-dots.gif); background-position: bottom; background-repeat: repeat-x }
.section2 blockquote { font-size: 1.3em; font-weight: 700; margin: 0 10px; padding-bottom: 5px; }
.section2 cite { display: block; margin: 0 10px 5px 10px; font-style: normal }
.textpadding { padding: 0 10px 7px 0 }
.textpadding ul { list-style: none }
.textpadding ul li { margin: 0; padding: 0.5em 0 0.5em 2em; background: url(../images/bullet.gif) no-repeat 12px 13px }
.hr hr, .dotted-hr hr { display: none }
.dotted-hr { background: url(../images/bg-dots.gif) 0 0 repeat-x; height: 1px; margin-bottom: 10px }


/*--SHORTCUTS-------------------------------------------------------------------------*/
#shortcuts { position: absolute; left: 0; top: 0; list-style-type: none }
#shortcuts li { display: inline }
#shortcuts li a { position: absolute; left: 0; top: -500px; width: 100%; overflow: hidden; display: block }
#shortcuts li a:focus { background-color: #5F5F5F; z-index: 10; left: 0; top: 0; color: #FFF; text-align: center; padding: 3px 0 3px 0 }
#shortcuts li a.show { background-color: #5F5F5F; z-index: 10; left: 0; top: 0; color: #FFF; text-align: center; padding: 3px 0 3px 0 }


/*--TABLES-------------------------------------------------------------------------*/
caption { display: block; padding: 0; margin: 0 }
table { border: 0 none; border-top: 1px solid #000; border-left: 1px solid #000; width: 100%; margin: 0 0 20px 0 }
th { border: 0 none; border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 2px 5px 2px 5px; background-color: #000; color: #fff }
th.row-header { background-color: transparent; color: #000 }
td { border: 0 none; border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 2px 5px 2px 5px }
tr.alt { background-color: #eee }

/*--FORMS-------------------------------------------------------------------------*/
form { margin: 0; padding: 0 }
fieldset { margin: 0.5em 0 0 0; border: 0 none }
fieldset fieldset { margin: 10px 0 0 0; padding: 0 }
legend { display: none }
input, textarea, select { font-family: Arial,Helvetica,sans-serif }
.wide { width: 90%; border: 1px solid #666; padding: 1px 3px }
.btn { width: auto; background: url(../images/panel-btn.gif) 100% 100% no-repeat; border: 1px solid #666; font-weight: 700; color: #f00 }
.label { float: left; width: 30%; padding: 0.2em 0 0.8em 0; margin: 0 1% 0 0; text-align: left }
/*here*/
	.element, .element-alt { float: left; width: 65%; margin: 0 1% 0 0; padding: 0 0 0.8em 0; text-align: left }
/*here*/
.element p { margin: 0; padding: 0; font-size: 0.88em }
.element-alt input { float: left }
.element-alt label { width: 90%; float: right }

.help { float: left; width: auto; padding: 0 0 0.5em 0 }
.help a { display: block; background-color: #fff; color: #000; border: 1px solid #000; padding: 0 0.4em; text-decoration: none; font-size: 1em }
.help a:hover { background-color: #aaa; color: #fff }
.warn { clear: both; display: block; color: #f00 }

textarea { font: 100% Verdana,Arial,Helvetica,sans-serif; border: 1px solid #000; padding: 0.2em }
input.text { border: 1px solid #000 }

#feedback-form h1 { margin-bottom: 0; padding-bottom: 0 }
#feedback-form fieldset { padding-left: 0 }
#feedback-form .label { width: auto; padding-bottom: 2px }
#feedback-form input.text { width: 90% }
#feedback-form textarea { width: 90% }
#feedback-form .submit { width: auto; background: url(../images/panel-btn.gif) 100% 100% no-repeat; border: 1px solid #666; font-weight: 700; color: #f00 }


/* LAYOUT -------------------------------------------------------------------------*/
.page {
	margin: 0 auto;
	padding: 0;
	background: #fff;
	text-align: left;
	position: relative;
}

/* HEADER */
#header { width: 100%; height: 111px; margin: 0; background: url(../images/surround/header-bg.png) 0 0 repeat-x; color: #fff }
	#header .inner { position: relative; overflow: hidden; width: 980px; height: 104px; margin: 0 auto; padding: 0 0 0 20px; background: url(../images/surround/header-inner.jpg) 0 0 no-repeat }
		#header #radial-grad { z-index: 0; width: 1013px; height: 104px; position: absolute; top: 0; right: -170px; background: url(../images/surround/header-radial-grad.png) 0 0 no-repeat }
		/*#logo { float: left; width: 188px; height: 104px; margin: 0 2px 0 0; background: url(../images/fc-logo-188x76.jpg) 0 0 no-repeat }*/
		/*#logo a { display: block; width: 188px; height: 76px }*/
		#logo { z-index: 1; position: absolute; top: 24px; left: 7px; width: 206px; height: 73px; background: url(../images/surround/fc-logo.png) 0 0 no-repeat }
		#logo a { display: block; width: 206px; height: 73px }
		#logo a:focus, #logo a:active { background: none }
		#logo div.link { position: absolute; left: -500px; top: -500px }
		#logo img { display: none }
		
		#navigation { z-index: 2; width: 635px; position: absolute; top: 65px; right: 24px }
		#navigation ul { list-style: none; margin: 0; padding: 0 }
			#navigation li { float: left; display: inline; margin: 0 14px 0 0; padding: 0 }
				#navigation a { display: block; height: 25px; overflow: hidden; outline: 0 none; border: 0 none; text-decoration: none; background: transparent url(../images/surround/fc-navigation.png) 0 0 no-repeat }
				#navigation a:hover, #navigation a:focus { border: 0 none; padding: 0; line-height: 1 }
	
				#navigation .nav-what,
				#navigation .nav-what:visited	{ width: 95px }
				#navigation .nav-who,
				#navigation .nav-who:visited		{ width: 95px; background-position: -95px 0 }
				#navigation .nav-work,
				#navigation .nav-work:visited	{ width: 81px; background-position: -190px 0 }
				#navigation .nav-new,
				#navigation .nav-new:visited		{ width: 100px; background-position: -271px 0 }
				#navigation .nav-careers,
				#navigation .nav-careers:visited	{ width: 94px; background-position: -371px 0 }
				#navigation .nav-contact,
				#navigation .nav-contact:visited	{ width: 85px; background-position: -465px 0 }
				
				#navigation .nav-what:hover,
				#navigation .nav-what:focus		{ background-position: 0 -25px }
				#navigation .nav-who:hover,
				#navigation .nav-who:focus		{ background-position: -95px -25px }
				#navigation .nav-work:hover,
				#navigation .nav-work:focus		{ background-position: -190px -25px }
				#navigation .nav-new:hover,
				#navigation .nav-new:focus		{ background-position: -271px -25px }
				#navigation .nav-careers:hover,
				#navigation .nav-careers:focus	{ background-position: -371px -25px }
				#navigation .nav-contact:hover,
				#navigation .nav-contact:focus	{ background-position: -465px -25px }


				#navigation .nav-what:active,
				#navigation .nav-what.sel		{ background-position: 0 -50px }
				#navigation .nav-who:active,
				#navigation .nav-who.sel		{ background-position: -95px -50px }
				#navigation .nav-work:active,
				#navigation .nav-work.sel		{ background-position: -190px -50px }
				#navigation .nav-new:active,
				#navigation .nav-new.sel		{ background-position: -271px -50px }
				#navigation .nav-careers:active,
				#navigation .nav-careers.sel	{ background-position: -371px -50px }
				#navigation .nav-contact:active,
				#navigation .nav-contact.sel	{ background-position: -465px -50px }
					
					#navigation span { position: absolute; top: -500px; left: -1000px; width: 1px; height: 1px }
		
		/*
		#navigation { float: right; margin: 0; padding: 40px 0 0 0; position: relative }
		#navigation ul { list-style-type: none; margin: 0; padding: 0 }
		#navigation li { display: inline; margin: 0; padding: 0 }
		#navigation a { display: block; float: left; text-decoration: none; padding: 0; color: #393738; cursor: pointer }
		#navigation .last { margin: 0 }
		#navigation span { position: relative; top: -5px; width: 100px; z-index: -1 }
		*/


/* CASE STUDIES */
#case-study .main-image { position: relative; overflow: hidden; height: 251px; padding: 0 }
	#work-image { background: url(../images/work_for_us.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px }
	#whats-new-image { background: url(../images/whats_new.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px }
	#whats-new-image-2 { background: url(../images/whats_new.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px; width: 540px }
	/*used for the new blog */
	#contact-image { background: url(../images/contact_us.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px }
	#who-image { background: url(../images/who_we_are.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px }
	#our-work-image { background: url(../images/our_work.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px }
	#what-image { background: url(../images/what_we_do.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px }
	#episerver-image { background: url(../images/episerver-partner_3.jpg) top left no-repeat; margin: 16px 0 0 0; height: 235px }
	#invite-image { background: url(../images/header-invitation.gif) top left no-repeat; margin: 16px 0 0 0; height: 250px }

#contact-image a { color: #ffcccc }

blockquote p { font-size:1.4em }
.quote blockquote p { font-size:1em; margin-bottom:10px }
div#whats-new-image blockquote p, div#contact-image blockquote p, div#who-image blockquote p { color: #FFF }
.quote-container { overflow: auto }
.main-image blockquote p { padding: 0 !important; margin: 0 !important }
.img-alt { position: absolute; right: 0; top: 16px }
.img-quote { position: absolute; top: 38px !important; right: 22px; left: auto !important; width: 222px; z-index: 2 }
p.date { font-size: 0.8em }

/*DL, DT, DD TAGS LIST DATA*/
dl { margin-bottom:700px }
	dl dt { background:#F4F4F4; color:Black; float:left; font-weight:700; text-align:right; margin-right:10px; padding:5px; width:225px }
	dl dd { margin:2px 0; padding:5px 0; width:480px }

/*--HEADER-------------------------------------------------------------------------*/
#header .tools { position: absolute; top: 0; left: 0; padding: 10px }
#header .tools div { float: left; padding-right: 12px }
#header .tools div label, #header .tools div a { padding-right: 5px; padding-top: 6px; float: left }
#header .tools div input { float: left }


/*--SUB-NAVIGATION-------------------------------------------------------------------------*/
#subnav { background: #FFF url(../images/dots.gif) top left repeat-x; padding: 1px 0 0 0 }
#subnav h2, #additional h2 { font-size: 1em; margin-top: 2px }
#homepage #subnav h2, #homepage #additional h2 { font-size: 1em; margin-top: 12px }
#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: 5px 10px 5px 15px; color: #585858 }
#subnav a:focus, #subnav a:active { border:1px dotted #FF0000 }
#subnav a strong { font-weight: 400 }
#subnav a.selected { color: #000; background-color: #FFF; padding: 1px 0 2px 0 }
#subnav a.selected strong { display: block; background-color: #EEE; padding: 4px 10px 3px 15px }
#subnav a.selected:hover { text-decoration: none }
#subnav a.last { background: transparent }
#subnav a:hover { color: #000; text-decoration: underline }
#subnav ul ul { padding: 0 0 0 20px; margin: 0 }
#subnav ul ul a { font-size: 0.9em; padding: 5px 10px 5px 15px }
#subnav .item { clear: both; background: url(../images/dots.gif) bottom left repeat-x; margin: 10px 0 20px 0 }
#subnav .item img { display: block; float: left; width: 37px; margin: 0 10px 0 0 }
#subnav .item h3 { float: left; width: 60%; font-size: 0.88em; font-family: Arial,Helvetica,Sans-serif; padding: 0; margin: 0 }
#subnav .item h3 a { color: #F00; padding: 0; background: transparent }
#subnav .item p { clear: both; padding: 5px 0 15px 0 }
#contact-us #subnav, #change-site #subnav, #whats-new #subnav, #invite #subnav, #christmas #subnav, #response #subnav { background: transparent }


/*--IMAGES-------------------------------------------------------------------------*/
.image-left { float: left; display: block; width: auto; background: #ccc; margin: 0 15px 10px 0; padding: 0 0 2px 0; border: 1px solid #FFF }
.image-left img { display: block; border-bottom: 1px solid #fff; margin: 0 }
.caption { display: inline; border-top: 0; background-color: transparent; color: #000; padding: 2px 0 0 5px }

/* commented backslash hack v2 for IE MAC \*/
.caption { display: block }
/* end hack */

.image-right { float: right; display: block; width: auto; background-color: #ccc; margin: 0 0 10px 15px; padding: 0 0 2px 0; border: 1px solid #FFF }
.image-right img { display: block; border-bottom: 1px solid #fff; margin: 0 }
.no-border { border: 0 !important; margin-right: 5px; padding: 0 !important }


/*--FOOTER-------------------------------------------------------------------------*/
/*
#footer { padding: 0 0 10px 0; clear: both; color: #000; background-color: #F4F4F4; border-top: 1px solid #D8D8D8; margin: 10px 0 0 0 }
#footer ul { list-style-type: none; padding: 0 }
#footer li { margin: 0; padding: 0; display: inline }
#footer a { display: block; float: left; color: #404040; text-decoration: underline; padding: 0 16px 5px 0; margin: 0 5px 0 0; white-space: nowrap; font-size: 0.9em }
#footer p { color: #525252; text-align: right; font-size: 0.9em; padding: 2px 0 0 0 }
#nav-footer { background-color: #EDEDED; border-bottom: 1px solid #D8D8D8 }
*/
#footer { font-size: 0.848em } /* 11px */
	#footer a { text-decoration: none }
	#footer a:active,
	#footer a:hover,
	#footer a:focus { background: none; color: #fff }
	#contact-details { width: 100%; padding-top: 8px; background: url(../images/surround/footer-top-bg.png) 0 0 repeat-x }
	#site-links { width: 100%; background: #333 }
		#contact-details .inner { width: 998px; min-height: 180px; margin: 0 auto; padding-top: 18px; background: url(../images/surround/footer-top-inner.jpg) 0 0 no-repeat }
			#contact-details .address,
			#contact-details .contact { float: left; width: 225px; padding: 0 0 10px 20px; text-align: left; line-height: 1.4; color: #afafae }
			#contact-details .address { width: 155px; background: url(../images/surround/footer-divider.gif) 100% 0 repeat-y }
				#contact-details h2 { padding-bottom: 5px; font-size: 1.455em; color: #fff }
				#contact-details p { padding: 0 }
				#contact-details address { font-style: normal }
				#contact-details .logos { display: block; list-style: none; clear: both; padding: 10px 0 0 0 }
					#contact-details .logos li { float: left; width: 120px }
					#contact-details .logos img { position: relative }					
					#contact-details .last img { right: -4px }					
					#contact-details .epi img { top: 9px }
					#contact-details .logos img { display: inline; vertical-align: middle }
		#site-links .inner { width: 998px; margin: 0 auto; background: url(../images/surround/footer-bottom.jpg) 0 0 no-repeat }
			#site-links ul { float: left; width: 50%; margin: 0; padding: 10px 0 5px 20px; text-align: left }
				#site-links li { float: left; display: inline; margin: 0 6px 0 0; padding: 0 8px 0 0; background: url(../images/surround/footer-links-divider.gif) 100% 65% no-repeat }
				#site-links .last { background-image: none }
					#site-links a,
					#site-links img { vertical-align: middle }
					#site-links img { position: relative; top: -1px }
					#site-links a,
					#site-links a:visited { color: #8f8f8f }
					#site-links a:active,
					#site-links a:hover,
					#site-links a:focus { color: #fff }
			#site-links .copyright { margin: 0; padding: 11px 20px 10px 0; text-align: right; color: #8f8f8f }


/*--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) 0 0 no-repeat; line-height: inherit; font-size: 0.9em; text-decoration: none; font-family: Arial,Helvetica,sans-serif; color: #f00 }
#additional a span { text-decoration: none; font-size: 0.88em }
#additional a:hover { color: #f00; text-decoration: underline }


/*--DEFAULT STYLE ONLY-------------------------------------------------------------------------*/
#sitetitle { display: none }

/*--QUOTES-------------------------------------------------------------------------*/
.quotebox { margin: 40px 0 0 30px; padding-left: 20px }
.quotebox2 { font-size: 1.7em; width: 14em }
.quotebox cite { margin: 5px 0 0 0 !important; padding: 0 !important }

/*--BOXES-------------------------------------------------------------------------*/
.box h2 { display: block; font-size: 1.2em; border: 1px solid #D8D8D8; margin: 0 0 1px 0; padding: 5px 8px 5px 10px; color: #393737; font-family: Arial,Helvetica,sans-serif; font-weight: 700 }
.box h2.alt { font-size: 1.1em; line-height: 1.35em }
.box h2 a { color: #393737; text-decoration: none; display: block }
.box .image { margin: 0 0 1px 0 }
.box .image img { display: block }
.box .text { border: 1px solid #D8D8D8; margin: 0 }
.box .text p, .box .text blockquote { padding: 8px 0 }
.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 }
.box-alt h2 { font-size: 1.2em; border: 1px solid #D8D8D8; background-color: #F5F5F5; margin: 0 0 1px 0; padding: 5px 8px 5px 10px; color: #393737; font-family: Arial,Helvetica,sans-serif; font-weight: 700 }
.box-alt h2.alt { font-size: 1.1em; line-height: 1.35em }
.box-alt h2 a { color: #f00; text-decoration: none; display: block }
.box-alt .image { margin: 0 0 1px 0 }
.box-alt .image img { display: block }
.box-alt .text { border: 1px solid #D8D8D8; background-color: #F5F5F5; margin: 0 }
.box-alt .text p, .box-alt .text blockquote { padding: 8px 0 }
.box-alt .text ul { list-style-type: none; margin: 0; padding: 0 0 8px 0 }
.box-alt .text ul li { margin: 0; padding: 0 10px 0 10px; text-align: right }

/* CLIENT LIST - box style */
.box.client-list { width: auto !important }
.box-alt.client-list { width: auto !important }

#team .boxes { }
#team .box { position: relative; left: 0; top: 0 }
#team .box h2 { border: 0 none; font-size: 0.9em; font-family: Arial,Helvetica,sans-serif }
#team .box .text { border: 0 none; margin: 0; position: absolute; right: 0; bottom: 0; width: 170px; margin: 0; background-color: #FFF }
#team .box .text ul li { text-align: left; font-size: 0.88em }
#team .box-alt { position: relative }
#team .box-alt h2 { border: 0 none; font-size: 0.9em; font-family: Arial,Helvetica,sans-serif }
#team .box-alt .text { border: 0 none; margin: 0; position: absolute; right: 0; bottom: 0; width: 170px; margin: 0; background-color: #F5F5F5 }
#team .box-alt .text ul li { text-align: left; font-size: 0.88em }

#contact-us .boxes { }
#contact-us .box h2, #contact-us .box-alt h2 { margin-bottom: 1px }

#what-we-do .boxes .image { margin-bottom: 2px }
#what-we-do .boxes .image a { display: block; overflow: hidden; text-decoration: none; font-size: 1.2em; font-weight: 700; color: #000 }
#what-we-do .boxes .image a:hover { color: #F00 }
#what-we-do .boxes .image a img,
#what-we-do .boxes .image span img { display: block; width: 48px; height: 48px; float: left; margin-right: 10px }
#what-we-do .boxes .imagelong a img { display:block; width: 267px; height: 75px }
#what-we-do .boxes .image a span, #what-we-do .boxes .image span span { display: block; width: 204px; line-height:48px; float: left }
#what-we-do .boxes .image span span { color: #000; display:block; font-size:1.2em; font-weight:700; text-decoration:none; line-height:1.4em; padding:15px 0 5px }


/*--CLIENTS-------------------------------------------------------------------------*/
#clients .box { border: 1px solid #D8D8D8; background-color: #FFF; min-height: 100px; padding-bottom: 0 }
#clients .box .image { margin: 0; text-align: center }
#clients .box .image img { display: inline }
#clients .box-alt { border: 1px solid #D8D8D8 }
#clients .box-alt .image { margin: 0; background-color: #FBFBFB }
#clients .box-alt .image img { display: inline }

ul.clients { margin: 0 10px; padding: 0; list-style: none; font-size: 1.1em }
ul.clients li { padding: 0; margin: 0 0 0.5em 0 }


/*--PARTNERS-------------------------------------------------------------------------*/
.partner { padding: 10px; margin: 0 10px 10px 0; border: 1px solid #E3E3E3 }
.partner .image { margin: 0 0 1px 0; text-align: center; border: 1px solid #E3E3E3; overflow: hidden }
.partner .image img { display: block; margin: 1px }
.partner .text { padding: 0 }
.partner .text .padding { padding-top: 0 }
.partner ul { margin: 0 0 0 15px; padding: 0; list-style-type: disc }
.partner ul li { text-align: left; padding: 5px 0 5px 0; margin: 0 }


/*--CASE STUDIES-------------------------------------------------------------------------*/
#cs-intro { background: #FFF url(../images/dots.gif) 0 100% repeat-x; margin: 10px 0 10px 0; }
#cs-intro .image { text-align: center; padding: 0 }
#cs-intro p { font-size: 1.1em; padding: 0 }
.quote { margin: 0 0 10px 0 }

/*
#rpc-quote{background:#E11719 url(../images/quote-bg-rpc.gif) bottom left repeat-x;}
#lambeth-quote{background:#F79900 url(../images/quote-bg-lambeth.gif) bottom left repeat-x;}
#lg-quote{background:#0198CD url(../images/quote-bg-lg.gif) bottom left repeat-x;}
#tradex-quote{background:#000095 url(../images/quote-bg-tradex.gif) bottom left repeat-x;}
#natex-quote{background:#000066 url(../images/quote-bg-natex.gif) bottom left repeat-x;}
#vjv-quote{background:#7C3A44 url(../images/quote-bg-vjv.gif) bottom left repeat-x;}
*/

#rpc-quote { background: #B31719 url(../images/quote-bg-rpc.gif) 0 0 repeat-x }
#lambeth-quote { background: #C57A00 url(../images/quote-bg-lambeth.gif) 0 0 repeat-x }
#lg-quote { background: #0082B0 url(../images/quote-bg-lg.gif) 0 0 repeat-x }
#tradex-quote { background: #00006F url(../images/quote-bg-tradex.gif) 0 0 repeat-x }
#natex-quote { background: #000048 url(../images/quote-bg-natex.gif) 0 0 repeat-x }
#vjv-quote { background: #56282F url(../images/quote-bg-vjv.gif) 0 0 repeat-x }
#epi-quote { background: #C57A00 url(../images/quote-bg-lambeth.gif) 0 0 repeat-x }
#duk-quote { background: #d40261 url(../images/quote-bg-duk.gif) 0 0 repeat-x }
#slh-quote { background: #b08e4a url(../images/quote-bg-slh.gif) 0 0 repeat-x }
#lta-quote { background: #3a7414 url(../images/quote-bg-lta.gif) 0 0 repeat-x }
#nre-quote { background: #0f437c }

.quote blockquote { color: #FFF; font-size: 1.7em; line-height: 1.2em; margin: 0; padding: 0 5px 0 13px !important; letter-spacing: -1px; word-spacing: 2px }
.quote cite { color: #FFF; font-style: normal }
.screenshot ul { list-style-type: none; margin: 0; padding: 0 }
.screenshot ul li { text-align: left; padding: 0; margin: 0 }
.screenshot ul a { float: none; text-align: left; padding: 0 }
#cs-footer { margin: 20px 0 10px 0; background-color: #F9F9F9; border: 1px solid #D8D8D8 }
#cs-footer p { margin: 0; padding: 0 }


/*--HOMEPAGE-------------------------------------------------------------------------*/
#homepage h1 { padding:0 }
#homeflash { margin: 6px 0 0 6px }
#homepage #subnav { background: transparent; padding: 0 }
#homepage #additional .padding { padding: 1px 8px 0 0 }

/* bits for new homepage design 31/5/6 --------------------- */
#homepage #container { margin: 0 auto; padding: 0 }
#homepage #content-container { float: none; margin: 0 0 0px 0 !important }
/*
	#homepage #content{
		background-image: url(../images/bg-hori-dots.gif);
		background-repeat: repeat-y;
		background-position: right;
		
	}
	#homepage #content .padding{
		margin:15px 20px 0 20px;
		padding:0;
		width:auto !important;}	
	
	.home-promo{
		width:219px;
		float:left;
		margin:0 20px 0 0;
		padding:0 21px 0 0;
		background-image: url(../images/bg-hori-dots.gif);
		background-repeat: repeat-y;
		background-position: right;
	}
	#homepage .mid{
		margin:0;
	}
	#homepage .last{
		margin:0 0 0 20px;
		padding:0;
		background-image:none;
	}
	.home-promo img,
	.home-promo input {
		border:4px solid #ccc !important;
		margin-top:1em;
	}
	.home-promo h2 a{
		color:#525252;
		text-decoration:none;
	}*/
.homequote { font-size: 1.6em; font-weight: 700; font-weight: 400; color: #000000 }


/*--HOMEPAGE 2010-------------------------------------------------------------------------*/
#homepage .quote-holder { margin: 10px 20px 20px 20px }
#homepage #content-container #content { width: 750px !important; overflow: hidden; clear: both; margin: 0 0 40px 20px; background-image: none }
#homepage #content .padding { padding: 10px 0 0 0 }
#homepage .promo-puff { float: left; display: inline; width: 178px; margin: 0 20px 0 0; padding: 0 0 0 52px; color: #585858 }
#homepage .promo-puff.follow { background: url(../images/twitter-puff-icon.gif) 0 0 no-repeat }
#homepage #twitter_update_list li { padding: 0 0 16px 0; background-image: none }
#homepage .promo-puff.award { background: url(../images/award-puff-icon.gif) 0 0 no-repeat }
#homepage .promo-puff.news { background: url(../images/news-puff-icon.gif) 0 0 no-repeat }
#homepage .promo-puff.announcement { background: url(../images/announcement-puff-icon.gif) 0 0 no-repeat }
#homepage .promo-puff.pr { background: url(../images/pr-puff-icon.gif) 0 0 no-repeat }
#homepage .promo-puff.event { background: url(../images/event-puff-icon.gif) 0 0 no-repeat }
#homepage .promo-puff h2 { margin: 0 0 10px; padding: 0; font-size: 1.388em }
#homepage .promo-puff a { text-decoration: none }
#homepage .promo-puff a:hover,
#homepage .promo-puff a:focus { text-decoration: underline }
#homepage #additional { width: 200px; padding-right: 20px }
#homepage #additional h2 { margin-top: 5px }
#homepage #additional ul { background-image: none }

/* Nasty hack to make -webkit browser behave... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#homepage .promo-puff h2 { display: inline }
}

/* INVITE */
#invite .landing-intro { padding: 120px 0 0 225px }

/*--SITEMAP-------------------------------------------------------------------------*/
.sitemaphome { background-image: url(../images/bg-dots.gif); background-position: top; background-repeat: repeat-x; margin: 0; padding: 0 }
.sitemaphome li { list-style: none !important; margin: 0; font-size: 1.1em; background: url(../images/bg-dots.gif) 0 100% repeat-x }
.sitemaphome a { text-decoration: none; background: url(../images/bullet-sitemap.gif) 0 0 no-repeat; padding-left: 25px }
.sitemaphome a:hover { text-decoration: underline }
.sitemap { margin: 0; padding: 0 }
.sitemap a { text-decoration: none }
.sitemap a:hover { text-decoration: underline }
.sitemap li { list-style: none !important; margin: 0; font-size: 1.1em }
.sitemap a { background: url(../images/bullet-sitemap.gif) 0 0 no-repeat; padding-left: 25px; display: block }
.sitemap li li a { background-image: none; padding-left: 0; margin-left: 25px }
.sitemap li li { background-image: none; list-style: none !important; margin: 0 0 0 1em; font-size: 0.9em; padding: 4px 0 }
.sitemap li li li { padding: 4px 0 }

#site-map .columns { background: url(../images/bg-dots.gif) 0 100% repeat-x }


/*--STAFF IMAGES-------------------------------------------------------------------------*/
.staff-image
{
	padding: 16px 0 1px 0;
	text-align: right;
	background: url(../images/staff-img-bg.gif) bottom left repeat-x;
}
.staff-image .text
{
	text-align: left;
}
.staff-image .text blockquote
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.65em;
	color: #474545;
}
.staff-image .text cite
{
	display: block;
	font-style: normal;
}
.staff-image .image img
{
	display: block;
}


/*--PRESS IMAGES-------------------------------------------------------------------------*/
.press-image
{
	border: 2px solid #E4E4E4;
	margin: 0 0 15px 0;
	padding: 2px;
}
.press-image img
{
	display: block;
	margin: 1px;
}


/*--COLUMNS-------------------------------------------------------------------------*/
.pullout
{
	border: 1px solid #D8D8D8;
	background-color: #F3F3F3;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}
.pullout p
{
	padding: 0;
}

.cols3 .col
{
	float: left;
	width: 30%;
	margin: 0 1% 0 0;
}
.cols5 .col
{
	float: left;
	width: 15%;
	margin: 0 1% 0 0;
}


/*--PANEL-------------------------------------------------------------------------*/
#panel
{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.40;
	text-align: center;
}
#panel2
{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	text-align: center;
}
#inner
{
	position: relative;
	z-index: 20;
	display: none;
	width: _px;
	top: 150px;
	margin: auto;
	background-color: #fff;
	border: 1px solid #333;
	overflow: auto;
	height: 250px;
	margin-top: -100px;
	text-align: left;
	background-image: url(../images/panel-bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.panel-header
{
	background-color: #F5F5F5;
	background-image: url(../images/panel-header.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 10px;
}
.panel-header h2
{
	width: 320px;
	float: left;
	padding-bottom: 10px;
}
.panel-header a
{
	width: 19px;
	float: right;
}



#change-site #panel
{
	display: none;
}
#change-site #panel2
{
	position: static;
	display: block;
	width: auto;
	height: auto;
	z-index: 0;
	top: 0;
	left: 0;
	text-align: left;
}
#change-site #inner
{
	position: static;
	z-index: 20;
	display: block;
	width: 100%;
	top: 40%;
	margin: auto;
	background-color: #fff;
	border: 0px solid #FFF;
	overflow: auto;
	height: 300px;
	margin-top: 0;
}



#contact-panel
{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.40;
	text-align: center;
	background: url(../images/panel-bg.gif) top left;
}
#contact-panel2
{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	text-align: center;
}
#contact-inner
{
	position: relative;
	z-index: 20;
	display: none;
	width: _px;
	top: 150px;
	margin: auto;
	background-color: #fff;
	border: 1px solid #333;
	overflow: auto;
	height: 75%;
	max-height: 475px;
	margin-top: -100px;
	text-align: left;
	background-image: url(../images/panel-bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}


#newsletter-panel
{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.40;
	text-align: center;
}
#newsletter-panel2
{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	text-align: center;
}
#newsletter-inner
{
	position: relative;
	z-index: 20;
	display: none;
	width: _px;
	top: 30%;
	margin: auto;
	background-color: #fff;
	border: 1px solid #333;
	overflow: auto;
	height: 350px;
	margin-top: -100px;
	text-align: left;
	background-image: url(../images/panel-bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}


.alth2
{
	background: url(../images/bg-grey-dots.gif) top repeat-x #F2F2F2;
	padding: 3px 10px;
	margin: 1em 17px 1em 0;
	width: auto;
}
.alth2 a
{
	color: #525252;
	text-decoration: none;
}
.contact-details
{
	width: 3.2em;
	display: block;
	float: left;
}

.form-hidden
{
	display: none;
}
.form-show
{
	display: block;
}

.hide
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.warnEmpty
{
	display: none;
}
.warn
{
	color: red;
	font-size: 0.86em;
}

.adobe, .register
{
	font-size: 0.88em;
	padding: 8px 0 0 5px;
}
#footer .register
{
	font-size: 0.88em;
}
.adobe p a
{
	background: transparent !important;
	padding: 0 !important;
	display: inline !important;
	font-size: 1em !important;
}


.relative
{
	position: relative;
}


.rnib
{
	text-align: left;
	margin: 0 0 5px 0;
}
.rnib a
{
	background: transparent !important;
	padding: 0 0 0 5px !important;
}


/*Feedback form*/

#feedback .label
{
}
#feedback .element
{
}
#feedback textarea
{
	border: 1px solid #A5ACB2;
}

#feedback fieldset
{
	background: url(../images/bg-section.gif) bottom left repeat-x;
	padding: 10px 10px 10px 20px;
	margin-bottom: 15px;
}

#feedback #questions .label
{
	float: none;
	width: 96%;
	padding-bottom: 2px;
}
#feedback #questions .element
{
	float: none;
	width: 96%;
}
#feedback #questions .element textarea
{
	width: 100%;
}

#feedback #comments .label
{
	float: none;
	width: 96%;
	padding-bottom: 2px;
}
#feedback #comments .element
{
	float: none;
	width: 96%;
}
#feedback #comments .element textarea
{
	width: 100%;
}

#feedback #ratings .label
{
	width: 50%;
}
#feedback #ratings .element
{
	width: 45%;
	padding-bottom: 20px;
}
#feedback #ratings .element ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#feedback #ratings .element li
{
	display: inline;
	margin: 0;
	padding: 0 10px 0 0;
}
#feedback #ratings .element li label
{
}

#feedback .btn
{
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-right: 20px;
	float: right;
}

/* Blog */
.entry
{
	background: url(../images/staff-img-bg.gif) bottom left repeat-x;
	margin-bottom: 10px;
	padding: 0 10px;
}
.entry h2
{
	font-size: 1em;
}
p.author
{
	font-style: italic;
	margin: 0;
	padding: 0;
}
p.comment-count
{
	padding: 2px 0;
	font-size: 0.8em;
}
.entry p.date
{
	font-size: 1em;
}
.entry a
{
	float: right;
	width: 100%;
	text-align: right;
	padding-bottom: 5px;
}

.post .image
{
	float: left;
	width: 30%;
}
.post .text
{
	float: right;
	width: 70%;
}

p.comments
{
	font-size: 1.2em;
	background: url(../images/dots.gif) bottom left repeat-x;
	padding-bottom: 5px;
}
p.comment-info
{
	font-weight: bold;
	background: none !important;
	margin: 5px 0;
	padding: 0 !important;
	font-size: 0.9em;
}
.comment p
{
	background: url(../images/dots.gif) bottom left repeat-x;
}

form#comments
{
	margin-top: 20px;
}
#comments fieldset
{
	margin: 0;
	padding: 0;
}
#comments legend
{
	font-size: 1.2em;
}
#comments .label
{
	text-align: right;
	width: 35%;
}
#comments input
{
	border: 1px solid #A5ACB2;
}
#comments .element
{
	width: 50%;
}
#comments textarea
{
	border: 1px solid #A5ACB2;
}
#comments .label span
{
	font-size: 0.85em;
}

img.imageLeft
{
	float: left;
	display: block;
	width: auto;
	margin: 0 15px 10px 0;
	padding: 2px;
	border: 1px solid #CCC;
}

img.imageRight
{
	float: right;
	display: block;
	width: auto;
	margin: 0 0 10px 15px;
	padding: 0 0 2px 0;
	border: 1px solid #CCC;
}


/* BLOG STYLES */
#blog h1.blog
{
	padding-bottom: 0 !important;
}
.subTitle
{
	font-size: 1.8em;
	padding: 0 0 15px 0;
}

.entry
{
	background: url(../images/bg-section.gif) bottom left repeat-x;
	padding: 10px;
	margin: 0 0 15px 0;
}
.entry .author
{
	font-style: oblique;
	padding: 0;
	margin: 0;
}
.entry .date
{
	font-size: 0.94em;
	padding: 0 0 10px 0;
	margin: 0;
}

#xform
{
	background: url(../images/bg-section.gif) bottom left repeat-x;
	margin: 30px 0 0 0;
}
#xform span
{
	display: block;
	padding: 5px 15px;
	font-size: 1.2em;
}
#xform div.clear
{
	padding: 0 0 10px 0;
}
#xform label
{
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding: 2px 0 0 0;
}
#xform input, #xform textarea
{
	display: block;
	float: left;
	width: 200px;
	margin: 0 0 0 10px;
	border: 1px solid #999;
}
#xform textarea
{
	width: 195px;
}
#xform input.submit
{
	margin: 0 0 0 130px;
	width: 203px;
}

h2.comments
{
	padding: 5px 0;
	background: url(../images/dots.gif) bottom left repeat-x;
}
p.comment-info
{
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.comment
{
	padding: 10px;
	background: url(../images/dots.gif) bottom left repeat-x;
}


/*NMA styles*/
#love-image
{
	background: url(../images/contact_us.jpg) top left no-repeat;
	margin: 16px 0 0 0;
	height: 235px;
}

.NMA-form
{
	background: url(../images/bg-NMA-form.html) bottom left repeat-x;
	background: url(../images/dots.gif) bottom left repeat-x;
	margin-bottom: 20px;
	padding: 15px 0 15px 10px;
	width: 89%;
}


.NMA-form .element
{
	width: 100%;
}

.NMA-form .element input, .NMA-form span
{
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 6px;
}

.NMA-form .element input
{
	border-color: #D8D8D8;
}

.small
{
	width: 20%;
}

.pad-l-0
{
	padding-left: 0 !important;
}

.pad-l-3px
{
	padding-left: 3px !important;
}

.pad-r-0
{
	padding-right: 0 !important;
}

.pad-b-0
{
	padding-bottom: 0 !important;
}

.txt-right
{
	text-align: right;
}

.w-95-percent
{
	width: 91%;
}


.txt-1-7em
{
	font-size: 1.7em !important;
}

/* EPISERVER PAGE */
.featuredText
{
	background: #C57A00 url(../images/quote-bg-lambeth.gif) top left repeat-x;
	margin-top: 1em;
}
.featuredText, .featuredText h2, .featuredText a
{
	color: #FFF;
	font-weight: bold;
}
.featuredText h2
{
	padding-bottom: 0.5em;
}

/* VIDEO PAGE */
#video p
{
	font-weight: bold;
}
#video p a
{
	font-weight: normal;
}

/* TWITTER FEED */
div.twitter
{
	background: url(../images/bg-twitter.html) repeat-x left top;
	padding-left: 10px;
	padding-right: 10px;
}
#twitter_update_list ul
{
	list-style-type: none;
}
#twitter_update_list li
{
	list-style-type: none;
	background: url(../images/bg-star.gif) no-repeat left top;
	margin-left: 0;
	padding-left: 20px;
	font-size: 0.94em;
}
#twitter_update_list li a
{
	font-size: 1em !important;
}

/* VIDEO */
.fcVideoPlayer{margin:0 0 20px 0;}
.fcVideoPlayer .mediaspace{padding:0 0 10px 0}

/* SAFARI 3+ --- CHROME */
@media screen and (-webkit-min-device-pixel-ratio:0) {}