@import "/styles/reset.css";
@import "/styles/text.css";
@import "/styles/960.css";
@import "/styles/sifr.css";
@import "/styles/replaced.css";
@import "/styles/shadowbox.css";

body
{
	font: 13px/18px "Helvetica Neue", helvetica, arial, sans-serif;
	/*background: #FFF url(/images/interface/16_col.gif) repeat-y 50% 0 !important;*/
	background-color: #FFF;
	color: #333;
	background-image: none;
}

#masthead { height: 85px; }
#frontpage #content { border-top: 0; }

#content
{
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
	padding-bottom: 27px;
}

a
{
	text-decoration: none;
	color: #cc0000;
}

a:visited { color: #cc0000; }
a:hover { color: #000; }
a:focus { outline: 0; }

strong
{
	font-weight: bold;
	color: #000;
}

#scroller
{
	max-width: 1251px;
	min-width: 960px;
	overflow: hidden;
	height: 500px;
	position: relative;
	margin: 0 auto 20px auto;
}

#scroller ul
{
	position: relative;
	list-style: none;
	float: left;
	width: 100%;
	overflow: hidden;
}

#scroller ul { z-index: 3; }

#scroller ul,
#scroller li
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#scroller li { background-color: #ececec; }

#ll,#lr
{
	width: 30%;
	height: 520px;
	position: absolute;
	top: 0;
	z-index: 5;
	overflow: hidden;
}

/*#ll:hover ,#lr:hover { background-color: rgba(10,150,20,.3); }*/
#ll { left: 0; }
#lr { right: 0; }

#ll1,
#ll2,
#ll3,
#lr1,
#lr2,
#lr3
{
	height: 520px;
	position: absolute;
	top: 0;
}

#ll1
{
	background: transparent url(/images/interface/lines_left_1_w.gif) no-repeat 0 50%;
	left: 0;
	width: 100%;
}

#ll2
{
	background: transparent url(/images/interface/lines_left_2_w.gif) no-repeat 50% 50%;
	width: 80%;
}

#ll3
{
	background: transparent url(/images/interface/lines_left_3_w.gif) no-repeat 60% 50%;
	left: 0;
	width: 100%;
}

#lr1
{
	background: transparent url(/images/interface/lines_right_1_w.gif) no-repeat 100% 50%;
	right: -1px;
	width: 100%;
}

#lr2
{
	background: transparent url(/images/interface/lines_right_2_w.gif) no-repeat 50% 50%;
	width: 80%;
	right: -1px;
}

#lr3
{
	background: transparent url(/images/interface/lines_right_3_w.gif) no-repeat 40% 50%;
	right: -1px;
	width: 100%;
}

#logo a
{
	display: block;
	width: 175px;
	height: 80px;
	background: transparent url(/images/interface/myriad_logo.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -1234em;
}

#logo a:hover { background-position: 0 -80px; }

#intro a
{
	width: 100%;
	height: 100%;
	background: transparent url(/images/intro.png) no-repeat 0 -40px;
	margin: 0 auto;
	position: absolute;
	left: 80px;
	top: 0;
	z-index: 100;
	text-indent: -1234em;
	overflow: hidden;
	display: block;
}

#header
{
	padding: 0;
	margin-top: 20px;
	margin-bottom: 9px;
	overflow: hidden;
	position: relative;
}

h1
{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 100%;
	color: #cc0000;
	margin: 3px 0 0 0;
	padding: 0;
}

h2
{
	font-size: 150%;
	line-height: 24px;
	margin: 0 0 9px;
}

h3,h4,h5,h6,h7
{
	font-size: 100%;
	margin: 0 0 9px 0;
	padding: 0;
	color: #000;
}

h3 { line-height: 24px; }
#awards h3,.work h3 { line-height: 18px; }

#projectList,#awardList
{
	width: 100%;
	margin: 9px 0 9px 0;
}

#projectList th { text-align: left; }
#projectList td,#projectList tfoot th { border-top: 1px #ccc solid; }
#projectList th,
#projectList td { padding: 6px 10px 7px 10px; }
#projectList tr:hover td { background-color: #ececec; }
#projectList tr:hover .sorting_1 { background-color: #ccc; }

#projectList .sorting_asc
{
	background: url('/images/interface/sort_asc.gif') no-repeat center right;
	font-weight: bold;
	color: #000;
	background-color: #ececec;
}

#projectList .sorting_desc
{
	background: url('/images/interface/sort_desc.gif') no-repeat center right;
	font-weight: bold;
	color: #000;
	background-color: #ececec;
}

.sorting { background: url('/images/interface/sort_both.gif') no-repeat center right; }

#projectList .sorting_1
{
	font-weight: bold;
	background-color: #ececec;
	color: #000;
}

#projectList_wrapper { position: Relative; }

#projectList_wrapper select
{
	background-color: #fff;
	border: 1px #444 solid;
}

#projectList_filter { text-align: right; }

#projectList_filter input
{
	background-color: #ececec;
	font: 13px/18px "Helvetica Neue", helvetica, arial, sans-serif;
	border: 0;
	padding: 3px;
}

#projectList_length { padding: 8px 10px 9px 10px; }
#awardList th { text-align: left; }
#awardList td,#awardList tfoot th { border-top: 1px #ccc solid; }

#awardList th,
#awardList td
{
	padding: 6px 10px 7px 10px;
	vertical-align: top;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next
{
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous { background-image: url('/images/back_disabled.jpg'); }
.paginate_enabled_previous { background-image: url('/images/back_enabled.jpg'); }
.paginate_disabled_next { background-image: url('/images/forward_disabled.jpg'); }
.paginate_enabled_next { background-image: url('/images/forward_enabled.jpg'); }

#masthead ul li,#header ul li
{
	display: inline;
	margin: 0;
	text-indent: 0;
}

#masthead ul li a,#header ul li a { padding: .5em 1em; }
#masthead ul li a:hover,#header ul li a:hover { color: #fff; }

/*#projects #header ul a#projects_link,
#locations #header ul a#locations_link,
#clients #header ul a#clients_link,
#awards #header ul a#awards_link,
#profiles #header ul a#profiles_link,
.current
{
	color: #fff;
	background-color: #333;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}*/

.profile
{
	border-top: 1px #ccc solid;
	padding-top: 17px;
	position: Relative;
}

.profile dd { margin: 0 10px 0 240px; }

.profile dt
{
	position: absolute;
	left: 0;
	top: 17px;
}

#workList,
.profileList
{
	list-style: none;
	width: 960px;
	overflow: hidden;
}

#workList li,.profileList li
{
	float: left;
	position: relative;
	overflow: hidden;
}

.profileList li
{
	width: 220px;
	margin: 0 20px 20px 0;
}

#workList li
{
	width: 220px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

#services img,.profileList li img { margin-bottom: .5em; }

#workList li dl
{
	width: 100%;
	z-index: 10;
	font: 11px/16px "Helvetica Neue", helvetica, arial, sans-serif;
	height: 5em;
}

.container_12,.container_16
{
	overflow: hidden;
	position: relative;
}

#quotes { margin: 18px 0; }
#footer .container_16,#footer .container_12 { padding-top: 18px; }

#footer ul,#footer li
{
	list-style: none;
	margin: 0 0 .5em 0;
	padding: 0;
	text-indent: 0;
}

#footer ul { margin-bottom: 36px; }

#footer h3,#footer h3 a
{
	color: #000;
	margin: 0 0 .5em 0;
	padding: 0;
}

#footer a { color: #333; }
#footer a:hover { color: #cc0000; }
.tel { font-size: 150%; }
.lead { font: 18px/24px "Helvetica Neue", arial, sans-serif; }
.section { margin-bottom: 2em; }

.why #content h3
{
	color: #FFCC00;
	font-size: 18px;
	font-family: "Helvetica Neue", arial, sans-serif;
	line-height: 18px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

ul.clientList ,ul.countryList
{
	list-style: none;
	margin-bottom: 3em;
	padding: 0;
	text-indent: 0;
	border-bottom: 1px #ccc solid;
}

.clientList li ,.countryList li
{
	margin: 0;
	padding: .25em 0;
	border-top: 1px #ccc solid;
}

#clients #content h3 { margin: 0 0 .5em 0; }

ul.newsList
{
	list-style: none;
	margin-bottom: 3em;
	padding: 0;
	text-indent: 0;
}

.newsList li
{
	margin: 0;
	padding: 0;
}

#frontpage #content h3
{
	color: #fff;
	font-family: 'DIN-Medium';
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	margin: 0 0 .5em 0;
}

#frontpage #content h3 a { color: #fff; }
#frontpage .grid_8 { overflow: hidden; }

#our_work_grid
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 465px;
	height: 90px;
}

#our_work_grid li
{
	list-style: none;
	margin: 0 15px 10px 0;
	text-indent: 0;
	display: block;
	width: 140px;
	height: 80px;
	float: left;
	position: relative;
}

#our_work_grid li span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	text-indent: -1234em;
	overflow: hidden;
	background: transparent url(/images/interface/play_overlay.png) no-repeat 0 0;
	display: none;
}

/* Masthead nav */
#masthead ul,#header ul
{
	list-style: none;
	position: absolute;
	right: 0;
}

#masthead ul
{
	bottom: 0px;
	right: 10px;
}

#header ul { top: 0; }
#masthead ul li,#header ul li { display: inline; }

#masthead ul li a,
#header ul li a,
h3 .replaced
{
	background-image: url(/images/interface/header_matrix.gif);
	text-indent: -1234em;
	overflow: hidden;
	height: 20px;
	padding: 0;
	display: block;
}

#masthead ul li a,#header ul li a
{
	float: left;
	margin: 0 0 0 20px;
}

#mycount { display: none; }
.hero { margin-bottom: 18px; }

.replaced
{
	text-indent: -1234em;
	overflow: hidden;
	display: block;
}

.item
{
	border-top: 1px #ccc solid;
	padding-top: 9px;
}

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

.story
{
	margin: 0 0 18px 0;
	border-bottom: 1px #ccc solid;
	padding-bottom: 17px;
	overflow: hidden;
}

.quote { margin: 0; }

.author
{
	font-weight: bold;
	color: #000;
}

.pullquote
{
	font-size: 150%;
	line-height: 24px;
	margin-right: 2em;
	color: #999;
}

#testimonials .section { }

/* MAP */
#map { position: relative; }

#map li
{
	list-style: none;
	margin: 0;
	text-indent: 0;
	position: absolute;
	white-space: nowrap;
}

#map li a span { display: none; }
#map li a:hover { width: auto; }

#map li a:hover span
{
	display: block;
	background-color: #fff;
	padding: .1em .3em;
	color: #c00;
	position: absolute;
	top: -.4em;
	left: 12px;
	width: auto;
}

#map li a
{
	background: transparent url(/images/interface/point.png) no-repeat 0 0;
	padding-left: 12px;
	height: 12px;
	width: 12px;
	border: 0;
	display: block;
	margin-top: 0em;
	font: 11px/16px "Helvetica Neue", helvetica, arial, sans-serif;
	position: relative;
}

/* news */
.news h2
{
	font-size: 100%;
	margin: 0;
}

.thumb
{
	float: right;
	margin: 0 0 18px 18px;
}

.news_image { margin-bottom: 18px; }

.date
{
	color: #999;
	margin: 0 0 9px 0;
}

.links
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.links li
{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.feed
{
	background: transparent url(/images/interface/feed.png) no-repeat 0 1px;
	padding-left: 20px;
}

/* caption styling */
.caption-top, .caption-bottom
{
	color: #000;
	padding: 1.2em;
	font-size: 13px;
	cursor: default;
	background: #FFF;
}

.caption-top { border-width: 0px 0px 8px 0px; }
.caption-bottom { border-width: 8px 0px 0px 0px; }

.caption a, .caption a
{
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}

.caption a:hover, .caption a:hover { background: #202020; }
.caption { display: none; }
.caption-wrapper { float: left; }
br.c { clear: both; }

.hidden
{
	position: absolute !important;
	top: -10000px !important;
}

.video
{
	margin: 18px 0;
	display: block;
	width: 235px;
	height: 130px;
	position: relative;
}

.video span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	text-indent: -1234em;
	overflow: hidden;
	background: transparent url(/images/interface/play_overlay.png) no-repeat center center;
}

.video img
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#player
{
	padding: 30px;
	background-color: #ececec;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#work_grid div { font: 11px/16px "Helvetica Neue", helvetica, arial, sans-serif; }
#work_grid dl { position: relative; }
#work_grid dt { font-weight: bold; }
#work_grid dt,#work_grid dd { padding-right: 40px; }

.type
{
	position: absolute;
	right: 0;
	top: 0;
}

.view_gallery
{
	display: block;
	position: absolute;
	width: 640px;
	height: 100%;
	background: transparent url(/images/interface/view_gallery_button.png) no-repeat center center;
	z-index: 100;
	text-indent: -1234em;
	overflow: hidden;
}

.play_video
{
	display: block;
	position: absolute;
	width: 640px;
	height: 100%;
	background: transparent url(/images/interface/play_video_button.png) no-repeat center center;
	z-index: 100;
	text-indent: -1234em;
	overflow: hidden;
}

#lateral
{
	padding: 18px 0;
	position: relative;
}

#next_project
{
	position: absolute;
	top: 18px;
	right: 10px;
}

.next
{
	background: transparent url(/images/interface/next_arrow.gif) no-repeat right center;
	padding-right: 22px;
}

.previous
{
	background: transparent url(/images/interface/previous_arrow.gif) no-repeat left center;
	padding-left: 22px;
}

.download
{
	background: transparent url(/images/interface/download_arrow.gif) no-repeat left center;
	padding-left: 22px;
	display: block;
}

.work dt { font-weight: bold; }

.Video_label
{
	display: block;
	width: 26px;
	height: 11px;
	background: transparent url(/images/interface/label_matrix.gif) no-repeat 0 -22px;
	text-indent: -1234em;
	overflow: hidden;
	text-align: left;
}

.Animation_label,
.Stills_label,
.Video_label
{
	display: block;
	height: 11px;
	background: transparent url(/images/interface/label_matrix.gif) no-repeat 0 0;
	text-indent: -1234em;
	overflow: hidden;
	text-align: left;
	margin-top: 3px;
}

.Animation_label
{
	width: 43px;
	background-position: 0 0;
}

.Stills_label
{
	width: 28px;
	background-position: 0 -11px;
}

.Video_label
{
	width: 26px;
	background-position: 0 -22px;
}

form div { }

form input.text, textarea
{
	border: 0;
	padding: 5px;
	background-color: #ececec;
	width: 100%;
}

form div input.text { width: 300px; }
form input,form textarea { font: 13px/18px "Helvetica Neue", helvetica, arial, sans-serif; }
.label { position: relative; }
.label label { display: none; }
input.labeltext { color: #000 !important; }

label.error
{
	clear: both;
	color: #cc0000;
	display: block;
}

.button
{
	background-color: #C00;
	color: #fff;
	border: 0;
	font: 11px/18px "Helvetica Neue", helvetica, arial, sans-serif;
	-moz-border-radius: 1em;
	-webkit-border-radius: 5px;
	padding: .3em 1em;
	text-shadow: #660000 0 1px 1px;
	font-weight: bold;
}

.button:hover { background-color: #990000; }
.tweet { }

.tweet .status
{
	font-weight: bold;
	color: #000;
	background-color: #ececec;
	padding: 1em;
	margin: 0;
}

.tweet .time
{
	color: #999;
	background: #fff url(/images/interface/tweet_arrow.gif) no-repeat 10px 0;
	padding-top: 15px;
}

#sectors
{
	position: relative;
	overflow: hidden;
	width: 150%;
	background: #fff url(/images/interface/cccccc.gif) repeat-x 0 100%;
	padding:0 10px;
}

#sectors li { display: inline; }

#sectors li a
{
	display: block;
	float: left;
	background-color: #FFFF;
	border: 1px #fff solid;
	border-bottom:none;
	font: bold 12px/18px "Helvetica Neue", helvetica, arial, sans-serif;
	text-shadow: #fff 1px 0 0;
	padding: .5em 1em;
}

#sectors li a.current
{
	color: #000;
	border: 1px #ccc solid;
	border-bottom:1px #fff solid;
}

#sectors.all .all_filter,
#sectors.financial .financial_filter,
#sectors.energy_oil_and_gas .energy_oil_and_gas_filter,
#sectors.government_and_voluntary_sector .government_and_voluntary_sector_filter,
#sectors.manufacturing_and_retail .manufacturing_and_retail_filter,
#sectors.telecoms_and_broadcast .telecoms_and_broadcast_filter,
#sectors.tourism_and_leisure .tourism_and_leisure_filter {
	color: #000;
	border: 1px #ccc solid;
	border-bottom:1px #fff solid;
}