/* @override http://hmdg.site/mmlib/css/hmdg/screen.css */

/* @group Additional Resets */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ffffe4 repeat-x left top;
	color: #585851;
}

.unit:after, .group:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.unit, .group {display:inline-block;}
* html .unit, * html .group {height:1%;}
.unit, .group {display:block;}

html body {

}

h1, h2, h3, h4, h5 {
	color: #585851;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #9c9c8f;
	padding: 0 0 5px 0;
	margin: 0 0 18px 0;
	line-height: 1em;
}

#container {
	width: 960px;
}

img {
	display: block;
}


/* @end */

/* @group Link Color Overrides */

a {
	color: #333;
	font-weight: normal;
	font-style: italic;
	outline: none;
}

a:hover {
	color: #000;
}

/* @end */




/* @group Header */

#header {
	background:transparent url(/mmlib/images/hmdg/header-bg.gif) repeat-x 0 0 ;
	height: 108px;
}

#header #unit-logo {
	float: left;
	width: 53px;
	margin: 0 0 0 25px;
}

#unit-logo .logo {
	margin: 0;
	float: left;
	border: none;
}

#unit-tools {
	float: right;
	margin-top: 14px;
}


/* @end */

/* @group Navigation */

#header #unit-primary-navigation {
	padding: 0;
	margin: 50px 0 0 0;
	float: right;
	width: 735px;
}
#unit-primary-navigation ul {
	margin: 0px;
	position: relative;
}
#unit-primary-navigation ul li{
	float: left;
	font-size: 15px;
	list-style-type: none;
	margin: 0 40px 0 0;
}
#unit-primary-navigation ul li a {
	color: #9c9c8f;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	letter-spacing: 3px;
}

#unit-primary-navigation ul li a:hover,
#unit-primary-navigation ul li.selected a {
	color: #000;
}

/* @end  */

/* @group Content wrapper */
#content-wrapper {
	background: #fff;
	padding-bottom:10px;
	color: #666;
}
/* @end */

/* @group Layout */

/* @group Three Column Template for About 50 25 25 */

.template-three-col-one #page-content #primary-content {
	width: 470px;
	margin: 0 20px 0 0;
}

.template-three-col-one #page-content #primary-content img {
	margin: 0 0 24px 0;
}

.template-three-col-one #page-content #secondary-content {
	margin: 0;
	width: 245px;
}

.template-three-col-one #page-content #secondary-content .unit {
	width: 225px;
	margin: 0 20px 0 0;
}

.template-three-col-one #page-content  #tertiary-content {
	margin: 0;
	width: 225px;
}

.template-three-col-one #page-content  #tertiary-content .unit {
	width: 225px;
	margin: 0;	
}

/* @end */

/* @group Three Column Template for News Articles 25 50 25 */


.template-three-col-article #page-content h1 {
	float: left;
	width: 715px;
	margin-left:0;
}

.template-three-col-article #page-content #group-article {
	margin-left: 20px;
	float: right;
	width: 715px;
	
}

.template-three-col-article #page-content #primary-content {
	width: 470px;
	margin-right: 20px;
	margin-left: 0;
}

.template-three-col-article #page-content #secondary-content {
	width: 225px;
	margin: 0;
	float: right;
}

.template-three-col-article #page-content #secondary-content .unit {
	width: 225px;
	margin: 0 0 0 0;
}

.template-three-col-article #page-content #tertiary-content #unit-more-articles ul{
	margin-top: 0;
}
.template-three-col-article #page-content .no-heading #tertiary-content #unit-archives {
	margin-top: 0em;
}
.template-three-col-article #page-content #tertiary-content #unit-archives {
	/*margin-top: 1em;*/
}
.template-three-col-article #page-content #tertiary-content #unit-archives h2 {
	color: #585851;
}
.template-three-col-article #page-content #tertiary-content #unit-archives ul{
	margin-top: 0;
}
.template-three-col-article #page-content #tertiary-content #unit-archives h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	color: #333;
	text-shadow: #000 0px 0 1px;
}
.template-three-col-article #page-content #tertiary-content #unit-archives ul ul {
	margin: 0;
}
.template-three-col-article #page-content #tertiary-content #unit-archives ul ul li {
	border: none;
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	margin-right: 0.25em;
}
.template-three-col-article #page-content #tertiary-content #unit-archives ul li a {
	color: #9c9c8f;
}
.template-three-col-article #page-content #tertiary-content #unit-archives ul .selected {
	color: #333;
	text-decoration: none;
}


.template-three-col-article #page-content  #tertiary-content {
	width: 225px;
	margin: 0;
}

.template-three-col-article #page-content  #tertiary-content .unit {
	width: 225px;
	margin: 0;	
}

/* @end */

/* @group Two Column Template */

.template-two-col #page-content #primary-content {
	width: 715px;
	margin: 0 20px 0 0;
}

.template-two-col #page-content #primary-content .unit {
	width: 715px;
}

.template-two-col #page-content #secondary-content {
	margin: 0;
	width: 225px;
	margin-bottom: 1em;
}

.template-two-col #page-content #secondary-content .unit {
	width: 225px;
	margin: 0;
}

/* @end */

/* @group One Column Template */

.template-one-col #page-content #primary-content {
	width: auto;
	margin: 0 0 1em 0;
}

/* @end */




/* @end */

/* @group about page */
body.page-about-us #primary-content #unit-content .content {
	margin: 1em 0;
}
body.page-about-us #primary-content #unit-content p {
	text-indent: 50px;
	margin-bottom: 0;
	margin-top: 0;
}

body.page-about-us #primary-content, body.page-about-us #secondary-content {
	margin-left: 0px;
}

body.page-about-us #tertiary-content {
	float: right;
}

 body.page-about-us #secondary-content {
	margin-left: 5px;
}

/* @end */

/* @group Unit Styling */

/* @group Navigational Lists */

.navigational-list ul {
	margin: 18px 0;
	
}

.navigational-list ul li {
	border-bottom: 1px dashed #9c9c8f;
	margin: 0 0 8px 0;
	padding: 0 0 9px 0;
}
.navigational-list ul li.last {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group News Articles */

.template-three-col-article #page-content #primary-content .no-image #article-title {
	margin-top: 0;
	width: 100%;
}
.template-three-col-article #page-content #primary-content #article-title {
	border-bottom: none;
	font-style: normal;
	font-size: 24px;
	margin: 18px 0;
	padding: 0;
	width: auto;
}

.template-three-col-article #page-content #primary-content #unit-content {
	margin-bottom: 18px;
}

#unit-more-articles h2{
	font-size: 12px;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#news-images
{
	position: relative;
	height:264px;
}
#news-images img
{
	position: absolute;
}
#image-controls
{
	display: none;
}
#image-controls #next
{
	float: right;
}
#image-controls #prev
{
	float: left;
}
.clickable
{
	cursor: pointer;
}
.clickable:hover
{
	text-dectoration: underline;
}

/* @end */



/* @group Client Grid */

#unit-client-grid {
	/*background:transparent url(/mmlib/images/hmdg/grid-bg.gif) repeat 0 0 ;*/
}

#unit-client-grid .unit{
	float: left;
	margin: 0 20px 18px 0;
	background:url("/mmlib/images/hmdg/client-bg.png") repeat scroll 0 0 transparent;
	width: 225px;

}

#unit-client-grid .end {
	margin-right: 0;
}

#unit-client-grid .unit a {
	display: block;
	background:transparent url(/mmlib/images/hmdg/grid-link.gif) no-repeat -10px 6px ;
}

#unit-client-grid .unit a:hover {
	background:transparent url(/mmlib/images/hmdg/grid-link.gif) no-repeat -10px 6px ;
}


/* @end */

/* @group Tweets */
#page-content #unit-recent-tweets {
	padding-bottom: 1em;
}
#unit-recent-tweets ul {
	margin-bottom: 0;
}

#unit-recent-tweets ul li p{
	margin: 0;
}

#unit-recent-tweets ul li p.meta {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	margin: 2px 0 1px 0;
}

#unit-recent-tweets .twitter-links {
	margin: 0;
}

/* @end */

/* @group Partner Page Content */

#unit-partner .animation,
#unit-partner img {
	width: 470px;
	float: right;
}

#unit-partner #partner-info{
	float: left;
	width: 470px;
	margin-right: 20px;
	
}

#unit-partner #partner-info p {
	margin: 0 0 5px	 0;
	text-indent: 50px;
}

/* @end */

/* @group Work */

#unit-video-player{
	margin: 0 0 18px 0;
}

#unit-client-info {
	margin-bottom: 1em;
}

#unit-client-info h3{
	color: #000;
	font-size: 12px;
	font-style: normal;
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#unit-client-info li ul, #unit-client-info li ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	clear: none;
	border: none;
}
#unit-client-info li a {
	color: #9c9c8f;
	margin-right: 5px;
}

#unit-client-info li a:hover {
	color: #000;
}

#unit-client-info li a.selected {
	color: #000;
	text-decoration: none;
}

/* @end */

/* @group Contact */

/* @group Map Layout */

#unit-map {
	margin: 0 0 18px 0;
	position: relative;
	overflow: visible;
}
.section-contact-us #primary-content,
.section-contact #primary-content {
	position: relative;
}
.section-contact-us #primary-content .unit,
.section-contact #primary-content .unit {
	overflow: visible;
}

/* @end */

/* @group Social Media Links */

#unit-socialmedia-links p{
	margin: 0 0 3px 0;
}

#unit-socialmedia-links a {
	display: block;
	height: 24px;
	text-indent: -10000px;
	float: left;
	margin: 0 30px 10px 0;
	width:80px;
}

.facebook {
	background: transparent url(/mmlib/images/hmdg/link-facebook.gif) no-repeat 0 center;
	width: 67px;
}

.youtube {
	background: transparent url(/mmlib/images/hmdg/link-youtube.gif) no-repeat 0 center;
	width: 57px;
	/*margin-right: 0px!important;*/
}

.twitter {
	background: transparent url(/mmlib/images/hmdg/link-twitter.gif) no-repeat 0 center;
	width: 71px;
}

.foursquare {
	background: transparent url(/mmlib/images/hmdg/link-foursquare.gif) no-repeat 0 center;
	width: 71px;
}

/* @end */

/* @group Map Key */

.template-two-col #page-content #primary-content #unit-map-key {
	position: absolute;
	width: 225px;
	left: 735px;
	bottom: 0;
}

#unit-map-key ul {
	margin: 0 0 18px 0;
}

#unit-map-key ul li{
	list-style: none;
	padding: 0 0 0 18px;
	margin: 0;
}

#unit-map-key ul li.hmdg {
	background:transparent url(/mmlib/images/hmdg/icon-hmdg.gif) no-repeat 0 2px;
}

#unit-map-key ul li.favourites {
	background:transparent url(/mmlib/images/hmdg/icon-favourite.gif) no-repeat 0 2px;
}

#unit-map-key ul li.google-maps {
	background:transparent url(/mmlib/images/hmdg/icon-googlemaps.gif) no-repeat 0 2px;
}

#unit-map-key ul li a {
	font-style: normal;
	text-decoration: none;
	color:#585851;
}

#unit-map-key ul li a:hover {
	color: #000;
	text-decoration: underline;
}

/* @end */

/* @group Favourite Map Points */

#unit-map .favourite {
	position: absolute;
	background:transparent url(/mmlib/images/hmdg/maps-favourite.png) no-repeat 0;
	display: block;
	width: 14px;
	height: 14px;
	text-indent: -10000px;
	
}

#unit-map .favourite:hover,
#unit-map .selected {
	background-position: -14px 0;
}

/* @end */

/* @group Map Overlay */

.template-two-col #page-content #primary-content .overlay {
	background: transparent url(/mmlib/images/hmdg/overlay-arrow.png) no-repeat 50% 162px;
	padding-bottom: 28px;
	color: #f3f3f3;
	position: absolute;
	width: 470px;
}

.overlay .overlay-info{
	background:transparent url(/mmlib/images/hmdg/overlay-bg.png) repeat;
	padding:10px;
	height: 142px;
}

.overlay .overlay-info p,
.overlay .overlay-info h2 {
	color: #eee;
	border-color: #eee;
}

.overlay .overlay-info p {
	margin: 0 0 9px 162px;
}

.overlay .overlay-info h2 {
	margin: 6px 0 6px 162px;
}

.overlay .overlay-info a  {
	color: #eee;
}

.overlay .overlay-info a:hover {
	color: #fff;
}

.overlay .overlay-info img {
	float: left;
}

.overlay .overlay-info .close {
	background:transparent url(/mmlib/images/hmdg/overlay-close.gif) no-repeat;
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	text-indent: -10000px;
	top: 10px;
	right: 10px;
}

.overlay .overlay-info .close:hover {
	background-position: -12px 0;
}

/* @end */

/* @end */

/* @end */

/* @group Footer */

#footer {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	border-top: 1px solid #9c9c8f;
	margin: 0 0 36px 0;
	padding: 18px 0px;
	font-size: 10px;
	text-align: center;
}

#footer p {
	margin: 0;
}

#footer address {
	font-style: normal;
	display: inline;
}

#footer address, #footer span {
	margin: 0 9px;
}

#footer a {
	font-style: normal;
	text-decoration: none;
	color: #585851;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}


/* @end */

/* @group Edit this page button */
#footer .backstageeditbutton {
	display: inline;
	margin: 0px 9px;
	color: #000;
	text-decoration: underline;
}
.backstageeditbutton img {
	display: none;
}
/* @end */

.page-homepage #details
{
	display: none;
}

.page-homepage #postcard {
	width: 700px;
	height: 450px;
	top:5px;
}

@media all and (-webkit-transform-3d) {
	.page-homepage #primary-content {
		-webkit-perspective: 1000;
	}
	
	.page-homepage #postcard {
		width: 700px;
		height: 504px;
		-webkit-transform-style: preserve-3d;
		-webkit-transition: -webkit-transform 0.5s ease-out;
	}
	
	.page-homepage .postcard-active #postcard {
		-webkit-transform: rotateX(-180deg);
	}
	
	.page-homepage #primary-content #postcard .face {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
	}
	
	.page-homepage #primary-content #postcard .face.back {
		display: block;
		-webkit-transform: rotateX(-180deg);
		-webkit-box-sizing: border-box;
	}

}


#unit-archives h2.expanded
{
	background: url("/mmlib/images/hmdg/expand-arrows.png") no-repeat scroll right -20px transparent;
}
#unit-archives h2.contracted
{
	background: url("/mmlib/images/hmdg/expand-arrows.png") no-repeat scroll right top transparent;
}

#sharing
{
	margin-top: 10px;
}

h3.subtitle
{
	border: medium none;
	font-size: 12px;
	margin: 0;
	padding-top: 7px;
}

#partner-previews
{
	position: relative;
	height:260px;
}
#partner-previews .partner
{
	position: absolute;
}

#partner-previews .partner
{
	position: absolute;
}

#partner-previews .partner a
{
	text-decoration: none;
	color: #585851;
	font-style: normal;
}
#partner-previews .partner a:hover
{
	text-decoration: underline;
}

.section-homepage #page-content #primary-content
{
	float: right;
	position: relative;
	margin-left:0;
	margin-right:52px;
	width:650px;
}
.section-homepage #page-content #secondary-content h2
{
	margin:0;
	padding-bottom:2px;
	display: inline-block;
	color:#818286;
}
.section-homepage #page-content #secondary-content h2 a
{
	color:#818286;
}
.section-homepage #page-content #secondary-content h2 a:hover
{
	color: #000;
}
.section-homepage #page-content #secondary-content h3
{
	display: none;
}
.section-homepage #page-content #secondary-content
{
	float: right;
	margin-right: 36px;
	width:220px;
	margin-left: 0;
}
.section-homepage #page-content #secondary-content p
{
	margin: 5px 0;
	line-height:15px;
	color:#818286;
}
.section-homepage #page-content #secondary-content h2.newslist-header
{
	margin-bottom: 0;
	margin-top: 22px;
}

#unit-client-grid .placeholder
{
	position: relative;
	width: 225px;
}

.template-news-list #news-list
{
	list-style-type: none;
	margin: 0;
}

.template-news-list #news-list li
{
	margin-bottom: 20px;
	border-bottom:1px solid #9C9C8F;
}

.template-news-list #news-list li h2
{
	border: none;
	margin-bottom:0;
}
.template-news-list #news-list li .date
{
	margin: 0;
	margin-bottom:1em;
}

.template-news-list #page-content #primary-content h1
{
	width: 470px;
}


.page-homepage #page-content #unit-more-articles.unit
{
	width: 100%;
}

#unit-more-articles h2#main-title{
	border-bottom:1px solid #9C9C8F;
	color:#585851;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	line-height:1em;
	margin:0 0 18px;
	padding:0 0 5px;
}

.section-about-us .navigational-list ul
{
	margin-top: 0;
}

.page-homepage #page-content
{
	margin-top: 16px;
}
.page-homepage .navigational-list ul li
{
	margin-bottom: 6px;
}
.page-homepage .navigational-list ul
{
	margin:10px 0;
}

.news-item #page-content #primary-content h1#article-title
{
	width: 470px;
}