@font-face {Size: 25px;
	font-family: 'MidoMedium';
	src: url('Mido.eot');
	src: local('Mido Medium'), local('Mido-Medium'), url('Mido.woff') format('woff'), url('Mido.otf') format('opentype'), url('Mido.svg#Mido-Medium') format('svg');
}

body {text-align: left;}

.corner-5 {-webkit-border-radius: .5em; -moz-border-radius:0.5em;}
.corner-10 {-webkit-border-radius:1em; -moz-border-radius:1em;}
h1.pageTitle, .wysiwyg {position: relative; margin-bottom: 1em;}
h1.pageTitle, #article h2, #article h2 a, #article h3, #article h3 a { color: #19171B;}
/* .content {z-index: 3;}
#header, .header-content, .header-container, .header-background {z-index: 0;} */
.header-background {background: #eeeeee; height: 115px;}
#header {height: 115px; margin: 0 0 3em 0;}
.content { text-align: left; }
.logo {width: 20%; z-indeX: 5; position: absolute; left: -3em; height: 200px;}
.logo h1, .logo p {z-index: 0; position: absolute;/* right: -18px;*/ background: url(/img/logo_background.png) no-repeat left top;}
.logo a {height: 0;pointer: cursor; overflow: hidden; padding-top: 200px; width: 260px; font-size: 0; display: block; background: url(/img/logo.png) no-repeat left top;}
	.logo a:focus {outline: 0;}
.headertext {line-height: 1.2em; display: block; margin: 0 26% 0 26%; width: 47%; color:#9E9E9E; font-family: Georgia, Times New Roman, serif; padding-top: 10px; font-size: 2.3em; font-style: italic; } 
#footer { padding-top: 30px; clear: both;}
.footer-background {margin-top: 2em; background: url(/img/footer_bg.jpg) top left repeat-x;}

/* grid overrides */
.container, .header-container { margin: 0 3%; }
.liquid .main-content { margin: 0 22.5% 0 25.7%; }
.liquid .span-2 .border { margin-right: 6% }
.liquid .border { margin-right: 11%; }
.span-1 { width: 22.5%}
div.last { margin-left: -22.5%}
.liquid .main-content-no-aside .span-1 { width: 35%}
.liquid .main-content-no-aside .span-1 .border { margin-right: 14%;}
.liquid .main-content-no-aside .span-1.last { width: 29% }

/* .span-1 { background: red; } *//* DEBUG CODE */

/* Main Content */
#content-secondary { margin-top: 1em; }
.no-content {font-size:0; overflow: hidden; height: 0;}
#article a {color: #cc6600; text-decoration: none;}
	#article a:hover, #article a.feature-centre:hover .title {text-decoration: underline; color: #cc6600;}
		#article a.feature-centre:hover .title {text-decoration: none;}
	#article a.feature-centre:hover, #article a.feature-centre {color: #19171B; text-decoration: none;}
	#article.main-content-no-aside a.feature, .midfeature-image a.feature {color: #000000 !important;}
	#article.main-content-no-aside a.feature:hover, .midfeature-image a.feature {text-decoration: none !important;}
.liquid .main-content { margin-top: 1em; }
.liquid .main-content-no-sidebar { margin: 1em 0 0 26%;}
.liquid .main-content-no-aside { margin-top: 1em;}
h1.pageTitle, .jwysiwyg {z-index: 3;}

h1.pageTitle, 
#article h2, 
#article h3, 
#article h4, 
#article h5, 
#article h6, 
.feed h3, 
.quote strong, 
.blog-archive h3, 
#aside h2, 
.work-archive h3, 
.post .comments .name, 
#archive .headerwrapper,
.commentlist .commenter {line-height: 1.2em; margin-bottom: 1em; font-weight: normal; font-family:/*MidoMedium,*/ Georgia, "Times New Roman", Sans-Serif;  border: 0;}
	h1.pageTitle {margin: 0 0 .5em 0;}
	#article li h3 {margin: 0;}
	#article .feed h3 {margin-bottom: .3em;}
	#article h2 {margin: 0 0 .4em 0; font-size: 1.5em;}
#article p, #article li, .feature-content {font-size: 1.2em;}
#article li p {font-size: 1em;}
#article p {/*margin-bottom: 1em;*/}
#article h2.standFirst { font-size: 140%; padding: 0 0 1em 0;}
	/*.homepage #article h2.standFirst {padding: 1em 0;}*/
#article img {/*border: 1px solid #9E9E9E;*/}

#article ul {margin-left: 3em;}
#article li {padding-bottom: .4em; padding-top: 0; list-style-type: none; background: url(/img/bullet.gif) left top no-repeat; padding-left: 20px;}
#article #work-story-images li { background: inherit;}

/* Homepage specific */
#header {position: relative;}

.feed a {text-decoration: none; color: #19171B;}
.feed a:hover {color: #cc6600;}
.feed h3 {padding-top: 1.4em; margin-bottom: 0;}
#article .feed .tweet {margin-bottom: 1em; font-size: 1.2em; margin-top: 2em; font-family: Georgia, Times New Roman, serif; padding-left: 20px; background: url(/img/twitter_feed.gif) left 4px no-repeat; }
#article .feed .paragraph {margin: 0 0 1em 0;}
#article .feed ul {margin: 0;}
#article .feed li {background: none; padding: 0; list-style-type: none; position: relative; border-bottom: 1px solid #CECECE;}
.feed ul li:last-child {border-bottom: 0;}
.feed .image {height: 90px; width: 100%; margin-bottom: 1em; background: red;}
.feed .image a {display: block; height: 100%;}
#article .feed li p.date {font-size: .9em; position: absolute; top:.8em; color: #9a9a9a;}
	#article .feed li.twitter p.date {top: -1.7em;}
	#article .feed li.twitter {font-size: 1em;}
.feed .paragraph {margin-bottom: 2em;}
.feed .comments a {color:#ff186d; text-decoration: none;}
.feed .comments a:hover {text-decoration: underline; color: #ff186d;}
.feed q {padding: .6em; color: #cc6600; font-weight: bold; font-family: Georgia, Times New Roman, serif; font-size: 1.9em; font-style: italic; line-height: 1em; display: block;}
.homepage .quote {margin: 0; display: block; margin-top: 0em; padding-top: 1em; }
.homepage .quote a {/*padding-left: 55px;*/ color: #19171B; text-decoration: none; line-height: 1.2em; display: block;}
	.homepage .quote a:hover {color: #cc6600;}
.homepage .quote li {font-size: 1.2em; z-index: 4; width: 22.5%; float: left; display: block; position: relative; list-style-type: none;}
.homepage .quote strong {display: block; font-weight: normal; font-size: 1.2em; padding: .5em 0 0 0; margin: 0 0 .5em 0;}
	.quote .quote-1 {margin: 0 3.5% 0 26%; width: 20%;}
	.quote .quote-2 {margin-right: 3%;}
.homepage .quote a {display: block; margin-left: -58px; padding-left: 55px; height: 48px;}
/*
.homepage .quote .quote-1 a {background: url(/img/quote-1.gif) no-repeat 0px -200px;}
	.homepage .quote .quote-1 a:hover {background: url(/img/quote-1.gif) no-repeat left top;}
.homepage .quote .quote-2 a {background: url(/img/quote-2.gif) no-repeat 0px -200px;}
	.homepage .quote .quote-2 a:hover {background: url(/img/quote-2.gif) no-repeat left top;}
.homepage .quote .quote-3 a {background: url(/img/quote-3.gif) no-repeat 0px -200px;}
	.homepage .quote .quote-3 a:hover {background: url(/img/quote-3.gif) no-repeat left top;}
*/

/* Search page */
.search-results {margin: 0;}
#article .search-results li {background: 0; padding-left: 0;border-top: 1px solid #cecece; padding: 1em 0; margin: 0;}
#article .search-results p {margin: 0;}
#article .search-results li.first {border: 0;}

/* Comments */

#comments {margin-top: 2em; background: url(/img/comments_heading.jpg) repeat-x top left; padding-top: 2em;} 
#comments p.error {padding: .2em .5em !important}
#article .commentlist li {border-top: 1px solid #dedede; background: none; padding-left: 0;}
#article .commentlist li.first {border-top: 0;}
#article .commentlist {margin: 0 0 2em 0;}
#article .commentlist .date {color: #9a9a9a; font-size: .9em; margin: 1em 0 0 0;}
#article .commentlist p.commenter {font-size: 1.2em; margin:0;}
#article .commenttext {margin:0 0 .5em 0;}


/* Site form */
#article .site-form ul {margin: 0;}
#article .site-form li {padding-left: 0; background: none; margin-left: 0;}
#article .site-form fieldset {padding: 0; border: 0;}
#article .site-form label {display: block;}
#article .site-form textarea {width: 100%; height: auto; resize: vertical; font-family: Arial, Sans-serif; font-size:1em;}
#article .site-form textarea, .site-form input {background: url(/img/comments_background.gif) top left;padding: .5em}
#article .site-form input {width: 20em;}
#article .site-form input.button-3, #article .site-form button.button-3 {width: auto; outline: none; border: 2px solid #cccccc; text-shadow:1px 1px 1px #ffffff; padding: .5em; font-famiy: Arial, Sans-serif; background: url(/img/button.jpg) repeat-x left bottom #E3E0DB;}
	#article .site-form input.button-3:hover {cursor:pointer;}
#article .site-form .error {padding: .1em .5em; margin-left: .3em; border-width: 1px; font-weight: normal;}

/* Blog Archive specific */
#article ul.tag-archive {margin-left: 0;}
#article .tag-archive li.list {position: relative; background: none; padding-left: 0; border-top: 1px solid #CECECE; }
	#article .tag-archive li.first {background: none; padding-left: 0; border-top: 0; }
#article .blog-archive ul {margin: 0;}i
#article .blog-archive li {padding: 0; background: none; list-style-type: none; position: relative; border-top: 1px solid #CECECE;}
	#article .blog-archive li.first {border-top: 0;}
	#article .blog-archive p.sharethis, #article .tag-archive p.sharethis {margin:0 0 .3em 0;}
	#article .blog-archive p.sharethis a, #article .tag-archive p.sharethis a {background:url(/img/share.gif) no-repeat left center;padding-left: 20px}
	
.blog-archive .date {position: absolute; top:.5em; color: #9a9a9a;}
.blog-archive ul li:last-child {border-bottom: 0;}
.blog-archive p.comments, .blog-archive p.categories { margin-bottom: 0;}
.blog-archive p.comments, .blog-archive p.categories, .blog-archive p.tags {color: #FF8BB6;} 
#article .blog-archive .categories a, #article .blog-archive .tags a, .blog-archive .categories, .blog-archive .tags, #article .blog-archive .comments a {color:#ff186d; text-decoration: none;}
#article .blog-archive .categories a:hover, #article .comments a:hover, #article .blog-archive .tags a:hover {text-decoration: underline; color: #ff186d;}
#article .blog-archive h4 {font-size: 120%;}
#article .blog-archive h3 {padding-top: 1.7em; margin-bottom: .9em;}
#article .blog-archive h2 {font-size: 130%;}

/* Work Archive specific */
#article .work-archive p {margin-bottom: .7em;}
#article .work-archive ul {margin: 0 0 .7em 0; padding: 0;}
#article .work-archive li {padding-left: 0; background: none; list-style-type: none; position: relative; border-top: 1px solid #CECECE;}
	#article .work-archive li.first {border-top: 0;}
.work-archive .date {position: absolute; top:.5em; color: #9a9a9a;}
.work-archive ul li:last-child {border-bottom: 0;}
.work-archive p.comments, .work-archive p.categories { margin-bottom: 0;}
.work-archive p.comments, .work-archive p.categories, .work-archive p.tags {color: #FF8BB6;} 
#article .work-archive .categories a, #article .work-archive .tags a, .work-archive .categories, .work-archive .tags, #article .work-archive .comments a {color:#ff186d; text-decoration: none;}
#article .work-archive .categories a:hover, #article .comments a:hover, #article .work-archive .tags a:hover {text-decoration: underline; color: #ff186d;}
.work-archive h3 {padding-top: .6em; margin-bottom: .9em;}

/* Blog post specific */
.post div.comments ul {margin: 0;}
.post div.comments li {list-style-type: none; border-bottom: 1px solid #CECECE; padding-top: 1em;}
	.post div.comments li:last-child {border-bottom: none;}
.post div.comments p.name {display: block; float: left; font-size: 1.1em;}
.post div.comments p.date {float: right; margin-top: .1em; color: #9a9a9a;}
.post div.comments p.text {clear: both;}

/* Blog tags */
#tags ul {margin: 0;}
#tags li {padding: 0; list-style-type: none;}
#tags li a {border: 1px solid #E5B27F; float: left; display: block; background: #FAEFE5; color: #E5B27F; padding: .3em; margin: 0 .3em .3em 0;}
	#tags li a:hover {border: #cc6600 solid 1px; float: left; display: block; background: #faefe5; color: #cc6600; padding: .3em; margin: 0 .3em .3em 0;}


/* Search form */
/*.searchform {position: absolute; top: 50px; width: 16.5%;}*/
	.searchform {position: relative; top: 0; width: auto; margin: 0 0 1.5em 0;}
.searchform label {font-weight: normal; font-family: Georgia, "Times New Roman", Serif; font-size: 1em; font-style: italic; }
.searchform #searchbox {width:98%; font-family: Georgia, "Times New Roman", Serif; border: 1px solid #cccccc; display: block; height: 1.8em; padding: 4px 0 0 2px; background: url(/img/search_background.gif) left top no-repeat; }
.searchform fieldset {padding: 0; margin: 0; border: 0; }
.searchform .searchbox-background {position: relative; height: 1.8em;}
.searchform .search-submit {height: 26px; width: 19px; margin-bottom: .4em; position: absolute; bottom: 0; right: 4px; }
.searchform .submit-background {position: absolute; height: 1.8em; width: 30px; right: 0; top: 0; }

/* Quote Links */
.quote-link {margin: 0 0 1.4em 0}
.quote-link .corner-5 {display: block; color: #CC6600; text-decoration: none; font-size: 1.6em; padding: .5em; font-family: Georgia, Times New Roman, Serif; position: relative;  background: #eeeeee;}
.quote-link .corner-5 p {margin: 0 !important;}
.quote-link .arrow {display: block; background: url(/img/orange_arrow.gif) no-repeat left top; width: 17px; height: 18px; position: absolute; top: .8em; right: 10px; }
.quote-link .speech-s {display: block; background: url(/img/speech_s.gif) no-repeat left top; position: absolute; bottom: -13px; right: 30px; width: 16px; height: 13px; }

/* Clients - We work with */
#clients {margin-bottom: 2em}
#clients h2 { padding: .5em; font-size: 1.2em; font-family: Georgia, "Times New Roman", Sans-Serif; margin: 0; padding: 0;}
#clients h2 a {font-size: 1.5em; font-style: italic; color: #9e9e9e; text-decoration: none; padding: .5em; border: 1px solid #9E9E9E; display: block; position: relative; }
#clients h2 a .speech-s {background: url(/img/speech_s_grey.png) no-repeat left top; width: 16px; height: 14px; position: absolute; bottom: -14px; right: 30px;}
#clients h2 a .arrow {display: block; background: url(/img/lightgrey_arrow.gif) left top no-repeat; width: 17px; height: 18px; position: absolute; top: .6em; right: 10px; }
#clients div {overflow: hidden; background: #b2b2b2; border: 1px solid #9e9e9e; padding: .4em; margin: 0; padding-top: 20px; }
#clients ul {margin: 0; padding: 0; }
#clients li {float: right; display: block; width: 46%; list-style-type: none; padding: 0; margin: 0 2% .5em 2%;}
#clients li a {color: #666666; display: block; text-align: center; display: inline-block; height: 0; overflow: hidden; line-height: 0; font-size: 0;}

#clients .pepsico a {display: block; padding-top: 75px; background: url(/img/clients/pepsico.gif) no-repeat center center;}
#clients .crossrail a {display: block; padding-top: 75px; background: url(/img/clients/crossrail.gif) no-repeat center center;}
#clients .royalacademy a {display: block; padding-top: 75px; background: url(/img/clients/raa.gif) no-repeat center center;}
#clients .tfl a {display: block; padding-top: 75px; background: url(/img/clients/tfl.gif) no-repeat center center;}
#clients .artscouncil a {display: block; padding-top: 75px; background: url(/img/clients/artscouncil.gif) no-repeat center center;}
#clients .carbontrust a {display: block; padding-top: 75px; background: url(/img/clients/carbontrust.gif) no-repeat center center;}

/* Feature */
.feature {position: relative; padding: 1.1em 0; display: block; background: #eeeeee; border: 0; border-bottom: 1px solid transparent; margin: 0 0 2em 0; color: #19171B; text-decoration: none; }
.feature-image {padding: 0;}
.feature-image .corner-10 {-webkit-border-radius:1em 1em 0em 0em; -moz-border-radius:1em 1em 0em 0em;}
	.feature:hover {border: 0; border-bottom: 1px solid transparent;}
.feature .title {background: url(/img/orange_arrow.gif) no-repeat top right; padding: 0 20px .25em 1em; margin-right: 1.1em; display: block; border: 0; font-family: /*MidoMedium,*/ Arial, sans-serif; margin-bottom: .2em; line-height: 1.15em; font-size: 1.2em; }
.feature .feature-content {display: block; position: relative; padding: 0 1.1em; line-height: 1.3em}

/* Feature with image */
.feature-image {padding: 0 0 1.1em 0;}
.feature-image .title {background: none !important; margin-top: 1.1em;}
.feature-image .image {display: block; position: relative; height: 60px;}
.feature-image .image span {background: url(/img/white_arrow.png) no-repeat top left; width: 17px; height: 19px; display: block; position: absolute; top: 1.1em; right: 1.1em; }

/* Main content feature */
.midfeature a {border:#E5E2DB 5px solid; display: block; position: relative; padding: 1.1em 0; color: #19171B; text-decoration: none; margin: 1em 0;}
	.main-content-no-aside .midfeature a,
	.midfeature-image .midfeature a {border: 0; padding: 0;}
	.main-content-no-aside .midfeature a.feature-image,
	.midfeature-image .midfeature a {padding-top: 0;}
	.main-content-no-aside .midfeature a.feature-image .title,
	.midfeature-image .midfeature a.feature-unage .title {background: none;}
	.main-content-no-aside .midfeature a.feature,
	.midfeature-image .midfeature a.feature {padding-bottom: 0;}

	.main-content-no-aside .midfeature a.feature-image .image {margin-bottom: 1em;}
.midfeature .title {font-size: 1.2em; display: block; margin: 0 1.1em .2em 0; padding: 0 20px .25em .8em; background: url(/img/orange_arrow.gif) no-repeat top right;line-height:1.15em} 
	.main-content-no-aside .midfeature .title {background: url(/img/orange_arrow.gif) no-repeat right 1em;} 
	.main-content-no-aside .midfeature .title,
	.midfeature-image .midfeature .title {padding-top: 1em; font-weight:bold;}
.midfeature .feature-content {display: block; padding: 0 .9em 1em .9em; line-height:1.3em}

/* Newsletter/ Consult */
#consult, #newsletter {padding: .5em; margin-bottom: 2em; border: #cc6600 1px solid; position: relative; margin-top: 20px; }
#consult .speech-n, #newsletter .speech-n {height: 14px; width: 17px; background: url(/img/speech_n.gif) no-repeat top left; position: absolute; top: -14px; left: 30px; }
#consult strong, #newsletter strong {font-weight: normal; font-family: Georgia, "Times New Roman", Serif; font-size: 1em; font-style: italic; color: #cc6600 /*#FFB317*/;}
#consult input#yourname, #consult input#yourcontact, #consult input#yourplace, #newsletter input#yourname, #newsletter input#youremail { color: #666666;  font-family: Georgia, eorgia, "Times New Roman", Serif; border: 1px solid #cccccc; width: 97%;  display: block; height: 1.8em; padding: .4em 0 0 .3em; background: url(/img/search_background.gif) left top no-repeat; margin-bottom: .5em; }
#consult fieldset, #newsletter fieldset { padding: 0; margin: 0; border: 0; }

/* sIFR basic styles - do not change */
/*.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
*/
/* sIFR styles - change this bit */
/*.sIFR-active h1.pageTitle { visibility: hidden; font-size: 280%; padding: 0; }
*/


/* Navigation */

/* - All nav */
 #nav {margin: 6em 0 2em 0; font-size: 1.1em; font-family: Georgia, "Times New Roman", Sans-Serif; font-weight: normal; border-bottom: 1px solid #cfcfcf; }
#nav ul { margin: 0; }
#nav li { list-style-type: none; }
#nav li li li {padding-left: .8em;}
#nav a { text-decoration: none; color:#6A6A6C; display: block; padding: .2em .5em; }
#nav a:hover, #nav a.current, #nav a.current-section { color:#CC6600; }
	#nav ul li li a.current-section {color: #6a6a6c;}
#nav .exp .nav-button-open {background: url(/img/toggle_open.png) no-repeat top left; display: block; height: 16px; width: 16px;}
#nav .exp { float: right; position: relative; margin-top: .3em; width: 16px; height: 16px; background: url(/img/toggle.png) no-repeat top left; padding:0; }
	#nav ul ul li .exp {padding-right: 3px; background: url(/img/toggle_small.png) no-repeat top left; width: 12px; height: 12px;}
	#nav ul ul li .exp .nav-button-open {background: url(/img/toggle_open_small.png) no-repeat top left; width: 12px; height: 12px;}
#nav .exp img {position: absolute; top:0}

/* - 1st Level Navigation */
#nav ul li a { font-size: 130%; display: block; border-top: 1px solid #cfcfcf;}

/* - 2nd Level Navigation */
#nav ul li li a { font-size: 105%; padding-left: .8em; border:0; }

/* Utilities */
#utilities {width: 60%;}
#utilities ul {margin: 0;}
#utilities li {float:left; list-style-type: none;  }
#utilities li a {color: #9E9E9E; text-decoration: none; padding: 0 .5em; border-right: 1px solid #9E9E9E; text-transform: lowercase; }
#utilities li.last a {border-right: none;}
#utilities li a:hover {text-decoration: underline;}

/* Contact */
#contact {/*margin-left: 7%; padding-left: 100%; width:23%;*/ float:right;color: #9E9E9E; }
#contact p {margin: 0;}
#contact a {color: #9E9E9E; text-decoration: none;}
#contact a:hover {text-decoration: underline;}

/* Share */

script {position: absolute;}
#share a:hover {color: #cc6600;}
#share {font-family: Georgia, Times News Roman, serif; font-size: 1.2em; padding: .5em; margin-bottom: 2em; border: #cc6600 1px solid; position: relative; margin-top: 20px;}
#share ul {margin: 0;}
#share p {padding: .3em 0; margin: 0;}
#share li {position: relative; list-style-type: none;} 
#share a {color: #19171B; padding: .3em 0; text-decoration: none; border-bottom: 1px solid #CECECE; display: block; }
#share ul ul {position: absolute; top: .2em; right: 0; padding: 0;}
#share ul li li {float: left; }
#share ul li li a {border-bottom: 0; padding-top: 16px; height: 0; overflow: hidden; display: block; width: 16px; background: red; float: left; margin-left: 5px; }
#share .rss a span {background: url(/img/rss.gif) top left no-repeat; display: block; width: 16px; height: 16px; position: absolute; top: .3em; right: 0;}
#share .share a span {background: url(/img/share.gif) top left no-repeat; display: block; width: 16px; height: 16px; position: absolute; top: .5em; right: 0;}
#share .flickr a {background: url(/img/flickr.gif) top left no-repeat; margin-top:.2em;}
#share .twitter a {background: url(/img/twitter.gif) top left no-repeat; margin-top:.2em;}
#share .facebook a {background: url(/img/facebook.gif) top left no-repeat; margin-top:.2em;}
#share .linkedin a {background: url(/img/linkedin.gif) top left no-repeat; margin-top:.2em;}

/* Work story images */
#work-images, #work-story-images {overflow: hidden; height: 340px; /* matches the max height of the work story images */ position: relative;text-align: left; vertical-align: center;}
#work-story-images img {border: 0;}
#work-story-images-nav {white-space: nowrap; overflow: hidden; height: 3em; margin-top: 2em; }
#work-story-images .index ul {margin: .7em auto; position: relative; display: block; width: 100%; text-align: center;}
#work-story-images li {list-style-type: none; margin:0; padding: 0; }
#work-images ul, #work-story-images ul {margin: 0;}
#work-images .work-images-nav, #work-story-images-nav {margin-bottom: 1em; text-align: center; height: 3em; border-top: 1px solid #cecece;}
#work-images .work-images-nav a, 
#article #work-story-images-nav a {display: block; float: left; color: #9a9a9a; border-top: 1px solid transparent; margin: .6em .4em .6em 0;}
#article #work-story-images-nav a {padding: 0 .2em; margin: .6em .5em .6em .5em}
#article #work-story-images-nav a:hover,
	#article #work-story-images-nav a.activeSlide {text-decoration: none; color: #676767; border-bottom: .2em #36C6FA solid; border-top: .1em solid #9AE2FC;}

#work-images .work-images-nav {background: white; width:100%; border: 0; position: absolute; bottom: 0; margin: 0; white-space: nowrap; overflow: hidden;}
#work-images {margin-bottom: 1em; margin-left: 0;}
#work-images ul {position: relative;}
#work-images li {background: none; padding-left: 0; float: left; list-style-type: none; position: absolute;}
#work-images li img {border: 0;}
#work-images li a {background: url(/img/grey_dot.gif) no-repeat left top; width: 12px; height: 12px; display: block; margin-right: 0px; float: left; }
	#work-images li a:hover, #work-images li a.activeSlide {background: url(/img/orange_dot.gif) no-repeat left top; float: left; }

#work-images-nav li { position: static; float: left;}

#work-images .cms-tag-library {position: absolute; left: 0; top: 0; width: 100%; height: 98%; padding: 4px 0px 0px 0px; border: 1px solid #BBB; text-align: center;}

/* Pagination */
.pagination {background: #eeeeee; padding: .3em 0; margin-top: .5em;}
.pagination a, .pagination strong {margin: 0 .1em; display: block; padding: .2em .5em; float: left; }
	#article .pagination a:hover {color: #FAEFE5; background: #E5B27F; text-decoration: none; }
.pagination .current {color: #663300;}
.pagination .break {color: #cc6600; float: left; display: block;}

/* Archive list */
#archive {border: 1px solid #cecece; margin: 0 0 2em 0;}
#archive a, #archive {text-decoration: none; color: #676767;}
#archive .headerwrapper {margin-bottom: .8em; background: #cecece; font-size: .9em;}
	#archive .headerwrapper h2 {margin-bottom: 0;}
#archive .headerwrapper a {display: block; padding: .5em .5em .5em .4em;}
#archive a .number {color: #aaaaaa; }
	#archive a:hover .number, #archive a:hover .number {color: inherit;}
#archive li {list-style-type: none; margin-left: 0; position: relative;}
#archive h3 {margin-bottom: .5em;}
#archive ul {margin: 0;}
	#archive ul ul {margin: .2em 0 1em 0em;}
#archive ul li ul li {margin-left: 2.4em;}
	#archive ul li ul li.year {margin-left: 1.1em; padding-left: 0;}
	#archive ul li ul li.year .title {background: url(/img/bullet.gif) no-repeat left top; padding: 0 0 0 15px;}
#archive ul li ul li ul li {/*margin-left: 1.5em;*/}
#archive .toggle-archive {display: block; height: 100%; position: absolute; width: 100%; height: 23px; left: 0; top: 0;}
#archive .title {cursor: pointer; height: 1.2em; padding: .3em 0 0 30px; color: #676767; background: url(/img/archive.gif) no-repeat left top; font-size: 1.2em; font-family: Georgia, Times New Roman, serif; font-weight: bold; font-style: italic; text-transform: lowercase;}
#archive ul li li .title {padding-top: .1em;}
/* Search results */
.search-results li {margin-bottom: 1em;}

/* Aside */
#aside {padding-top: 0;margin-top:1em;}

/* Helpers */
.hidden {display: none;}
/*.pagination {margin: 1em 0em;}*/
.float-left {float: left;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {clear: both;}

/* Google Map */
#googlemap {height: 300px; border: 1px solid #CECECE; margin-bottom: 1em;}

/* Banner ad */
#banner-ad .uxb {text-decoration: none; position: relative; overflow: hidden; background: #FFA700; height: 9em; display: block; margin: 0 0 2em 0; text-align: center;}
	#banner-ad a.uxb:hover {color: #ff186d; text-decoration: underline;}
#banner-ad .title {margin: 10px; background: url(/img/uxb.gif) no-repeat top left; font-size: 0; line-height: 0; height: 0; padding-top: 82px; width: 195px; display: block;} 
#banner-ad .text {position: absolute; bottom: 10px; right: 10px; color:#ff186d;}

.featurebox-style-1 a {
	color: #000 !important;
	border:0 !important;
	padding-top: 0;
	padding-bottom: 0;
}
.featurebox-style-1 a:hover {
	text-decoration: none !important;
}
.featurebox-style-1 a .title {
	font-weight: bold;
	padding-top: 1em;
}
.featurebox-style-1 a .image {
	margin-bottom: 1em;
}

.news-feed h3 { margin: 0 0 1em 0; padding: 0; }
.news-feed ul { margin: 0 0 2em 0; padding: 0; }
.news-feed li { list-style: none; margin-bottom: 1em; border-bottom: 1px solid #aaa; padding-bottom: 1em; }
.news-feed li .date { display: block; }
.news-feed li a, .news-feed li .date { font-weight: bold; }
.news-feed .twitter .date, .news-feed li.followus a { background: url(/img/twitter_icon.jpg) no-repeat left center; padding-left: 25px; }
.news-feed li.followus a { display: block; color: #65C8E8; }
.news-feed a {text-decoration: none; color: #19171B;}
.news-feed a:hover {color: #cc6600;}
.news-feed h3 {line-height: 1.2em; margin-bottom: 1em; font-weight: normal; font-family:/*MidoMedium,*/ Georgia, "Times New Roman", Sans-Serif;  border: 0}
.news-feed ul li:last-child {border-bottom: 0;}

.stwrapper { position: absolute; }

/* cms/wysiwyg styles */
.inplaceMouseEnter {background:#F4F4F4 !important;}
html #wysiwyg body q {color: red !important;}
#actions_input {margin: 0; border: 0;}
#quicklinks ul#linkset {padding: 0 1em;}
#quicklinks li {list-style-type: none;}
.feed .wysiwyg {margin-bottom: 0;}