@charset "utf-8";
/* CSS Document */

/* generic styles */
body { padding:0; margin:0; background:#ffffff; font-family: Helvetica, Arial, sans-serif; color:#666666; }

img { display:block; }

h1 { font-size:1.1em; margin:0; padding:0; font:bold; margin:8px 0 0 0; }
p { font-size:0.7em; line-height:1.5em; padding:0 0 12px 0; margin:0; color:#666666; }
ul.list { font-size:0.7em; line-height:1.5em; margin-top:0; }
.grads ul.list { font-size:0.7em; line-height:1.5em; margin:0 0 0 13px; padding:0; width:290px; }
.bold { font-weight:bold; }

a { color:#f00; text-decoration:none; }
a:hover { text-decoration:underline; }

hr.separator { width:10px; text-align:left; margin:9px 0; padding:0; }

/* generic layout styles */
#maincontentcontainer { background:#ffffff; z-index:-1; }

#maincontent { position:relative; width:972px; margin-left:auto; margin-right:auto; height:642px; }
#gradcontent { position:relative; width:972px; margin-left:auto; margin-right:auto; }
#bodycontent { margin:87px 0 0 0; width:972px; }

#bodycontent .content-left { position:relative; float:left; background:url(../images/bg-logo-sm.gif) no-repeat top left; width:455px; }
#bodycontent .content-left img { float:left;  }
#bodycontent .content-left .content { margin-left:82px; }
#bodycontent .content-left .content p { width:317px; }

#bodycontent .content-right { position:relative; float:right; margin:0 0 0 12px; width:480px; }



/* homepage styles */
object#flash_header, #home #flashcontent { position:absolute; top:0px; z-index:10; }

/* contact page styles */
#contact #maincontent { background:none; margin-left:auto; margin-right:auto; width:972px; height:90px; z-index:2; }
#contact #footer_container { top:666px; }
#contact #footercontent { margin-top:666px; }
#map_canvas { position:absolute; display:block; top:0; left:0; width:100%; height:756px; z-index:1; }
iframe { position:absolute; top:0; left:0px; }

/* navigation styles */
#navigation { position:relative; float:right; margin:47px 34px 0 0; display:inline; z-index:1000; }
#navigation.onMap { position:relative; top:31px; background:url(/images/bg-nav-onmap3.png) no-repeat; margin:0 20px 0 0; padding:16px 14px;  }
/*#navigation.onDark { background:url(../images/bg-nav-ondark.png) no-repeat; margin:32px 20px 0 0; padding:15px 14px;  }*/
#navigation ul { list-style:none; padding:0; margin:0; }
#navigation .nav-item-active { float:left; padding-bottom:3px; border-bottom:4px solid #6a645b; }
#navigation .nav-item { float:left; }
#navigation li { display:inline; font-weight:bold; border-left:1px solid #e5e3df; padding: 0px 8px; font-size:0.75em; }
#navigation ul li a { color:#999999; text-decoration:none; }
#navigation ul li a:hover { color:#ff0000; }
#navigation ul li.active a{ color:#ff0000; text-decoration:none; margin-bottom:5px; }
#navigation ul li.last { border-right:1px solid #e5e3df; }

/* subnavigation navigation styles */
/* DC - Added 73px to margin to compensate for removing Key Dates nav item
	  - Then thought that sub-nav looked too detached from Grads nav item so subtracted 192px
	#subnavigation { position:relative; float:right; margin:0 259px 0 0; display:inline; z-index:1000; }
*/
#subnavigation { position:relative; float:right; margin:10px 140px 0 0; display:inline; z-index:1000; }
#subnavigation ul { list-style:none; padding:0; margin:0; }
#subnavigation .nav-item-active { float:left; padding-bottom:3px; }
#subnavigation .nav-item { float:left; }
#subnavigation li { display:inline; font-weight:bold; border-left:1px solid #e5e3df; padding: 0px 8px; font-size:0.75em; }
#subnavigation ul li a { color:#999999; text-decoration:none; }
#subnavigation ul li a:hover { color:#ff0000; }
#subnavigation ul li.active a{ color:#ff0000; text-decoration:none; margin-bottom:5px; }
#subnavigation ul li.last { border-right:1px solid #e5e3df; }

#navigation.onMap ul { list-style:none; padding:0; margin:0; }
#navigation.onMap .nav-item-active { float:left; padding-bottom:3px; border-bottom:4px solid #6a645b; }
#navigation.onMap .nav-item { float:left; }
#navigation.onMap li { display:inline; font-weight:bold; border-left:1px solid #e5e3df; padding: 0px 8px; font-size:0.75em; }
#navigation.onMap ul li a { color:#999999; text-decoration:none; }
#navigation.onMap ul li a:hover { color:#ff0000; }
#navigation.onMap ul li.active a{ color:#ff0000; text-decoration:none; margin-bottom:5px; }
#navigation.onMap ul li.last { border-right:1px solid #e5e3df; }

#navigation.onDark .nav-item-active { float:left; padding-bottom:3px; border-bottom:4px solid #999999; }
#navigation.onDark ul li a { color:#cccccc; text-decoration:none; }
#navigation.onDark ul li a:hover { color:#ff0000; }
#navigation.onDark ul li.active a { color:#ffffff; text-decoration:none; margin-bottom:5px; }
#navigation.onDark ul li.active a:hover { color:#ff0000; }
#navigation.onDark ul li.last { border-right:1px solid #e5e3df; }

/* who-we are page styles */
#who-we-are #maincontent { height:auto; }
#who-we-are #bodycontent { margin-right:0px; width:972px; }
#who-we-are #bodycontent .content-right { position:relative; float:left; margin:57px 0 0 12px; width:492px; }

#people .individual-left { position:relative; float:left; margin-right:12px; width:140px; margin-bottom:18px; }
#people .individual-right { position:relative; float:left; margin-left:30px; width:140px; margin-bottom:18px; }

#who-we-are #people .row { margin:0 auto; width:328px; overflow:visible;	 }

.details-individual { float:left; width:152px; margin-right:12px; }
.details-individual h3 { margin:0; padding:0; color:#666666; font-size:1em; }
.details-individual h3, .details-individual hr.separator, .details-individual .blurb { margin-left:10px; }
.details-indiv-image { margin-bottom:15px; cursor:pointer; }

#bodycontent .content-right #people-info { position:absolute; top:0; left:0; background:#fff;  }
.details-close { padding:16px 0 25px 3px; cursor:pointer; }
#people-info h3 { margin:0; padding:0; color:#666666; font-size:1em; }
#people-info p { width:480px; }

/* clients page styles */
#clients #maincontent { height:auto }
#clients #bodycontent { margin-right:0px; width:972px; }
#clients #bodycontent .content-right { position:relative; float:left; margin:115px 0 72px; width:493px; }

/* news related styles */
#news #maincontent { position:relative; height:auto; }
#news #bodycontent { background:url(../images/bg-logo-sm.gif) no-repeat top left; }
#news #bodycontent .content { margin-left:82px; }
.top { border-bottom:1px solid #cecece; padding-bottom:21px; margin:4px 0 39px 82px; width:810px; }
#news #bodycontent { margin-right:0px; width:810px; }
#news #bodycontent .content-left{ margin-right:0px; width:480px; }
#news #bodycontent .top .content-left .content { margin-left:0px; }
#news #bodycontent .content-right{ margin:0; width:320px; background: }
img.icon-web { display:inline; padding-left:7px; }
.news-article-list-item { width:892px; margin-bottom:41px; }
.news-article-list-img { position:relative; float:left; width:312px; }
.news-article-list-blurb { position:relative; float:left; width:477px; margin-left:20px; color:#898787; }
.news-job-list-blurb { position:relative; float:left; width:477px; color:#898787; }
.news-item-header { border-bottom:1px solid #cecece; padding-bottom:7px; margin-bottom:6px; }
.news-article-list-blurb h2 { margin:0; padding:0; font-size:1.1em; margin-bottom:1px; }
.news-article-list-blurb h2 a { color:#666; text-decoration:none; }
.news-article-list-blurb h2 a:hover { color:#f00; text-decoration:underline; }
.news-job-list-blurb h2 { margin:0; padding:0; font-size:1.1em; margin-bottom:1px; }
.news-job-list-blurb h2 a { color:#666; text-decoration:none; }
.news-job-list-blurb h2 a:hover { color:#f00; text-decoration:underline; }
.post { font-size:0.75em; font-style:italic; color:#a4a4a4; }
.post a { font-style:normal; }
a.more  { font-style:italic; color:#cecece; font-size:1em; text-decoration:none; }
a.more:hover  { color:#ff0000; text-decoration:underline; }
.article-info-share { margin-top:31px; width:477px;}
.article-info { position:relative; float:left; width:315px; margin-right:10px; }
.article-share { position:relative; float:left; width:152px; }

/* news article page styles*/
#news-article { margin:-23px 0 40px; width:481px; }
#news-article h2 { margin-bottom:11px; font-size:1.25em; color:#666666 }
#news-article .news-item-header { border-bottom:none; margin-bottom:6px; padding-bottom:7px; }
#news-article .news-item-header h2 { font-size:1.1em; margin-bottom:9px; }
#news-article .news-article-list-img { position:relative; float:left; width:481px; padding:4px 0 15px 0; }
#news-article .news-article-list-blurb { width:481px; margin-left:0px; }
#news-article .news-job-list-blurb { width:481px; margin-left:0px; }
#news-article hr.separator { margin:2px 0 -7px 0; padding:0; text-align:left; width:10px; }
#news-article .article-info .post { font-weight:bold; color:#666666; }
#news-article .article-info .post a { font-weight:normal }

/* what-we-do page styles */
#what-we-do #maincontentcontainer { background:#ffffff url(../images/bg-flash.jpg) repeat-x scroll 0 -29px; }
#what-we-do #maincontent { background:#000000; height:633px; }
object#flash_header, #what-we-do #flashcontent { position:absolute; top:0px; z-index:10; }
#campaigncontent { width:972px; margin-left:auto; margin-right:auto; display:none;  }
#campaign-info { padding:23px 0 85px 82px; width:890px;  border-top:1px dotted #a9a39c; margin-top:5px; }
.campaign { background:#0f0; display:none; }
.campaign h1 { display:none;}
.campaign h2 { margin:0; padding:0; font-size:0.75em; margin-bottom:10px; }
.campaign p { margin-right:25px; }
.campaign hr.separator { margin-bottom:7px;}
.campaign .content-left { position:relative; float:left; width:386px; margin-right:12px; }
.campaign .content-right { position:relative; float:left; width:481px; }
.campaign .content-right p { margin-bottom:8px; }
.campaign .content-right p a { font-weight:bold; }

/*form styles*/
.categories { float:left; }
.archives { float:left; }
form { margin:1px 0 0 0; padding:0; width:320px; }
form select { width:153px; margin-right:13px; border:1px solid #e2e2e2; }
form select#archives { margin-right:0px; }
form label { font-size:1.1em; font-weight:bold; display:block; margin-bottom:8px; width:153px; }


/*footer styles*/
#footer_container { position:relative; height:125px; z-index:3001; }
#footercontent { position:absolute; width:100%; height:125px; bottom:0; border-bottom:1px solid #ddd7d1; border-top:1px solid #ddd7d1; background:#ffffff; z-index:999; }

#footer { width:972px; margin-left:auto; margin-right:auto; margin-bottom:0; background:#fff; padding:18px 0 18px; display:block; }
#group-logo { display:none; }
#group-logo img { float:left; }
#group-logo img#company-close { float:left; padding:53px 0 0 542px; cursor:pointer; }
#company-info { float:left; }
.company { position:relative; float:left; border-left:1px dotted #a9a39c; padding:20px 0 18px 11px; width:182px; cursor:pointer; }
.companylast { position:relative; float:left; border-left:1px dotted #a9a39c; padding:20px 0 18px 11px; width:154px; cursor:pointer; }
.offer{ padding-top:3px; height:15px; }
.offertext { position:relative; float:left; padding:3px 6px 0 1px; font-size:0.75em; font-weight:bold; color:#666666; }
.offerimg { position:relative; float:left; width:15px; height:15px; margin-top:3px; background:#fff url(../images/icon-more.gif) no-repeat top left; }
.offer img { cursor:pointer; padding-top:3px; }

#companydetailscontent { position:absolute; width:100%; bottom:0; border-bottom:1px solid #ddd7d1; display:none; background:#ffffff url(../images/details-bg.jpg); z-index:3000;}
#details-london, #details-dialog, #details-modem, #details-entertainment, #details-blueprint { display:none; height:222px; }
#companydetails { width:972px; margin-left:auto; margin-right:auto; margin-bottom:0; padding:36px 0 36px; color:#666666; z-index:1001; }

#companydetails h2, #companydetails h3 { margin:0; padding:0; color:#666666; font-size:1em; }
#companydetails p { margin:0; padding:0; }

.detail-main-image { position:relative; float:left; width:234px; }
.details-blurb { position:relative; float:left; width:247px; border-left:1px dotted #a9a39c; padding-left:20px; margin-top:2px; }
.blurb {  }
.details-head { position:relative; float:left; padding:0 42px 0 62px; width:130px; }
* html .details-head { padding:0 32px 0 52px; width:120px; overflow:hidden; }
.details-head-image { float:left; margin:0 20px 15px 0; }
#companydetails .details-head h3, #companydetails .details-head hr.separator, #companydetails .details-head .blurb, { margin-left:10px; }
.details-contact { position:relative; float:left; width:236px; border-left:1px dotted #a9a39c; padding-left:10px;  margin-top:2px; }
.details-contact img.company-close { position: absolute; left:220px; padding:0; cursor:pointer; }

#copyright { position:relative; width:972px; margin-left:auto; margin-right:auto; margin-top:20px; padding-bottom:50px; padding-right:26px; text-align:right; font-size:0.7em; color:#999999;  }
#copyright a { color:#999999; }
#copyright a:hover { color:#ff0000; }

#googlePopUp { background:url(../images/bg-logo-sm.gif) no-repeat top left; }
#googlePopUp #blurb { padding:0px 60px 0px 82px;	}
#googlePopUp #blurb p { padding-bottom:0px;}

.clear { clear:both; }

/* grads site amends */

#bodycontent.grads { position:relative; float:left; margin-top:67px; padding-bottom:61px; height:100%; }
#bodycontent.grads .content-right { width:520px; margin-top:121px; margin-left:0px; }
#bodycontent.grads .content-left { width:452px; }
.grads .article-share { margin-top:10px; }
.grads .share img {padding-right:9px; }
.share p { padding-top:2px; }
.grads .share a { color:#666666; }
.grads .share a:hover { color:#f00; }

#graduates { position:relative; float:left; margin-top:-61px; }
#grads .individual-left { position:relative; float:left; margin-right:12px; width:140px; margin-bottom:18px; }
#grads .individual-right { position:relative; float:left; margin-left:30px; width:140px; margin-bottom:18px; }

.details-grad-image {
    margin-bottom: 15px;
}

table.dates {
	font-size:0.7em;
	padding-bottom:12px;
	width:317px;
}
table.dates td {
	padding-bottom:3px;
}