/*******************************************************************************
           DD:                                   $D          D8                 
           DD:                                               D8                 
 :DDDDD=   DD$DDD8D8   8D888DD?   DDD8DD$DDDDDD  DD: DDDDD~88D88D  ODDD8     DD:
7DD        DDD    ID8+DD,    8DD 88,   DD8   7DD DD:$D   8,  D8   D8, +8     DD:
D8         DD~     8DD8   ,D8D+ :D:    DD:    DD DD::D8=     D8  :8?  +8     DD:
8?       +D8D:     DDD8 IDD8: :DDD:    DD:    8D DD:  Z888,  D8  :D:  +8     DD:
8D       DDDD:     DDDDD8?    8D$D:    DD:    8D DD:     DD  D8  :D:  :8=    8D:
 8D8= ~N8D DD:     DD 8DD+  Z88~:D:    DD:    8D DD:=88,?DD  D8  :D:   8D8I7DDD:
  +888DO~  DD:     DD   ZD88D7  :D:    DD:    8D DD: ~D8DZ   D8  :D:    :ODDODD:
                                                                             DD 
                                                                          $8D8  
********************************************************************************
*******************************************************************************/

/*** Reset ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}

img,fieldset
{
	border:none;
}

.clear
{
	clear:both;
	font-size: 0;
	line-height: 0;
	height: 0;
}

body
{
	font-size:62.5%;
	font-family: Helvetica, Arial, sans-serif;	
	padding:0px 0px 0px 0px;
	color:#333333;
	background:#ffffff;
}

/****** Main Template ******/

#pageContainer
{
	width:980px;
	margin:0 auto;
	background:#ffffff;
}

/* Start Header */
#header
{
	width:948px;
	margin:0 auto 23px;
	border-top:solid 4px #25093f;
	border-bottom:solid 16px #25093f;
	overflow:hidden;
	padding:33px 0px 10px 0px;
}

#logo
{
	float:left;
}

#tagline
{
	float:right;
}

#primaryNav
{
	clear:both;	
	font-weight:bold;
	padding:5px 0px 0px 0px;
	height:1%; /* IE6 fix */
	overflow:hidden;
}

#primaryNav #mainNav
{
	float:left;
	list-style:none;
	padding:0px;
}

#primaryNav #mainNav li
{
	display:inline;
	margin:0px 30px 0px 0px;
}

#primaryNav #mainNav li a
{
	color:#5f046c;
	text-decoration:none;
}

#primaryNav #mainNav li a.current,
#primaryNav #rightNav li a.current
{
	color:#999999;
}

#primaryNav #rightNav
{
	float:right;
	list-style:none;
	padding:0px;
}

#primaryNav #rightNav li
{
	display:inline;
	float: right;
	margin:0px 0px 0px 30px;
}

#primaryNav #rightNav li a
{
	color:#990099;
	text-decoration:none;
}

/* End Header */

/* Start general content */

#content
{
	width:948px;
	margin:0 auto;
	overflow:hidden;
}

.singleColumn
{
	width:304px;
	margin:0px 18px 0px 0px;
	float:left;
	overflow:hidden;
}

.doubleColumn
{
	width:626px;
	margin:0px 18px 0px 0px;
	float:left;
	overflow:hidden;
}

.endColumn
{
	margin:0px 0px 0px 0px;
}

.fullWidth
{
	overflow:hidden;
	padding:0px 0px 15px 0px;
	clear:both;
	height:1%; /* IE6 fix */
}

.projectsRow 
{
	border-bottom:solid 1px #efefef;
	padding:0px 0px 10px;
	margin:0px 0px 15px 0px;
}

p,ul,ol
{
	font-size:1.3em;
	line-height:1.3em;
	color:#333333;
	padding:0px 0px 12px 0px
}

ul ul,ol ol, ul ol, ol ul
{
font-size:1em;
}

h1
{
	font-size:2.6em;
	color:#25093f;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	font-weight:normal;
}

.underlined
{
	border-bottom:solid 1px #f2f2f2;
	padding:0px 0px 8px 0px;
	margin:0px 0px 10px 0px;
}

h2
{
	font-size:2.6em;
	color:#25093f;
	font-weight:normal;
	border-bottom:solid 1px #f2f2f2;
	padding:0px 0px 8px 0px;
	margin:0px 0px 10px 0px;
}

h2 strong
{
	font-weight:bold;
}

h2 a
{
	color:#25093f;
	text-decoration:none;
}

h3
{
	font-size:1.6em;
	font-weight:bold;
}

h3 a
{
	color:#5f046c;
	text-decoration:none;
}

a
{
	color:#5f046c;
	text-decoration:none;
}

a.plusLink
{
	display:inline-block;
	padding:2px 18px 2px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#a91aa7;
	background:url("../images/link_icon.gif") no-repeat right center;
}

a.plusLinkLeft
{
	display:inline-block;
	padding:2px 0px 2px 18px;
	text-decoration:none;
	font-weight:bold;
	color:#a91aa7;
	background:url("../images/link_icon_left.gif") no-repeat left center;
}

a.plusLink span,
a.plusLinkLeft span
{
	color:#999999;
}

.section
{
	padding:0px 0px 30px 0px;
}


/* END general content */

/* Start Footer */

#footerContainer
{
	width:100%;
	background:#d5d5d5 url("../images/footer_bg.gif") repeat center top;
	padding:10px 0px 10px;
}

#footer
{
	width:948px;
	margin:0 auto;
	overflow:hidden;
	font-size:0.923em;
}

#footer .column
{
	width:110px;
	margin:0px 10px 0px 0px;
	float:left;
}

#footer .columnRight
{
	width:110px;
	margin:0px 0px 0px 10px;
	float:right;
}

#footer .columnRightWide
{
	width:215px;
	margin:0px 0px 0px 10px;
	float:right;
}

#footer h3
{
	font-size:1.3em;
}

#footer h3 a
{
	color:#5f046c;
	font-weight:bold;
	text-decoration:none;
}

#footer ul
{
	list-style:none;
	color:#ffffff;
	padding:0px;
}

#footer li a
{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}

#footer li li a,
#footer .columnRightWide li a
{
	font-weight:normal;
}

#footer li p
{
	margin:0px 0px 15px 0px;
	font-size:1em;
	color:#666666;
}

#footer a:hover
{
	text-decoration:underline;
}

/* End Footer */

/****** END Main Template ******/


/****** Homepage ******/

#missionStatement h1,
#missionStatement p.first
{
	width:304px;
	height:109px;
	background:url("../images/we_are.gif") no-repeat left top;
	text-indent:-9999em;
	margin:0px 0px 25px 0px;
}

#missionStatement p.about
{
	width:304px;
	height:108px;
	background:url("../images/about.gif") no-repeat left top;
	text-indent:-9999em;
	margin:0px 0px 10px 0px;
}

#missionStatement p.second
{
	width:304px;
	height:120px;
	background:url("../images/we_can.gif") no-repeat left top;
	text-indent:-9999em;
}

#homepageCarousel
{
	position:relative;
}

#homepageCarouselPrev
{
	width:24px;
	height:32px;
	overflow:hidden;
	text-indent:-9999em;
	background-image:url("../images/carousel_controls.png");
	_background-image:url("../images/carousel_controls.gif");
	background-position:0px 0px;
	position:absolute;
	top:175px;
	left:0px;
	z-index:100;
}

#homepageCarouselPrev:hover
{
	background-position:0px -32px;
}

#homepageCarouselNext
{
	width:24px;
	height:32px;
	overflow:hidden;
	text-indent:-9999em;	
	background-image:url("../images/carousel_controls.png");
	_background-image:url("../images/carousel_controls.gif");
	background-position:-24px 0px;
	position:absolute;
	top:175px;
	right:0px;
	z-index:100;
}

#homepageCarouselNext:hover
{
	background-position:-24px -32px;
}

#homepageCarousel .frame img
{
	display:block;
	border:solid 1px #ebebeb;
}

#homepageCarousel h2
{
	font-size:1.8em;
	color:#5f046c;
	font-weight:bold;
	border-bottom:none;
	padding:0px;
	margin:0px;
}

#homepageCarousel h2 a
{
	color:#5f046c;
}

#homepageCarousel .carouselText
{
	width:400px;
	float:left;
}

#homepageCarousel a.plusLink
{
	float:right;
	padding:5px 20px 5px 0px;
	font-size:1.3em;
}

#homepageCarousel  .noJS
{
	display:none;
}

.clientsTabContainer
{
	overflow:hidden;
	width:304px;
}

.clientsTab
{
	overflow:hidden;
	width:304px;
}

.clientLogo
{
	border:solid 3px #ffffff;
	float:left;
	margin:0px 1px 2px 0px;
	width:94px;
}

.tabControls
{
	border-top:solid 1px #efefef;
	padding:3px 0px 0px 0px;
	position:relative;
}

.tabControls .plusLinkLeft
{
	position:absolute;
	left:0px;
	font-size:1.3em;
}

.tabControls .plusLink
{
	position:absolute;
	right:0px;
	font-size:1.3em;
}

.tabControls p
{
	text-align:center;
}

.noJS .tabControls
{
	display:none;
}

.clientsTabContainer .noJS
{
	display:none;
}

a:hover .clientLogo
{
	border:solid 3px #e9e9e9;
}

.newsStory
{
	background:url("../images/news_story_bg.gif") no-repeat left top;
	padding:10px 0px 5px 0px;
}

.newsStory p
{
	padding:0px 0px 0px 0px;
}

.follow
{
	margin:10px 0px 0px 0px;
	padding:10px 0px;
	border-top:solid 1px #efefef;
	border-bottom:solid 1px #efefef;
	font-size:1.3em;
}

.twitterLink
{
	background:url("../images/twitter_icon.gif") no-repeat left center;
	padding:0px 0px 0px 15px;
}

.RSSLink
{
	background:url("../images/rss_icon.gif") no-repeat left center;
	padding:0px 0px 0px 15px;
}

object
{
	display:block;
	border:solid 1px #efefef;
	margin:0px 0px 5px 0px;
}

#latestThinking h3 a
{
	color:#5F046C;
	padding:2px 20px 0px 0px
}

#latestThinking p
{
	padding:0px 0px 5px 0px;
}

/****** END Homepage ******/

/****** Works & Clients ******/

.sortContainer
{
	border-bottom:solid 1px #efefef;
	padding:0px 0px 10px 0px;
	margin:0px 0px 15px 0px;
	overflow:hidden;
	zoom:1; /*IE6 Fix*/
}

.sortContainer span
{
	font-size:1.6em;
	color:#6c1878;
	font-weight:bold;
	margin:0px 10px 0px 0px;
}

.sortContainer input
{
	display:none;
}

.sortContainer input.noJS
{
	display:inline;
}

.sortContainer select
{
	color:#333;
	padding:2px;
	margin:0px 5px 0px 0px;
}

#largeItemContainer
{
	border-bottom:solid 1px #efefef;
	margin:0px 0px 2px 0px;
	clear:both;
	height:1%; /* IE6 fix */
}

#largeItemContainer img
{
	display:block;
	border:solid 1px #efefef;
}

#largeItemContainer h2
{
	font-size:1.8em;
	color:#5f046c;
	font-weight:bold;
	border-bottom:none;
	padding:2px 0px 4px 0px;
	margin:0px;
}

#largeItemContainer h2 span
{
	display:block;
}

#largeItemContainer .plusLink
{
	font-size:1.3em;
}

#clientDetail
{
	background:#f2f2f2;
	overflow:hidden;
	margin:0px 0px 15px 0px;
	padding:15px 0px 5px;
	height:1%; /* IE6 fix */
}

#clientDetail h2
{
	padding:0px 0px 0px 15px;
	border:none;
	font-size:1.8em;
	font-weight:bold;
}

#clientDetail .singleColumn
{
	width:274px;
	padding:0px 15px 0px 15px;
	min-height: 1px;
}

#clientDetail .endColumn
{
	text-align: right;
}

/****** END Works & Clients ******/

/****** Project detail ******/

.projectIntro
{
	border-bottom:solid 1px #efefef;
	margin:0px 0px 15px 0px;
}

.projectDetails h2
{
	font-size:1.8em;
	color:#5f046c;
	font-weight:bold;
	border-bottom:none;
	padding:0px 0px 3px 0px;
	margin:0px 0px 0px 0px;
}

.projectDetails ul 
{
	padding-left: 20px;
}

.projectDetails img
{
	border:solid 1px #efefef;
	margin:0px 0px 10px 0px;
}

.projectThumbs img
{
	border:solid 1px #efefef;
	margin:0px 10px 10px 0px;
	float:left;
}

.projectThumbs img.lastImage
{
	margin:0px 0px 10px 0px;
}

.secondaryNav
{
	font-size:1.6em;
}

.secondaryNav li
{
	list-style:none;
}

.secondaryNav a
{
	text-decoration:none;
	color:#5f046c;
	font-weight:bold;
	display:inline-block;
	padding:0px 18px 0px 0px;
	background:url("../images/link_icon.gif") no-repeat right center;
}

/****** END Project detail ******/

/****** Latest & Thinking ******/

.smallItem
{
	clear:both;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	border-bottom: solid 1px #efefef;
	overflow:hidden;
	height:1%; /* IE6 fix */
}

.smallItem img
{
	border:solid 1px #efefef;
	float:left;
}

.smallItem .smallItemText
{
	float:left;
	margin:0px 0px 0px 5px;
	width:227px;
}

#smallItemContainer .follow
{
	margin:-5px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	border-top:none;
}

/****** END & Thinking ******/

/****** About Chemistry ******/

.aboutAccordion
{
	padding:0px;
}

.aboutAccordion h2
{
	font-size:1.6em;
	color:#5f046c;
	border-bottom:none;
	border-top:solid 1px #efefef;
	padding:10px 0px 0px 0px
}

.aboutAccordion h2 a
{
	color:#5f046c;
}

a.minusLink
{
	background:url("../images/link_icon_minus.gif") no-repeat right center;
}

.aboutAccordion .doubleColumn
{
	border-top:solid 1px #efefef;
	padding:5px 0px 0px 0px
}

.aboutAccordion .doubleColumn h3
{
	font-size:2em;
	color:#990099;
}

.aboutAccordion .doubleColumn li
{
	list-style:none;
}

.accordionContent
{
	display:none;
}

.aboutAccordion .noJS
{
	display:block;
}

/****** END About Chemistry ******/

/****** People ******/

#peopleContainer
{
	border-top:solid 1px #efefef;
	padding:15px 0px 15px 0px;
	overflow:hidden;
	height:1%; /* IE6 fix */
}

.person
{
	float:left;
	display:inline;
	width:314px;
	height:192px;
	margin:0px 3px 2px 0px;
	position:relative;
	overflow:visible;
}

#peopleContainer .endColumn
{
	margin:0px 0px 2px 0px;
}

.person img
{
	display:block;	
}

.imageContainer
{
	border:solid 1px #efefef;
	width:312px;
	height:190px;
	overflow:hidden;
	
}

.personFrame
{
	width:310px;
	height:188px;
	position:absolute;
	top:2px;
	left:2px;
	background:url("../images/person_frame2.png") no-repeat top left;
	cursor:pointer;
}

.person:hover .personFrame
{
	background:url("../images/person_frame_hover.gif") no-repeat top left;	
}

.personText
{
	position:absolute;
	bottom:5px;
	left:5px;
	width:280px;
	background:url("../images/60percent_white.png") repeat top left;
	padding:5px 10px;
}

.person:hover .personText
{
	background:#ffffff;
}

.personText h2
{
	margin:0px;
	padding:0px;
	border:none;
	font-size:1.3em;
	color:#333333;
	font-weight:bold;
}

.personText p
{
	color:#333333;
	padding:0px;
}


.personOn .imageContainer
{
	border:solid 1px #efefef;
	width:312px;
	height:190px;
	overflow:hidden;
	position:absolute;
	z-index:100;
}

.personDetails
{
	position:absolute;
	left:314px;
	width:0px;
	height:192px;
	background:#ffffff;	
	z-index:100;
	overflow:hidden;
	display:none;
}

.personDetails h3
{
	width:290px;
	margin:0px 10px 0px 18px;
	color:#5f046c;	
	padding:0px;
}

.personDetails .jobTitle
{
	color:#990099;
}

.personDetails .email a
{
	color:#990099;
	font-size:0.8em;
}

.personDetails p
{
	width:290px;
	margin:0px 10px 0px 18px;
}

.personDetails .closeButton
{
	width:290px;
	height:16px;
	overflow:hidden;
	text-indent:-9999em;
	background:url("../images/close_icon.gif") no-repeat top right;
	margin:10px 10px 0px 18px;
	display:block;
}

.endColumn .personDetails
{
	left:auto;
	right:314px;
}

.endColumn .personDetails h3,
.endColumn .personDetails p,
.endColumn .closeButton
{
	float:right;
	display:inline;
}

.bottomRow .personDetails,
.bottomRow .imageContainer
{
	top:auto;
	bottom:0px;
}

/****** END People ******/

/*** Contact ***/
.contactIntro
{
	border-bottom:solid 1px #efefef;
}

#londonMap,
#nottinghamMap
{
	width:624px;
	height:432px;
	margin:0px 0px 10px 0px;
	border:solid 1px #efefef;
}

.mapContainer
{
	padding:15px 0px 0px;	
	overflow:hidden;
	clear:both;
}

.mapContainer h2
{
	font-size:1.8em;
	color:#5f046c;
	font-weight:bold;
	padding:0px 0px 3px 0px;
	margin:0px;
	border-bottom:none;
}

.contactForm
{
	padding:0px 0px 20px 0px;
	overflow:hidden;
}

.contactForm label
{
	display:block;
	padding:20px 0px 5px 0px;
	font-size:1.6em;
	color:#5F046C;
	font-weight:bold;
	cursor:pointer;
}

.contactForm .error label
{
	color:#b80e1d;
}

.contactForm input.textfield
{
	width:614px;
	border:solid 1px #dddddd;
	padding:5px;
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.2em;
	background:#ffffff;
}

.contactForm textarea
{
	width:614px;
	border:solid 1px #dddddd;
	padding:5px;
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.2em;
	background:#ffffff;
}

.contactForm input.textfield:focus,
.contactForm textarea:focus
{
	background:#f5f5f5;
	border:solid 1px #bbbbbb;
}

.contactForm .error input,
.contactForm .error textarea,
.contactForm .error input:focus,
.contactForm .error textarea:focus
{
	background:#fbd3d6;
	border:solid 1px #b80e1d;
}

.submitButton
{
	margin:20px 0px 0px 0px;
	padding:5px;
	font-family: Helvetica, Arial, sans-serif;
	float:right;
}

img.alignleft
{
	float:left;
	margin:0px 20px 20px 0px;
}

img.alignright
{
	float:right;
	margin:0px 0px 20px 20px;
}

/*** Latest News ***/

.sortContainer .controls
{
	float:left;
}

p.showAllNews
{
	float:right;
	text-align:right;
	font-size:1.6em;
	padding:0px;
}

p.showAllNews span
{
	font-size:1em;
	margin:0px;
}

p.showAllNews a.plusLink
{
	padding:0px 18px 0px 0px;
}


/**** JOIN US PAGE ****/
.jobCategory {
	padding-bottom: 15px;
}

.jobCategory h2
{
	font-size:1.6em;
	color:#5f046c;
	border-bottom:solid 1px #efefef;
	padding:0px 0px 10px 0px
}

.jobCategory h2 a
{
	color:#5f046c;
}

.jobCategory h3
{
	font-size:1.3em;
}