@charset "utf-8";

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

/*******************************************************
STRUCTURAL DESIGN ELEMENTS
*******************************************************/
body {
	background:#374548 url(img/body-bg.gif) center;
	color:#bbc0c1;
	font-family: tahoma, arial, sans-serif;
}
div#container {
	font-size:.76em;
}
div#newWrapper {
	background:url(img/outerWrapper-bg.gif) 50% 106px no-repeat;
}
div#containerInner {
	background:#374548 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;
}
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 #323d40;
	border-bottom:1px solid #414e51;
}

/*******************************************************
BASIC CLASS STYLES
*******************************************************/
/* LINKS */
a {
	color:#69c;
	text-decoration:none;
}
a:hover {
	color:#fff !important;
}
/* HEADERS */
h1, h2, h3, h4 {
	color:#fff;
}

/*******************************************************
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: #273336 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:#acb7bf;
}
div.articleLinks ul li h3 a {
	color:#fff;
}
p.articleCategory, p.reference {
	color:#798284;
}
div#sideColumn div.articleLinks ul li div.article:hover {
	background: #152123 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: #273336 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:#fff;
}
div#portfolioList a em {
	color: #798284;
}

/*******************************************************
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: #fff;
	background: url(img/quoteMarks.gif) no-repeat 10px 8px;
	text-indent: 28px;
	min-height: 21px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #798284;
}
.PullQuoteSourceHighlight {
	color:#fff;
	background: #798284;
}

/* 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:#fff !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: #152123 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:#fff;
}
div.leftnav ul li.viewAll a	{ 
	color:#fff; 
}
h2.blogTitle {
	color:#798284;
}


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

/* 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,
body#ln_PerfectPizzaRedesign ul.newsList li.PerfectPizzaRedesign,

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

/*******************************************************
SOCIAL BOOKMARKING LINKS
*******************************************************/
div#socialBookMarks {
	background:#414e51;
	border:1px solid #273336;
}
div#socialBookMarks li a {
	background-color:#374548;
	color:#69c;
}
div#socialBookMarks li a:hover {
	background-color:#69c;
	color:#fff;
}


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

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

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