@font-face {font-family: 'FS Albert Web Regular';
			src: url('../fonts/FSAlbertWeb-Regular.eot');
			src: url('../fonts/FSAlbertWeb-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/FSAlbertWeb-Regular.woff') format('woff');
		}
@font-face {font-family: 'FS Albert Web Italic';
			src: url('../fonts/FSAlbertWeb-Italic.eot');
			src: url('../fonts/FSAlbertWeb-Italic.eot?#iefix') format('embedded-opentype'),
			url('../fonts/FSAlbertWeb-Italic.woff') format('woff');
		}
@font-face {font-family: 'FS Albert Web Bold';
			src: url('../fonts/FSAlbertWeb-Bold.eot');
			src: url('../fonts/FSAlbertWeb-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/FSAlbertWeb-Bold.woff') format('woff');
		}
		
HTML {
	margin: 0;
	padding: 0;
	height: 100%;
}
BODY {
	margin: 0;
	padding: 0;
	height:100%;
	font-size: 85%;
}

BODY.noselect *::selection {
    background:transparent;
}

BODY.noselect*::-moz-selection {
    background:transparent;
}

BODY.noselect*::-webkit-selection {
    background:transparent;
}

.light {

	background-color: white;
	color: #92999b;
}

/*MHL fonts*/
.fsalbertbold, H1, H2, H3, H4	{ font-family:"FS Albert Web Bold", Helvetica, Arial, Verdana , sans-serif;			font-size-adjust:0.49; font-weight:bold;	font-style:normal; }
.fsalbertregular, P				{ font-family:"FS Albert Web Regular", Helvetica, Arial, Verdana , sans-serif;		font-size-adjust:0.48; font-weight:normal;	font-style:normal; }
/*.fsalbertlight					{ font-family:"FS Albert Web Light", Helvetica, Arial, Verdana , sans-serif;			font-size-adjust:0.48; font-weight:200;		font-style:normal; }*/

/*.fsalbertbolditalic		{ font-family:"FS Albert Web Bold Italic", Helvetica, Arial, Verdana , sans-serif;	font-size-adjust:0.49; font-weight:bold;	font-style:italic; } */
.fsalbertregularitalic	{ font-family:"FS Albert Web Italic", Helvetica, Arial, Verdana , sans-serif;			font-size-adjust:0.48; font-weight:normal;	font-style:italic; }
/*.fsalbertlightitalic	{ font-family:"FS Albert Web Light Italic", Helvetica, Arial, Verdana , sans-serif;	font-size-adjust:0.48; font-weight:200;		font-style:italic; } */

.red {
	background-color: #cc2a2b;
}
.dkgrey {
	background-color: #747b82;
}
.ltgrey {
	background-color: #92999b;
}
.ltgreytext {
	color: #92999b;
}

A {
	color: #747b82;
	text-decoration:none;
}
A:hover {
	text-decoration: underline;
}

A IMG {
	border: none;
}
#main {
	height:100%;
	min-width: 540px;
}
BODY>#main {
	min-height: 100%;
	height: auto;
}
.withtimeline {

}

#main #content.services H1 {
	margin: 10% auto 0.5em auto;
	font-size: 110%;
	max-width: 28.8em;
}
#main #content.services H1.start {
	font-size: 175%;
	max-width: 19.5em;
}

#main #content.services .pad-left H1 {
	margin-top: 22%;
}
#main #content.services .pad-left H1.start {
	margin-top: 0;
}
#main #content.services .pad-top H1 {
	margin-top: 0;
}

#main #content.services H2 {
	margin: 1em auto 0.5em auto;
	font-size: 100%;
	max-width: 33.8em;
}

#main P {
	font-size: 90%;
	min-width: 14em;
	max-width: 32em;
	margin: 0 auto;
}

#main #centrecontent {
	text-align: center;
	padding: 0 124px 8px 116px;
	margin: 0 auto;
}
#main.withtimeline #centrecontent {
	padding-bottom: 159px;
}
#content {
	text-align: center;
	position: relative;
}
#content.services {
	min-height: 300px;
	margin: 0 auto 0;
	min-width: 360px;
	max-width: 880px;
}
#content.services>DIV {
	width: 55%;
	display: inline-block;
	float:left;
	min-width: 360px;
}
#content.services>DIV+DIV {
	width: 45%;
	display: inline-block;
	float:left;
	min-width: 360px;
	text-align: left;
}
#content.services>DIV>IMG {
	margin: 0;
	text-align:center;
	width:90%;
	max-width:480px;
}

#content.services .vco-slider .slider-item .content-container.layout-text .text H1, #content.services .vco-slider .slider-item .content-container.layout-text .text H2 {
	display: none;
}
#content.services .vco-slider .slider-item .content-container.layout-text .text H1.start {
	margin-top: 4em;
	display: block;
}

#content.services .vco-slider .slider-item .content-container.layout-text .text H2 {
	margin: 0;
	padding: 0;
	top: 0;
}
#content.services .vco-slider .slider-item .content-container.layout-text .text H2.unselected {
	display: block;
	color: #92999b;
}
#content.services .vco-slider .slider-item .content-container.layout-text .text H2.unselected A {
	color: #92999b;
}
#content.services .vco-slider .slider-item .content-container.layout-text .text H2.selected {
	display: block;
	color: #747b82;
	font-family: "FS Albert Web Italic", Helvetica, Arial, Verdana , sans-serif;
}
#content.services .vco-slider .slider-item .content-container.layout-text .text H2.selected A {
	color: #747b82;
}

#content.services .vco-slider .slider-item .content-container.layout-text .text P {
	position: relative;
	top: 0;
	font-size: 1em !important;
}

#footer .vco-timeline .vco-navigation .timenav .content .marker.textonly .flag {
	width: 134px;
	background-position: -24px 0;
}
#footer .vco-timeline .vco-navigation .timenav .content .marker.active.textonly .flag, #footer .vco-timeline .vco-navigation .timenav .content .marker.textonly .flag:hover {
	background-position: -24px -53px;
}
#footer .vco-timeline .vco-navigation .timenav .content .marker.textonly .flag .textonlystarter {
	margin: 0;
	height: 38px;
	float: left;
	border-left: 7px solid #cccccc;
	position: relative;
	left: -6px;
}
#footer .vco-timeline .vco-navigation .timenav .content .marker.active.textonly .flag .textonlystarter, #footer .vco-timeline .vco-navigation .timenav .content .marker.textonly .flag:hover .textonlystarter {
	border-left-color: White;
}


#content.showreel {
	margin: 0 auto 0;
}
#content.showreel iFRAME {
	max-width: 1280px;
	max-height: 720px;
}

#map {
	background-image: url(../assets/square/map2006.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#content.contactmap {
	min-height: 420px;
	margin: 0 auto 0;
	min-width: 400px;
}
#content.contactmap P {
	min-width: 4em;
	margin: 1em 0;
}

#content.contactmap>DIV {
	width: 62%;
	height: 420px;
	display: inline-block;
	float:left;
	min-width: 360px;
	margin: 1em 0 0 0;
	border: 1px solid #eeeeee;
}
#content.contactmap>DIV+DIV {
	width: 20%;
	height: auto;
	display: inline-block;
	float:left;
	min-width: 240px;
	text-align: left;
	margin: 4em 0 0 0;
	padding: 0 0 0 1.5em;
	border: none;
}


#content.jobs {
	min-height: 420px;
	margin: 0 auto 0;
	min-width: 400px;
}
#content.jobs P {
	min-width: 4em;
	margin: 1em 0;
}

#content.jobs TABLE{
	width: 60%;
	height: 360px;
	background-color: #eeeeee;
	float:left;
	min-width: 360px;
}
#content.jobs TABLE IMG{
	max-height: 360px;
	max-width: 480px;
}
#content.jobs>DIV {
	width: 20%;
	height: auto;
	background-color: transparent;
	display: inline-block;
	float:left;
	min-width: 240px;
	text-align: left;
	margin: 1em 0 0 0;
	padding: 0 0 0 3em;
}

#content.frontpage #imagecontainer {
	margin: 0 auto;
	position: relative;
	z-index:100;
}
#content.frontpage #imagecontainer P {
	position: absolute;
	width: 50%;
	top: 40%;
	left: 25%;
	color: white;
	min-width: 50%;
	line-height:1rem;
}

#content.searchresults {
	min-height: 300px;
	margin: 0 auto 0;
	min-width: 360px;
	max-width: 940px;
}

.examplesearch {
	font-family: Monospace;
	font-size: 110%;
}

#footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 168px;
	width: 100%;
	margin: -168px 0 0 0;
}
#footer .totop {
	display: none;
}
#footer .copy {
	position: absolute;
	bottom: 0px;
	right: 8px;
	font-size: 8px;
	z-index: 100;
	background-color: White;
}
#timeline-embed {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
	background-color: #eeeeee;
}

.contactaddress {
	padding: 0 12px 14px;
	margin: 0 24px;
}
.contactaddress P {
	margin-bottom: 0;
}

#footer .contactaddress {
	padding-top: 60px;
	font-size: 90%
}

ADDRESS {
	font-style:normal;
}

#nav {
	width: 100%;
}
#mhl {
	margin: 12px 24px 16px 6px;
	padding: 0 0 0 36px;
	width: 207px;
	height: 36px;
	line-height: 200px;
	overflow: hidden;
	background-image: url(../assets/logo/millerhare36black.png);
	background-position: 36px 0;
	background-repeat: no-repeat;
	display: inline-block;
}


#topnav {
	height: 54px;
	float: right;
	list-style: none;
	margin: 12px 6px 0 0;
	padding: 0 36px 0 0;
	text-indent: 0;
}
#topnav LI {
	float: left;
	position: relative;
	width: 36px;
	height: 54px;
	background-color: #747b82;
	margin: 0 0 0 6px;
}
#topnav LI:hover {
	background-color: #b63e41;
}
#topnav LI.selected, #topnav LI.selected:hover {
	background-color: #cc2a2b;
}

#topnav LI IMG {
	position: absolute;
	top: 0;
	left: 0;
}
#topnav LI .label {
	display: block;
	margin: 36px 0 0 0;
	background-color: White;
	text-align: center;
	line-height: 18px;
	height: 18px;
	font-size: 10px;
	overflow: hidden;
	text-transform: capitalize;
	position: absolute;
	width: 100%;
}
.light #topnav LI .label {
	color: #92999b;
}
.light #topnav LI:hover .label {
	color: #747b82;
}

.sidenav {
	position: absolute;
	width: 108px;
	max-width: 105px;
	height: 48px;
	margin: 0 0 0 0;
	font-size: 75%;
	cursor: pointer;
}
.sidenav P {
	min-width: 60px !important;
	max-width: 60px;
	width: 60px;
	height: 48px;
	padding: 0 4px;
	margin: 0;
}
.sidenav.left P {
	width: 108px !important;
	min-width: 108px !important;
	max-width: 108px;
}

.light .sidenav {
	color: #92999b;
}
.light .sidenav:hover {
	color: #747b82;
}
.xsidenav {
	width: 36px;
	max-width: 36px;
	line-height: 96px;
	overflow: hidden;
}

.sidenav.left {
	top: 40%;
	left: 0;
	padding: 0 0 0 6px;
	text-align: left;
}
.sidenav.right {
	top: 40%;
	right: 0;
	padding: 0 6px 0 0;
	text-align: left;
}
.sidenav #nextlabel, .sidenav #prevlabel {
	display: table-cell;
	vertical-align: middle;
	height: 48px;
}
.prevarrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: transparent #cc2a2b transparent transparent;
	border-width: 24px 36px 24px 0;
	line-height: 0px;
	float:left;
	margin: 0 6px 0 0;
}
.disabled .prevarrow {
	border-color:  transparent #92999b transparent transparent;
}

.nextarrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: transparent transparent transparent #cc2a2b;
	border-width: 24px 0 24px 36px;
	line-height: 0px;
	float:right;
	margin: 0 0 0 6px;
}
.disabled .nextarrow {
	border-color:  transparent transparent transparent #92999b;
}


[data-imgbanner] {
	position: relative;
}

[data-imgbanner]:after {
	content: attr(data-imgbanner);
	position: absolute;
	display: inline-block;
	color: black;
	background-color:white;
	top: -7px;
	right: -19px;
	font-size: 10px;
	opacity: 0.75;
	padding: 8px 18px 0px 18px;
	-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
			transform:rotate(45deg);
	font-family: Courier;
	font-weight: bold;
}
.fade[data-imgbanner]:after{
	opacity: 0.1;
}
.mhlthumbnailcontainer:hover{
	text-decoration: none;
}

#thumbnails {
	overflow: hidden;
	overflow-x: scroll;
	overflow-y: hidden;
}
#thumbnails A {
}
#searchcounts {
	position: absolute;
	top: 1px;
	left: 6px;
	font-size: 10px;
	z-index: 100;
}
.credit, .credit A {
	color: #92999b;
}
.credit h4 {
	margin: 0;
	padding: 0 2px 0 0;
	display: inline;
}
.credit dl {
	margin: 0;
	padding: 0;
	display: inline;
}
.credit dt {
	font-size: 0.55em;
	margin: 0;
	padding: 0;
	display:none;
}
.credit dd {
	margin: 0;
	padding: 0 0 0 10px;
	display: inline;
	display: inline-block;
	background-image: url(../assets/slash.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#portfoliosearchbox {
	float: right;
	clear: right;
	margin: 0 6px 0 0;
	padding: 0 36px 0 0;
	font-size: 11px;
}

#portfoliosearchbox A {
	color: #92999b;
}
#portfoliosearchbox FORM {
	margin: 0;
	display: inline-block;
}
#portfoliosearchbox INPUT {
	border: 1px solid #92999b;
	font-size: 11px;
	font-family: "FS Albert Web Regular", Helvetica, Arial, Verdana , sans-serif;
	color: #333333;
	padding: 0 2px;
}

@media all and (max-width: 1040px) {
	#content.services>DIV>IMG {
		width: 80%;
	}
	#content.services>DIV, #content.services>DIV+DIV {
		min-width: 300px;
	}
}
@media all and (max-width: 940px) {
	#content.services>DIV>IMG {
		width: 75%;
	}
	#content.services>DIV, #content.services>DIV+DIV {
		width: 50%;
		float: none;
	}
	#content.contactmap>DIV, #content.contactmap>DIV+DIV {
		width: 100%;
		float: none;
		margin-top: 1em;
	}
	#content.jobs TABLE, #content.jobs DIV {
		height: auto;
		float: none;
		margin-top: 1em;
	}
	#content.jobs TABLE {
		width: 100%;
	}
	#content.jobs TABLE IMG{
		width: 80%
	}
	#content.jobs DIV {
		width: 90%;
	}
}

@media all and (max-width: 570px) {
	.sidenav {
		width: 36px;
	}
	.sidenav #nextlabel, .sidenav #prevlabel {
		display: none;
	}

	#content.services {
		min-height: 300px;
		margin: 0 auto 0;
		min-width: 360px;
		max-width: 480px;
	}
	#content.contactmap {
		min-height: 300px;
		margin: 0 auto 0;
		min-width: 440px;
		max-width: 440px;
	}
	#content.contactmap>DIV {
		height: 380px;
	}
	#main #centrecontent {
		padding-left: 48px;
		padding-right: 48px;
	}
	#content.jobs TABLE {
		height: auto;
	}
	#content.jobs TABLE IMG{
		max-height: 280px;
		max-width: 440px;
	}
}

.nav-container .icon, .nav-container .date {
	display: none;
}
.vco-slider .date {
	display: none;
}

/*hacks*/
#shiftDown {
	position:absolute;
	margin-top:16rem;
	margin-left:-5rem;
	z-index:1000;
}