@charset "utf-8";

@import "../../../../../mysite/css/base.css";
@import "../../../../../mysite/css/layout.css";

/*******************************************************
STRUCTURAL DESIGN ELEMENTS
*******************************************************/
body {
	background:#eadedc url(img/body-bg.gif) center;
	color:#4a5254;
	font-family: tahoma, arial, sans-serif;
}
div#container {
	font-size:.76em;
}
div#newWrapper {
	background:url(img/outerWrapper-bg.gif) 50% 95px no-repeat;
}
div#containerInner{
	background:#eadedc url(img/body-bg.gif) center;
}
div#content {
	background:url(img/outerWrapper-bg.gif) 50% 0 no-repeat;
}
div#footer {
	background:url(img/footer-bg.gif) center;
}
div#posStatement p {
	color:#4A5254;
}
h1.steelLogo a {
	background:url(img/steel-logo.gif);
	text-indent:-9999em; 
}
#accentStrip1 { 
	position:absolute;
	top:0; 
	left:0;
	height:6px;
	width:100%;
	z-index:10; 
	overflow:visible; 
	background:url(../../img/accent.jpg) 50% 100%;
}
/* RANDOM TESTIMONIALS */
.testimonial1 {
	background:url(img/testimonials/testimonial1.gif);
}
.testimonial2 {
	background:url(img/testimonials/testimonial2.gif);
}
.testimonial3 {
	background:url(img/testimonials/testimonial3.gif);
}
.testimonial4 {
	background:url(img/testimonials/testimonial4.gif);
}
.testimonial5 {
	background:url(img/testimonials/testimonial5.gif);
}
.testimonial6 {
	background:url(img/testimonials/testimonial6.gif);
}
.testimonial7 {
	background:url(img/testimonials/testimonial7.gif);
}
.testimonial8 {
	background:url(img/testimonials/testimonial8.gif);
}
.testimonial9 {
	background:url(img/testimonials/testimonial9.gif);
}
.testimonial10 {
	background:url(img/testimonials/testimonial10.gif);
}
.testimonial11 {
	background:url(img/testimonials/testimonial11.gif);
}
.testimonial12 {
	background:url(img/testimonials/testimonial12.gif);
}
.testimonial13 {
	background:url(img/testimonials/testimonial13.gif);
}
.testimonial14 {
	background:url(img/testimonials/testimonial14.gif);
}
.testimonial15 {
	background:url(img/testimonials/testimonial15.gif);
}
.testimonial16 {
	background:url(img/testimonials/testimonial16.gif);
}


div.hr {
  border-top: 1px solid #c8bab7;
  border-bottom:1px solid #ffffff;
}

/*******************************************************
BASIC CLASS STYLES
*******************************************************/
/* LINKS */
a {
	color:#369;
	text-decoration:none;
}
a:hover {
	color:#000 !important;
}

/* HEADERS */
h1, h2, h3, h4 {
	color:#000;
}
/*******************************************************
MAIN NAVIGATION
*******************************************************/
ul#mainNav li a {
	text-indent:-9999em; 
	background-image: url(img/mainNav-bg.gif); 
}

/*******************************************************
ARTICLE LISTS - highlight blocks when hovered over
*******************************************************/
div.articleLinks ul li div.article:hover {
	background: #d8ccc9 url(img/articleListTop-bg.gif) no-repeat;
}
div.articleLinks ul li div.articleInner:hover {
	background: url(img/articleListBtm-bg.gif) 0 100% no-repeat;
}
div.articleLinks ul li a{
	color:#4a5254;
}
div.articleLinks ul li h3 a {
	color:#000;
}
p.articleCategory, 
p.reference {
	color:#899192;
}
div#sideColumn div.articleLinks ul li div.article:hover {
	background: #c8bab7 url(img/sideArticleListTop-bg.gif) no-repeat;
}
div#sideColumn div.articleLinks ul li div.articleInner:hover {
	background: url(img/sideArticleListBtm-bg.gif) 0 100% no-repeat;
}

/*******************************************************
PORTFOLIO LIST - highlight blocks when hovered over
*******************************************************/
div#portfolioList ul li a:hover {
	background: #d8ccc9 url(img/portfolioListTop-bg.gif) no-repeat;
}
div#portfolioList ul li a:hover .portfolioListInner {
	background: url(img/portfolioListBtm-bg.gif) 0 100% no-repeat;
}
div#portfolioList ul li a strong {
	color:#000;
}
div#portfolioList a em {
	color: #899192;
}

/*******************************************************
GLOBAL EDITORIAL ELEMENTS
*******************************************************/
p.phone { 
	background:url(img/phone16.gif) 0 2px no-repeat;
}
p.fax { 
	background:url(img/fax16.gif) 0 2px no-repeat;
}
/* PULL QUOTES */
q.PullQuote {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:1.2em;
	line-height:1.3em;
	color: #000;
	background: url(img/quoteMarks.gif) no-repeat 10px 8px;
	text-indent: 28px;
	min-height: 21px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #899192;
}
.PullQuoteSourceHighlight {
	color:#fff;
	background: #899192;
}
/* UNORDERED LISTS */
#mainColumn1 li.selected, 
#mainColumn2 li.selected, 
#sideColumn li.selected, 
.intro li.selected {
	background:	url(img/bullet.gif) 0 .45em no-repeat;
}
#mainColumn1 li.selected a, 
#mainColumn2 li.selected a, 
#sideColumn li.selected a, 
.intro li.selected a, a.selected {
	color:#000 !important;
}
ul li {
	background:	url(img/bullet-off.gif) 0 .45em no-repeat;
}
blockquote {
	background:url(img/quoteMarks.gif) 15px 0 no-repeat; 
}

/*******************************************************
BLOG
*******************************************************/
div.leftnav ul li div.leftnavArticle:hover {
	background: #c8bab7 url(img/sideArticleListTop-bg.gif) no-repeat;
}
div.leftnav ul li div.leftnavInner:hover {
	background: url(img/sideArticleListBtm-bg.gif) 0 100% no-repeat;
}
div.leftnav h4 a {
	color:#000; /* MOVE */
}
h2.blogTitle { 
	color:#899192;
}

/*******************************************************
IMAGE WALLS (STAFF WALL and CLIENT WALL)
*******************************************************/
dl.imageWall dt a {
	text-indent:-9999em;
}
dl.imageWall dt a.grouped {
	border:3px solid #fff;
}
dl.imageWall dt a.unGrouped {
	background:url(img/shadow50.png);
}
dl.imageWall dt a:hover { 
	border:3px solid #c8bab7;  
}
dl.imageWall dd strong, 
dl.imageWall dd em {
	color:#899192;
}
dl.imageWall dd img {
	margin:0 0 3px;
	display:block;
}
dl.imageWall dd a {
	background:url(img/zoom16-2.gif) 5px 0 no-repeat;
}
dl.imageWall dd a:hover {
	color:#f30 !important;
}
dl.clientWall dd.selected {
	background:url(img/shadow50.png);
}
dl.clientWall dd.selected div.inner,
dl.staffWall dd.selected {
	background:#fff;
}

body#clientList ul.groupListCols span {
	background:url(img/zoom16.gif);
	text-indent:-9999em;
}

/* CLIENT LIST */
body#sectionClients ul.groupListCols span a {
	background:url(img/zoom16.gif) 3px 3px no-repeat;
	color:#999;
}

/* CASE STUDIES */
a.hoverImage img { 
	border:15px solid #eadedc; 
}
a.hoverImage:hover img { 
	border:15px solid #d8ccc9; 
}

/* Highlight current case study in case study list */
body#cs_aolDiscuss ul.caseStudiesList li.aolDiscuss, 
body#cs_debenhamsEcrm ul.caseStudiesList li.debenhamsEcrm, 
body#cs_emapFhmXbox ul.caseStudiesList li.emapFhmXbox, 
body#cs_lastminuteCrackers ul.caseStudiesList li.lastminuteCrackers, 
body#cs_markwarnerWebsite ul.caseStudiesList li.markwarnerWebsite, 
body#cs_tacheback07 ul.caseStudiesList li.tacheback07, 

/* Highlight current project launch in project launch list */
body#pl_CRMacMonkey ul.projectLaunchesList li.CRMacMonkey, 
body#pl_AOLBroadband ul.projectLaunchesList li.AOLBroadband, 
body#pl_Ladbrokes3DPoker ul.projectLaunchesList li.Ladbrokes3DPoker, 
body#pl_lastminuteSnog ul.projectLaunchesList li.lastminuteSnog, 
body#pl_seafranceXmas ul.projectLaunchesList li.seafranceXmas, 
body#pl_lastminutePants ul.projectLaunchesList li.lastminutePants, 
body#pl_debenhamsClubs ul.projectLaunchesList li.debenhamsClubs, 
body#pl_debenhamsXmas ul.projectLaunchesList li.debenhamsXmas, 

/* Highlight current news item in news list */
body#ln_AnwarIshak ul.newsList li.AnwarIshak, 
body#ln_CRDWeCRM ul.newsList li.CRDWeCRM, 
body#ln_RSMWins ul.newsList li.RSMWins, 
body#ln_TachebackWins ul.newsList li.TachebackWins, 
body#ln_TouchLocalAppointment ul.newsList li.TouchLocalAppointment, 
body#ln_STEEL2007 ul.newsList li.STEEL2007, 
body#ln_POCruises ul.newsList li.POCruises, 
body#ln_Vivalis ul.newsList li.Vivalis, 
body#ln_SeaFranceRedesign ul.newsList li.SeaFranceRedesign, 
body#ln_dgmPartnership ul.newsList li.dgmPartnership, 
body#ln_SeaFranceViral ul.newsList li.SeaFranceViral,
body#ln_HoseasonsViral ul.newsList li.HoseasonsViral,

/* Highlight current vacancy item in vacancy list */
body#jv_AccountExecutive ul.vacancyList li.AccountExecutive,
body#jv_SeniorWebDeveloper ul.vacancyList li.SeniorWebDeveloper
/* Highlight current vacancy item in vacancy list */
/* (FORMAT NOTE:) body#jv_AccountManager ul.vacancyList li.AccountManager */ {
	background:	url(img/bullet.gif) 0 .45em no-repeat;
}

/*******************************************************
SOCIAL BOOKMARKING LINKS
*******************************************************/
div#socialBookMarks {
	background:#efe6e5;
	border:1px solid #cdbab7;
}
div#socialBookMarks li a {
	background-color:#d8ccc9;
	color:#369;
}
div#socialBookMarks li a:hover {
	background-color:#369;
	color:#fff !important;
}

/*******************************************************
TEAM PROFILE PAGES
*******************************************************/
body.profile div#hero {
	background:url(../../team/heros/heroGeneric.jpg);
}
body#AbiScott div#hero {
	background:url(../../team/heros/heroAbiScott.jpg);
}
body#AndyGillon div#hero {
	background:url(../../team/heros/heroAndyGillon.jpg);
}
body#AndyHinder div#hero {
}
body#AnnaVanEs div#hero {
}
body#ClareRowlands div#hero {
	background:url(../../team/heros/heroClareRowlands.jpg);
}
body#ClareStephenson div#hero {
}
body#DavidRichardson div#hero {
	background:url(../../team/heros/heroDavidRichardson.jpg);
}
body#DineshRangachar div#hero {
}
body#ErikaToth div#hero {
	background:url(../../team/heros/heroErikaToth.jpg);
}
body#FeliceNichols div#hero {
	background:url(../../team/heros/heroFeliceNichols.jpg);
}
body#GarethFryer div#hero {
}
body#HelenWhatley div#hero {
	background:url(../../team/heros/heroHelenWhatley.jpg);
}
body#IvanMarx div#hero {
	background:url(../../team/heros/heroIvanMarx.jpg);
}
body#JoelHart div#hero {
	background:url(../../team/heros/heroJoelHart.jpg);
}
body#JonathanFurse div#hero {
	background:url(../../team/heros/heroJonathanFurse.jpg);
}
body#JonoWard div#hero {
	background:url(../../team/heros/heroJonoWard.jpg);
}
body#KateGreenstock div#hero {
	background:url(../../team/heros/heroKateGreenstock.jpg);
}
body#KevinPond div#hero {
	background:url(../../team/heros/heroKevinPond.jpg);
}
body#LesHughes div#hero {
	background:url(../../team/heros/heroLesHughes.jpg);
}
body#LiamMcCarten div#hero {
	background:url(../../team/heros/heroLiamMcCarten.jpg);
}
body#MarionVivien div#hero {
	background:url(../../team/heros/heroMarionVivien.jpg);
}
body#MarkChambers div#hero {
	background:url(../../team/heros/heroMarkChambers.jpg);
}
body#MartinSmout div#hero {
	background:url(../../team/heros/heroMartinSmout.jpg);
}
body#MelanieLowings div#hero {
}
body#MelanieRohatMeheust div#hero {
}
body#MelStanbrook div#hero {
	background:url(../../team/heros/heroMelStanbrook.jpg);
}
body#MichelleSaynor div#hero {
}
body#MyiaHancox div#hero {
	background:url(../../team/heros/heroMyiaHancox.jpg);
}
body#NeilMacleod div#hero {
}
body#NickBennett div#hero {
	background:url(../../team/heros/heroNickBennett.jpg);
}
body#NicolaBowden div#hero {
	background:url(../../team/heros/heroNicolaBowden.jpg);
}
body#PennySkeels div#hero {
	background:url(../../team/heros/heroPennySkeels.jpg);
}
body#RobDinsdale div#hero {
}
body#RobWingrove div#hero {
}
body#RobertEllisson div#hero {
}
body#RyanTuffney div#hero {
}
body#SamGrant div#hero {
	background:url(../../team/heros/heroSamGrant.jpg);
}
body#ScottFitzsimmons div#hero {
	background:url(../../team/heros/heroScottFitzsimmons.jpg);
}
body#StuartPearson div#hero {
}
body#TimBenjamin div#hero {
}
body#VickyMoss div#hero {
	background:url(../../team/heros/heroVickyMoss.jpg);
}

/*******************************************************
LIGHTWINDOW SKIN
*******************************************************/
div#nyroModalLoading 		{ background: #D8CCC9 url(../img/ajaxLoader.gif) no-repeat; }
div#nyroModalWrapper 		{ border: 10px solid #D8CCC9; background: #D8CCC9; }

/*******************************************************
IMAGE WALL
*******************************************************/
#imageWall li {
    background:#EADEDC;
}

.ungroupedBorder{
    border: 3px solid #f5efee !important;
}