/*
Theme Name: Harmer Steel 1.0
Author: <a href="http://www.shepherd-interactive.com/">Shepherd Interactive</a>

*/

/* Reset CSS v1.0 | 20080212 + Weston's HTML5 revs */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
dfn {
	font-style:normal;
}
address {
	display:inline;
	font-style:normal;
}
article,
section,
header,
footer,
aside,
nav {
	display:block;
}
* {
	background-repeat:no-repeat;
	background-position:top left;
}
*[hidden] {
	display:none;
}
hr {
	/*height:0;
	border:0;*/
}
a[href^="tel:"],
a[href^="fax:"],
a[href^="tel:"]:hover,
a[href^="fax:"]:hover {
	cursor:default !important;
	text-decoration:none !important;
	color:#757575 !important;
}

p.edit-post-link {
	clear:both;
	font-size:11px;
}

/*:focus {
	outline: 0;
}*/
/* WordPress user-generated class names ----------------------------------------------------------------------- */
img.alignleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
img.alignright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

[required] {
	background-position:right top;
	background-repeat:no-repeat;
}

/* General styles */
html {
	background-color:#b5bdc1;
	font-family:"Franklin Gothic Book","Trebuchet MS","Tahoma",sans-serif;
}
body {
	margin-top:19px;
	margin-bottom:19px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
html.no-border-radius {
	/*background-color:red !important;*/
}





/* Header */
#jumplink {
	position:absolute; top:-100px; /*hide*/
}
#header {
	background-color:#333333;
	height:136px;
}
#header h1 a {
	position:absolute;
	left:30px;
	top:11px;
}
#header h1 img {
	width:81px;
	height:114px;
}

#searchform {
	position:absolute;
	top:28px;
	right:28px;
}

#searchform * {
	vertical-align:middle;
}
#searchform label {
	text-transform:uppercase;
	color:#787878;
	font-size:10px;
	padding-right:5px;
	letter-spacing:2px;
}
#searchform label.powered-by-google {
	color:#676767;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	letter-spacing:normal;
	position:absolute;
	right:10px;
	top:2px;
	z-index:1;
	-webkit-transition-property:top;
	-webkit-transition-duration:0.5s;
	-moz-transition-property:top;
	-moz-transition-duration:0.5s;
	transition-property:top;
	transition-duration:0.5s;
	line-height:15px;
	padding-right:0;
}
#searchform input.focus + label.powered-by-google,
#searchform input:focus + label.powered-by-google {
	top:20px;
}
.has-scripting #searchform label.powered-by-google {
	/*top:2px;*/
	/*-webkit-transition-duration:0;
	-moz-transition-duration:0;
	transition-duration:0;*/
}
label.powered-by-google strong {
	vertical-align:baseline !important;
}

/*#searchform label.powered-by-google,*/
/*#searchform label.powered-by-google img {*/
/*	vertical-align:middle;*/
/*}*/

#searchform input {
	border:solid 1px #b5bdc1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	
	border-top-color:#616161;
	padding:1px 5px 1px 16px;
	height:16px;
	width:116px;
	position:relative;
	z-index:2;
	
	/*background-image:url(images/magnifying-glass.png);*/
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOBAMAAAAGUYvhAAAAA3NCSVQICAjb4U/gAAAALVBMVEV5eXn39/e8vLyLi4vl5eWZmZnMzMynp6f////e3t7v7++1tbXGxsaSkpKtra37BRlrAAAAD3RSTlP//////////wD///////9r6D0cAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAGHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3NPsx9OAAAAYElEQVQImWPoEOwAggaGjjUBMSuAdNcDBoZXQLqJ9chRJiDdyiMowwqkG7g6pBhAfLaONlawfGIqN5BuKWBgYJZoYGh0Cog2uAg0R3DVKl9eAQaQqSKXF4DpRhcIH2gPAJ3fJ2aDidnsAAAAAElFTkSuQmCC");
	background-position:2px center;
	background-repeat:no-repeat;
	background-color:white;
}

html.no-border-radius #searchform input {
	border:none;
	background-image:url(images/search-box.png);
	background-color:transparent;
	padding-left:17px;
	padding-right:6px;
	height:18px;
	background-position:left bottom;
	
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-ms-border-radius:0;
	border-radius:0;
}
html.no-border-radius #searchform input:focus { background-position:left top; }
html.no-border-radius #searchform input.focus { background-position:left top; }


#searchform input:focus {
	border-color:#f35700;
	outline:none;
}

#searchform button {
	display:none;
}

/* Navigation */
#navigation > ul {
	position:absolute;
	left:135px;
	top:104px;
	z-index:10;
}
#navigation > ul > li {
	float:left;
	/*padding-left:8px;*/
	/*padding-right:8px;*/
	border-left:solid 1px #787878;
	position:relative;
	height:20px;
}
#navigation a {
	-moz-user-select:none;
	user-select:none;
}
#navigation > ul > li:first-child {
	border-left:0;
	padding-left:0;
}
#navigation > ul > li > a {
	padding-left:17px;
	padding-right:17px;
	text-decoration:none;
	font-size:20.5px;
	color:#787878;
	text-transform:uppercase;
	padding-bottom:9px;
	padding-top:9px;
	cursor:default;
}
#navigation > ul > li > a[href] {
	cursor:pointer;
}
/*Enforce home is never highlighted when active*/
body.home #navigation > ul > li:first-child > a {
	color:#787878;
}
#navigation > ul > li.current_page_ancestor > a {
	color:white !important;
}

#navigation > ul > li.hover > a,
#navigation > ul > li:hover > a {
	color:#BBBBBB;
}
#navigation > ul > li > a[href]:hover {
	color:white !important;
}

#navigation li.current_page_item > a { color:white; }

#navigation li a:focus,
#navigation li a:active {
	color:#f35700;
}


/** Graphical Nav **/
html.graphical-nav #navigation > ul > li {
	/*float:none;*/
}
html.graphical-nav #navigation > ul > li > a {
	background-image:url(images/navigation-sprite.png);
	background-repeat:no-repeat;
	white-space:nowrap; text-indent:-1000px; overflow:hidden; /*display:inline-block;*/
	padding:0;
	height:43px; /*25+9+9*/
	/*margin-top:-12px;*/
	position:relative;
	top:-12px;
	display:block;
}
html.graphical-nav #navigation > ul > li.page-item-4 > a { width:90px; }
#navigation > ul > li.page-item-4 > a { background-position:17px 15px; }
#navigation > ul > li.page-item-4 > a:hover { background-position:17px -45px; }
#navigation > ul > li.page-item-4 > a:active,
#navigation > ul > li.page-item-4 > a:focus { background-position:17px -75px; }

html.graphical-nav #navigation > ul > li.page-item-2 > a { width:126px; }
#navigation > ul > li.page-item-2 > a { background-position:-65px 15px; }
#navigation > ul > li.page-item-2:hover a { background-position:-65px -15px; }
#navigation > ul > li.page-item-2.current_page_item > a,
#navigation > ul > li.page-item-2.current_page_ancestor > a { background-position:-65px -45px; }

html.graphical-nav #navigation > ul > li.page-item-9 > a { width:114px; }
#navigation > ul > li.page-item-9 > a { background-position:-183px 15px; }
#navigation > ul > li.page-item-9:hover a { background-position:-183px -15px; }
#navigation > ul > li.page-item-9.current_page_item > a,
#navigation > ul > li.page-item-9.current_page_ancestor > a { background-position:-183px -45px; }

html.graphical-nav #navigation > ul > li.page-item-11 > a { width:145px; }
#navigation > ul > li.page-item-11 > a { background-position:-291px 15px; }
#navigation > ul > li.page-item-11:hover a { background-position:-291px -15px; }
#navigation > ul > li.page-item-11.current_page_item > a,
#navigation > ul > li.page-item-11.current_page_ancestor > a { background-position:-291px -45px; }

html.graphical-nav #navigation > ul > li.page-item-13 > a { width:156px; }
#navigation > ul > li.page-item-13 > a { background-position:-429px 15px; }
#navigation > ul > li.page-item-13:hover a { background-position:-429px -15px; }
#navigation > ul > li.page-item-13.current_page_item > a,
#navigation > ul > li.page-item-13.current_page_ancestor > a { background-position:-429px -45px; }

html.graphical-nav #navigation > ul > li.page-item-15 > a { width:146px; }
#navigation > ul > li.page-item-15 > a { background-position:-580px 15px; }
#navigation > ul > li.page-item-15:hover a { background-position:-580px -15px; }
#navigation > ul > li.page-item-15.current_page_item > a,
#navigation > ul > li.page-item-15.current_page_ancestor > a { background-position:-580px -45px; }


/* Subnav */

/**/
/*html:not(.has-scripting) #navigation ul ul {*/
/*	height:0;*/
/*}*/
/*html:not(.has-scripting) #navigation ul ul*/

#navigation > ul > li > ul {
	display:none;
	/*height:0;*/
	overflow:hidden;
	position:absolute;
	top:20px;
	width:100%;
	/*height:auto;*/
	left:0;
	z-index:20;
	border-top:solid 12px #333333;
	padding-top:10px;
	padding-bottom:10px;
	
	background-color:#9ba3a8; /* for IE 6*/
	/*background:rgb(155, 163, 168);*/
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-ms-border-bottom-left-radius:10px;
	-ms-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#navigation > ul > li > ul {
	background-color:transparent;
	background:rgba(155, 163, 168, 0.83) none !important;
	background-image:url(images/subnav-background.png);
	background-repeat:repeat;
}
/*#navigation > ul > li > ul:hover {*/
/*	background-image:none !important;*/
/*	background-color:rgb(155, 163, 168) !important;*/
/*}*/

#navigation > ul > li > ul > li {
	height:auto;
	border:none;
	float:none;
	padding:0;
	margin-top:3px;
	margin-bottom:3px;
}

#navigation > ul > li > ul > li > a {
	text-decoration:none;
	font-size:11.5px;
	color:#333333 !important;
	display:block;
	text-transform:none;
	padding-left:19px;
	padding-right:10px;
	line-height:1.15em;
	padding-top:6px;
	padding-bottom:6px;
	
	zoom:1; /* for IE, so block actually goes 100% width */
}

#navigation ul ul li a:hover,
#navigation ul ul li.current_page_item a,
#navigation ul ul li.current_page_ancestor a{
	color:white !important;
}
#navigation ul ul li a:hover {
	background-color:#96a0a7;
}
#navigation ul ul li a:active { color:#f35700 !important; }
#navigation ul ul li a:focus  { color:#f35700 !important; }

#navigation ul li.hover ul,
#navigation ul li:hover ul {
	display:block;
}
html.has-scripting #navigation ul li.hover ul,
html.has-scripting #navigation ul li:hover ul {
	display:none;
}





/* Content */
/*body.home #content h2 {*/
/*	color:#757575;*/
/*	font-size:1em;*/
/*	font-weight:bold;*/
/*}*/

#content {
	padding:25px 45px 25px 32px;
	background-color:white;
	/*border:solid 1px white;*/
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-ms-border-bottom-left-radius:12px;
	-ms-border-bottom-right-radius:12px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;

	line-height:1.3em;
	font-size:14px;
	color:#757575;
	
	/*font-family:Arial,Helvetica,sans-serif;*/
	position:relative;
}
.tertiary-navigation + #content {
	padding-bottom:0;
	border-bottom:solid 25px white;
	background-repeat:repeat-y;
	background-position:180px top;
}
#content h2 {
	font-size:1.4em;
	font-weight:normal;
	color:#ff5400;
}
#content h3 {
	font-size:1.1em;
}
#content h4 {
	font-size:1em;
}
#content h5 {
	font-size:1em;
	font-style:italic;
	font-weight:normal;
}
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	margin-bottom:1em;
	margin-top:1em;
}
#content h2 + p,
#content h3 + p,
#content h4 + p,
#content h5 + p,
#content h6 + p {
	margin-top:-0.8em;
}

#content h2.title {
	margin-top:0.6em;
	margin-bottom:0.3em;
	
}
#content h2.title + p {
	margin-top:0.7em;
}
#content.catalog-product h2 {
	color:black;
	background-color:#faba26;
	line-height:33px;
	padding-left:14px;
	color:#333;
	font-size:18px;
	margin-top:10px;
	margin-bottom:5px;
}
#content.catalog-product #pdf-notice {
	position:absolute;
	right:45px;
	top:36px;
	margin:0;
	line-height:33px;
	padding-right:8px;
}
#content.catalog-product #pdf-notice {
	/*text-align:right;
	padding-right:8px;
	margin:0;
	padding-top:7px;
	margin-top:-38px;
	float:right;
	position:relative;*/
}

#pdf-notice img {
	vertical-align:middle;
}

#content h3 a {
	color:#ff5400;
}

a:link.pdf > img,
a:visited.pdf > img {
	border:solid 1px white;
}
a.pdf:hover > img {
	border-color:#faba26;
}
a.pdf:active > img,
a.pdf:focus > img {
	border-color:#f35700;
}

/*#content h2:first-word { text-transform:uppercase; }*/
/*#content h2 .first-word { text-transform:uppercase; }*/
/*#content h2 {*/
/*	text-transform:lowercase;*/
/*}*/


#content h3 {
	color:#444444;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:link {
	color:#f35700;
}
a:visited {
	color:#c14400;
}

#content p,
#content ol,
#content ul {
	margin-top:1.1em;
	margin-bottom:1.1em;
}
#content blockquote {
	margin-left:1em;
}

#content ul,
#content ol {
	margin-left:2em;
}
#content ul > li {
	list-style:disc;
}
#content ul > li > ul > li {
	list-style:circle;
}
#content ul > li > ul > li > ul > li {
	list-style:square;
}
#content ol > li {
	list-style:decimal;
}
#content ol > li > ol > li {
	list-style:lower-alpha;
}
#content ol > li > ol > li > ol > li {
	list-style:lower-roman;
}

#content p + ul,
#content p + ol {
	margin-top:-1em;
}

a.button,
form button {
	background-position:right center;
	background-repeat:no-repeat;
	padding:0;
	padding-right:20px;
	padding-left:5px;
	white-space:nowrap;
	text-transform:uppercase;
	color:white !important;
	background-color:#b8b8b8;
	border:solid 5px #b8b8b8;
	border-top-width:3px;
	border-bottom-width:3px;
	font-size:10px;
	/*font-weight:bold;*/
	line-height:15px;
	/*background-image:url(images/go-button-orange.png);*/
	font-weight:bold;
	letter-spacing:1px;
	cursor:pointer;
	
	display:inline-block;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
a.button:hover,
form button:hover {
	text-decoration:none;
	/*color:black;*/
	/*font-weight:bold;*/
	/*letter-spacing:2px;*/
	background-color:#818181;
	border-color:#818181;
	color:white !important;
}
a.button:active,
form button:active,
a.button:focus,
form button:focus {
	color:white !important;
	background-color:#585858;
	border-color:#585858;
	/*letter-spacing:2px;*/
}

/* Banners */
#banners {
	/*position:absolute;*/
	overflow:hidden;
	height:322px;
	width:950px;
	position:relative;
	background-color:black;
	/*top:0;
	left:0;*/
}
#banners.banner-count-1 {
	height:auto;
}

#banners h3 {
	z-index:5;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.5) none !important;
	background:transparent url(images/black-opacity50.png);
	color:white;
	height:61px;
	line-height:61px;
	font-size:20.5px;
	text-indent:45px;
	white-space:nowrap;
}
html.has-scripting #banners h3 {
	text-indent:-500px;
}
html.has-scripting #banners img {
	visibility:hidden;
}
#banners #banner-curtain {
	height:322px;
	width:950px;
	background-color:black;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
html.has-scripting #banners.initialized img {
	visibility:visible;
}

#banners h3 strong {
	font-weight:normal;
	text-transform:uppercase;
}
#banners h3 em {
	font-weight:normal;
}
#banners img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;	
	/*-webkit-transition-property:top, left;*/
}
#banners.banner-count-1 img {
	position:static;
	visibility:visible !important; /*don't fade-in */
}

#banners img:first-child {
	z-index:3;
}
#banners img:first-child + img {
	z-index:2;
}

/** Home Page **/
body.home #content p {
	/*width:650px;*/
}


/* Offices */

#content.offices .vcard {
	float:left;
	width:380px;
}
#content.offices .vcard h4 {
	color:#444444;
	/*margin-bottom:-0.9em;*/
}
#content.offices .col-1 {
	background-image:none !important;
	padding-right:40px;
}
#content.offices .col-2 {
	padding-left:40px;
	background-repeat:repeat-y;
	background-position:left top;
}


/* Philosophy Page */
body.page-id-28 #content {
	/*min-height:510px;*/
	height:510px;
	/*min-height:347px;*/
	margin:0;
	padding:0;
	background-image:url(images/philosophy-background.jpg);
	/*padding-top:163px;*/
	/*position:relative;*/
	/*display:table;*/
	line-height:510px;
	
}

#content .floating-contents {
	background-color:white;
	padding:25px 45px;
	/*top:163px;*/
	/*vertical-align:middle;*/
	/*position:absolute;
	left:0;
	right:0;
	top:20%;
	bottom:20%;*/
	line-height:1.3em;
	display:inline-block;
	vertical-align:middle;
}
#content .floating-contents + .edit_link {
	position:absolute;
	left:10px;
	bottom:10px;
	background-color:white;
	padding:5px;
	line-height:1.3em;
}
#content.offices > .edit_link {
	display:none !important;
}

/* Category Landing page */

.tertiary-navigation + #content
/*#content.catalog-category*/ {
	padding-left:200px;
	/*min-height:290px;*/
}
.tertiary-navigation {
	background-position:180px top;
	background-repeat:repeat-y;
	width:184px;
	float:left;
	position:relative;
	z-index:5;
	/*bottom:60px;*/
	font-size:11px;
	/*margin-top:35px;*/
	border-top:35px solid white;
	line-height:1.3em;
}
.tertiary-navigation h3 {
	padding-left:32px;
	margin-bottom:10px;
	margin-top:10px;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
	width:140px;
	letter-spacing:1px;
}
.tertiary-navigation h3 a {
	display:block;
}
.tertiary-navigation h3 a:link,
.tertiary-navigation h3 a:visited {
	color:#333333 !important;
}
.tertiary-navigation h3 a:hover,
.tertiary-navigation h3 a:active,
.tertiary-navigation h3 a:focus {
	color:#F35700 !important;
}
.tertiary-navigation ul {
	width:170px;
	border-top:1px solid #c0c0c0;
	margin-top:0 !important;
	padding-top:5px;
	padding-bottom:10px;
	background-color:white;
	
	/* In case overflowing the body */
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-ms-border-bottom-left-radius:10px;
	-ms-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.tertiary-navigation ul li {
	line-height:1.2em;
	margin-bottom:.7em;
	margin-top:.7em;
}
.tertiary-navigation ul li a {
	display:block;
	padding-left:32px;
	/*text-indent:-10px;*/
	text-decoration:none !important;
}
.tertiary-navigation ul li.current_page_item a {
	color:#f35700 !important;
	cursor:default !important;
	background-repeat:no-repeat;
	background-position:24px 3px;
}
#product-navigation p.catalog {
	margin-top:20px;
	text-align:center;
	width:180px;
}
body.parent-pageid-9 #content h2.title + p {
	min-height:100px;
}

#category-image {
	position:relative;
	right:0;
	text-align:right;
	padding-right:115px;
	margin-right:-45px;
	/*margin-left:-15px;*/
	bottom:0;
}
#category-image img{
	display:block;
}

#thumbnail-gallery {
	position:absolute;
	right:0;
	top:100px;
	border-left:solid 3px white;
	width:115px;
	height:81px;
}
#thumbnail-gallery img {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#thumbnail-gallery img:first-child {
	z-index:3;
}
#thumbnail-gallery img:first-child + img {
	z-index:2;
}


/* Contact Form */
#harmer_contact_form {
	background-position:416px top;
	background-repeat:repeat-y;
}
form .form_error_message {
	color:red;
	font-weight:bold;
	background-color:white;
	padding:.5em;
}
#harmer_contact_form label {
	/*display:block;*/
	padding-right:20px;
	
}
#harmer_contact_form input,
#harmer_contact_form textarea,
#harmer_contact_form select {
	width:100%;
	border:solid 1px #d6dbdd;
	font-family:"Franklin Gothic Book","Trebuchet MS","Tahoma",sans-serif;
}
/*#harmer_contact_form fieldset.contact-info input,*/
/*#harmer_contact_form fieldset.contact-info textarea {*/
/*	width:346px;*/
/*	padding-right:20px;*/
/*}*/
#harmer_contact_form p.required label {
	background-position:right center;
	background-repeat:no-repeat;
}

#harmer_contact_immediately {
	width:auto !important;
	vertical-align:middle;
	border:0 !important;
}
#harmer_contact_immediately + label {
	display:inline;
}
form .invalid {
	background-color:#FFCCCC !important;
	border-color:red !important;
}
form textarea {
	/*font-family:inherit;
	font-size:inherit;*/
}
#harmer_contact_address {
	overflow:hidden;
}

#harmer_contact_address {
	height:2.5em;
}
#harmer_contact_message {
	height:125px;
}
#harmer_contact_form fieldset.contact-info {
	width:416px;
	float:left;
	margin-right:50px;
}
#harmer_contact_form fieldset.contact-info p {
	padding-right:50px;
}

#harmer_contact_form fieldset.request-info p {
	/*padding-left:50px;*/
}
#harmer_contact_form .submit {
	clear:both;
	margin-left:466px;
}
#harmer_contact_form select {
	background-image:none;
}
/*#harmer_contact_industry_p {*/
/*	padding-right:20px;*/
/*	margin-right:-20px;*/
/*	background-position:right bottom;*/
/*}*/

/* Blogroll (links) */

#blogroll {
	margin-top:26px;
	/*-moz-column-count:3;*/
}
#blogroll .col {
	float:left;
	width:200px;
	/*clear:right;*/
	background-repeat:repeat-y;
}
#blogroll .col-3 {
	background-image:none !important;
}
.tertiary-navigation a:link,
.tertiary-navigation a:visited,
#blogroll a:link {
	color:#757575;
}
.tertiary-navigation a:hover,
.tertiary-navigation a:active,
#blogroll a:hover,
#blogroll a:active{
	color:#f35700;
	text-decoration:none !important;
	/*letter-spacing:1px;*/
}

.tertiary-navigation a:focus,
#blogroll a:focus {
	color:#f35700;
}
#blogroll ul {
	margin-top:2px;
	margin-left:0;
}
#blogroll li {
	margin-top:4px;
	margin-bottom:4px;
	margin-left:20px;
	text-indent:-20px;
	line-height:1.1em;
	list-style:none !important;
}
#blogroll .col {
	/*float:left;*/
	/*padding-left:33px;
	padding-right:33px;*/
	background-repeat:repeat-y;
	background-position:right top;
}
#blogroll .col-1 {
	width:258px;
}
#blogroll .col-1 div {
	padding-right:33px;
}
#blogroll .col-2 {
	width:315px;
}
#blogroll .col-2 div {
	padding-left:33px;
	padding-right:33px;
}
#blogroll .col-3 {
	width:285px;
}
#blogroll .col-3 div {
	padding-left:33px;
}

/** Category Page **/
body.single .publish-meta,
body.category .publish-meta {
	font-size:smaller;
}
body.single #content h2 {
	margin-bottom:0.1em;
}
.next-previous .prev {
	float:left;
}
.next-previous .next {
	float:right;
}
#content .paged-nav {
	text-align:center;
}


/* Search Page */
body.search h2 .powered-by-google {
	color:#676767; font-size:11px; font-weight:normal;
}
body.search h2 .powered-by-google img {
	vertical-align:middle;
}
body.search #content .result {
	margin-top:1em;
	margin-bottom:1em;
	max-width:42em;
}
body.search #content .result h3 {
	font-weight:normal;
	font-size:1.1em;
	margin:0;
}
body.search #content .result p {
	margin-top:0;
	margin-bottom:0;
	font-size:0.9em;
}
body.search #content .result .url {
	font-size:0.8em;
}
body.search mark {
	font-weight:bold;
}


/* Gallery */
#content.gallery {
	background-color:#474747;
	min-height:400px;
	text-align:center;
	color:#9fa9ae;
}
#content.gallery h2.title {
	text-align:center;
	color:#f8b21b;
}
#content.gallery-login h2.title {
	margin-top:6em !important;
}
#content.gallery a {
	color:#f8b21b;
}
#content.gallery a:active {
	color:white;
}

/* login form displayed along with public galleries*/
#content.gallery #gallery_login_form { 
	width:auto;
	text-align:center;
	padding:1em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:absolute;
	bottom:0;
	right:0;
}
#content.gallery #gallery_login_form p {
	display:inline;
	margin:0;
}

/* login form displayed in isolation (all are private) */
#content.gallery-login #gallery_login_form {
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	width:330px;
	text-align:center;
	padding:1em;
	-moz-border-radius:10px;
	margin-top:1em;
	margin-bottom:4em;
	position:static;
	bottom:auto;
	top:auto;
}
#content.gallery-login #gallery_login_form .form_error_message {
	display:block;
	padding:0;
	margin-bottom:1em;
}
#gallery_login_form input {
	border:1px solid #D6DBDD;
}

#gallery_login_form button {
	letter-spacing:1px !important;
	background-image:none !important;
	padding-right:5px;
}
#gallery_login_form button:hover {
	background-color:#757575;
	border-color:#757575;
}
#content.gallery #gallery_login_form .instructions {
	margin-left:auto;
	margin-right:auto;
	width:250px;
	margin-top:1em;
	line-height:1.2em;
	font-size:smaller;
	display:block;
}

#content.gallery .photo-grid {
	margin-top:1em;
	padding-top:1em;
	border-top:solid 1px #6e6e6e;
	margin-left:0;
	padding-left:25px;
	/*padding-right:96px;*/
}
#content.gallery .photo-grid + hr {
	clear:both;
	height:2em;
	visibility:hidden;
}
#content.gallery .photo-grid > li {
	float:left;
	list-style:none !important;
	margin-left:20px;
	margin-right:20px;
}
#content.gallery .photo-grid > li > a {
	display:block;
	border:solid 1px #474747;
	text-align:center;
	padding:1em;
	width:96px; /*thubnail width*/
	line-height:1em;
	overflow:hidden;
	height:126px;
	
	-webkit-transition-property:border-color;
	-webkit-transition-duration:0.25s;
}
#content.gallery .photo-grid > li > a:hover,
#content.gallery .photo-grid > li > a:focus {
	text-decoration:none;
	border-color:#6e6e6e;
}
#content.gallery .photo-grid > li > a:active {
	border-color:#939393;
}

#content.gallery .photo-grid > li > a > img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#content.gallery .photo-grid > li > a > .count {
	color:#939393;
	font-size:12px;
}

#content.gallery .photo-grid > li > a > h3 {
	color:#f8b21b;
	font-weight:normal;
	margin-top:0.6em;
	margin-bottom:0;
	font-size:12px;
}
#content.gallery .photo-grid > li > a > p {
	margin-top:0.4em;
	margin-bottom:0;
	font-size:11px;
	color:#b5bdc1;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.25s;
}
#content.gallery .photo-grid > li > a:hover > p,
#content.gallery .photo-grid > li > a:active > p{
	color:white;
}
#content.gallery .photo-grid > li > a:hover > h3 {
	text-decoration:underline;
}

/* Album view */

#back-to-album,
#back-to-gallery {
	color:white;
	position:absolute;
	top:10px;
	right:0;
	line-height:1.8em;
}
#back-to-album > a,
#back-to-gallery > a {
	display:inline-block;
	padding-right:20px;
	border-top:solid 1px #4e4e4e;
	/*padding-top:5px;*/
}

#content.image-browser {
	/*padding-top:50px;*/
	padding-left:90px;
	min-height:550px;
}

#content.image-browser h2.title {
	position:absolute;
	left:0px;
	top:20px;
	/*padding-left:20px;*/
	border-bottom:solid 1px #6e6e6e;
	padding-bottom:5px;
	/*text-align:left;*/
	min-width:140px;
	padding-left:5px;
	padding-right:5px;
	font-size:1.1em;
}
#content.image-browser h2.title + p {
	display:none;
}

#content.image-browser #album-images {
	/*float:left;*/
	/*width:150px;*/
	padding:0;
	/*max-height:310px;*/
	overflow:auto;
	/*border-bottom:solid 1px #6e6e6e;*/
	position:absolute;
	top:70px;
	bottom:10px;
	left:10px;
	margin:0;
	width:150px;
	border-top:0;
}

#content.image-browser #album-images::-webkit-scrollbar {
    width:10px;
}
#content.image-browser #album-images::-webkit-scrollbar-track-piece {
	background-color:#333333;
	height:20px;
}
#content.image-browser #album-images {
	scrollbar-base-color:#474747;
	scrollbar-darkshadow-color:#333333;
	scrollbar-track-color:#333333;
	scrollbar-face-color:#6E6E6E;
	scrollbar-highlight-color:#6E6E6E;
	scrollbar-shadow-color:#474747;
}
#content.image-browser #album-images::-webkit-scrollbar-thumb {
	background-color:#6E6E6E;
}

#content.image-browser #album-images > li p {
	display:none;
}
#content.image-browser #album-images > li {
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:block;
	margin-bottom:5px;
}
#content.image-browser #album-images > li > a {
	height:auto;
	-webkit-transition-duration:0.1s;
}
#content.image-browser #album-images > li > a:active,
#content.image-browser #album-images > li > a:focus{
	border-color:white;
}
#content.image-browser #album-images > li > a.active {
	border-color:#6E6E6E;
}

#content.gallery-album #back-to-album,
#content.gallery-album.image-browser #back-to-gallery {
	display:none;
}
#content.gallery-album.image-browser #back-to-album {
	display:block;
}
#album-navigation  {
	margin-top:14px;
	margin-bottom:14px;
}
#album-navigation > a {
	display:inline-block;
	width:118px;
	border:solid 1px #5a5a5a;
	background-color:#4e4e4e;
	color:#8f8f8f !important;
	text-decoration:none;
}
#album-slideshow-btn {
	-webkit-transition-property:outline;
	-webkit-transition-duration:0.25s;
	outline:solid 1px transparent;
}
#content.gallery-album-slideshow #album-navigation > a[rel=next],
#content.gallery-album-slideshow #album-navigation > a[rel=previous]{
	-webkit-transition-property:color, border-color;
	-webkit-transition-duration:0.25s;
}
#album-navigation > a.highlighted {
	/*color:#F8B21B !important;
	border-color:#F8B21B !important;*/
	outline:solid 1px #F8B21B;
}
#album-navigation > a:hover {
	color:white !important;
}
#album-navigation > a:active,
#album-navigation > a.active{
	border-color:#dddddd;
	color:white;
}

/*#content.gallery-album #album-images > li:target {*/
/*	background-color:black;*/
/*}*/




/* single gallery image view */
#content.gallery #album-image-box > .title {
	display:block;
	margin-bottom:0.5em;
}
#content.gallery .title > h3,
#content.gallery .title > h2 {
	display:inline;
	vertical-align:middle;
}
#content.gallery .title > h3 {
	color:#F8B21B;
	font-weight:normal;
	font-size:1.1em;
}
#content.gallery .title > h2 {
	color:white;
	font-size:1.2em;
	font-weight:bold;
}

#content.gallery #album-image-box {
	/*margin-left:auto;
	margin-right:auto;*/
	/*display:inline-block;*/
	border:solid 1px #4e4e4e;
	padding:15px;
	max-width:506px;
	margin-left:auto;
	margin-right:auto;
}
#content.gallery #album-image-box  img {
	border:solid 3px #888686;
	vertical-align:middle;
}
#content.gallery #album-image-box a:hover img {
	border-color:#f8b21b;
}

#content.gallery .edit_link {
	position:absolute;
	left:10px;
	bottom:10px;
	margin:0;
}
#gallery-logout {
	position:absolute;
	right:10px;
	bottom:10px;
	line-height:1em;
	margin:0 !important;
}
#gallery-logout a {
	color:#b5bdc1 !important;
}
#gallery-logout a:hover {
	color:#f8b21b !important;
}
#gallery-logout a:active{
	color:white !important;
}

/* Multiple Column pages */


#content > h2 {
	column-span: all;
	-moz-column-span: all;
	-webkit-column-span: all;
	-ms-column-span: all;
	-o-column-span: all;
}
#content > div.columns {
	-moz-column-count:2;
	-moz-column-gap:60px;
	-moz-column-fill:auto;
	-webkit-column-count:2;
	-webkit-column-gap:60px;
	-o-column-count:2;
	-o-column-gap:60px;
	-ms-column-count:2;
	-ms-column-gap:60px;
	column-count:2;
	column-gap:60px;
	background-repeat:repeat-y;
	background-position:center top;
	/*-moz-column-rule:url(images/double-rule.png);*/
}
html.no-columns #content > div.columns {
	background-image:none !important;
}
#content > div.columns p {
	break-inside: avoid;
	widows:2;
	orphans:2;
	column-break-inside:avoid;
	-moz-column-break-inside:avoid;
}


/* Widgets */
.widget {
	line-height:1.3em;
	font-size:14px;
	color:#757575;
}
.widget h3 {
	font-size:1em;
	/*white-space:nowrap;*/
}
.widget h3 a {
	padding-right:20px;
	/*background-image:url(images/go-button-orange.png);*/
	background-position:right center;
	color:#ff5400;
	text-decoration:none;
}
.widget a p {
	color:#757575;
}
body.home .widget_product_tout {
	/*position:absolute;
	top:354px;
	right:25px;
	*/
	margin-left:25px;
	/*margin-bottom:25px;*/
	/*margin-right:-25px;*/
	margin-bottom:-5px;
	width:175px;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
	/*border-left:solid 1px #C0C0C0;*/
	/*background-image:url(images/double-rule.png);*/
	background-position:left top;
	background-repeat:repeat-y;
	position:relative;
	z-index:10;
	
	margin-right:20px;
	margin-top:25px;
}
body.home .widget_product_tout h3 {
	margin:0;
	margin-bottom:5px;
	margin-top:16px;
	/*font-weight:normal;*/
}
body.home .widget_product_tout h3 a {
	/*border:solid 1px red;
	background-color:lime;*/
	background-position:right bottom;
	/*-webkit-transition-property:letter-spacing;
	-webkit-transition-duration:300ms;*/
}
body.home .widget_product_tout h3 a:hover {
	/*padding-left:1px;*/
	/*letter-spacing:1px;*/ /*0.4px*/
	text-decoration:underline;
	/*padding-right:25px;*/
	/*font-weight:bold;*/
	/*padding-right:23px;*/
}
body.home .widget_product_tout p {
	width:auto;
	margin:0;
}
body.home .widget_product_tout img {
	/*margin-left:15px;
	margin-right:15px;*/
	display:block;
	/*margin-top:-115px;*/
	/*position:absolute;*/
}





#end-content-msie #end-content {
	display:none;
}
#end-content,
#end-content-msie {
	clear:both;
	height:0;
	margin:0;
	padding:0;
	border:0;
}

#corner-bottom-left,
#corner-bottom-right {
	background-image:url(images/rounded-corners.png);
	width:12px;
	height:12px;
	position:absolute;
	bottom:0;
}
.tertiary-navigation + #content #corner-bottom-left,
.tertiary-navigation + #content #corner-bottom-right {
	bottom:-25px;
}

#corner-bottom-left {
	left:0;
	background-position:left top;
}
#corner-bottom-right {
	right:0;
	background-position:right top;
}

/* Footer */
#footer {
	padding-top:19px;
	color:#949595;
	font-size:11px;
	text-align:right;
	line-height:20px;
	clear:both;
}
#footer address {
	display:block;
}
#footer img.logo {
	opacity:0.19;
	float:right;
	margin-top:5px;
	margin-left:17px;
	
	/*-ms-filter:"alpha(opacity:19)";
	filter:alpha(opacity=19);*/
}
#footer a {
	color:#949595;
}
#footer a.url {
	text-decoration:none !important;
	/*cursor:default;*/
}
#footer .adr {
	display:none;
}
#footer:hover,
#footer:hover a {
	color:#757575;
}
#footer:hover img.logo {
	opacity:0.3;
	
	/*-ms-filter:"alpha(opacity=30)";
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/harmersteel/images/harmer-steel-co-footer-logo.png', sizingMethod='scale')";
	filter:alpha(opacity=30);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/harmersteel/images/harmer-steel-co-footer-logo.png', sizingMethod='scale');*/
}

#footer:hover a {
	/*color:#444;*/
	text-decoration:underline;
}
#footer a:hover {
	color:black;
}
#footer .vcard .note {
	display:none;
}


/** Data URIs **/

/*background-image:url(images/double-rule.png);*/
#harmer_contact_form,
body.home .widget_product_tout,
#blogroll > ul > li,
#blogroll .col,
#content.offices .col-2,
/*.tertiary-navigation,*/
.tertiary-navigation + #content,
#content > div.columns  {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABBAMAAAALEhL+AAAAB3RJTUUH2QUGERMGgQYaCwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAAGUExURf///8bGxi9HLsEAAAABdFJOUwBA5thmAAAAC0lEQVR42mMQYAQAACQAEqV0j7kAAAAASUVORK5CYII=");
}
html.no-data-uri #harmer_contact_form,
html.no-data-uri #blogroll > ul > li,
html.no-data-uri body.home .widget_product_tout,
html.no-data-uri #blogroll .col,
html.no-data-uri #content.offices .col-2,
/*html.no-data-uri .tertiary-navigation,*/
html.no-data-uri .tertiary-navigation + #content,
html.no-data-uri #content > div.columns {
	background-image:url(images/double-rule.png);
}
/*background-image:url(images/go-button-orange.png);*/
.widget h3 a,
a.button,
form button {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAA3NCSVQICAjb4U/gAAABGlBMVEX////59ub96M/u0ML6zp364MD5tpL1vJb5nnb11sP507/9wKD4tIb8wp71pXL4tIb3lVXyuIX3hlb4r4j1pXL5nnb6lFr7qGz2pX78hkTyh0H3gTL3cy/6lFr3gTL3jEv/dB74axvxXhf9f0T4Xg/2WQD6dCz4axv2YxL4Xg/8cCv1bSr8ZBT4Xg/9Xg35XBjyXAj1Wwn////3///v///59ub68ez67ub67eL/59r56tf94sr44tD93b/03sf/z6z9tnz/lVv8lFD4jlr3jEvxjE/yh0H6ezb4eij2d0j6dCz3cy/8cCv/bSbtaR72YxL/YAL5YgXvZQz2YgD4Xg/9Xg3+XAj5XBj/WgH1WwnyWgL2WQD/UgD1UQDzIwn8AAAAXnRSTlMAERERESIiMzNEREREVVVmZnd3iIiIiJmZmZmZmaqqu7u7u8zMzN3d3d3u7u7u7u7u7v//////////////////////////////////////////////////////////JCKtXgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABh0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzT7MfTgAAANJJREFUCJklj9dWAkEQRMuIOeesKGIOgyjqCgoquoZZR8Zauvn/33BW66n7VIdbAJBb2k28FFcG8KfxQ6oVSz2ayNrRU7bfas9K+3U2BvQVRD6r5i5W51jsx2SH5H25FL2HCZ3CuibOy8OFiWK1dgsF8fzxWr8s3bwK97Af1lqJxhVz3Ux5jLzSkc3ovPKk39zGQkctX27N1SPDvWUMfjj6qik3JPxJR4B5JRtRPQCmuhj4ulbbypYPrqz1ZMDd0wfiU6sns73/gTA0s7GzOTeclb9lODKlaJicZQAAAABJRU5ErkJggg==");
}
html.no-data-uri .widget h3 a,
html.no-data-uri a.button,
html.no-data-uri form button {
	background-image:url(images/go-button-orange.png);
}

/* background-image:url(images/link-arrow-bullet.gif); */
.tertiary-navigation ul li.current_page_item a {
	background-image:url("data:image/gif;base64,R0lGODlhBAAGAKIAAP9wAP///v/7+f9xAP/////7+gAAAAAAACH5BAAAAAAALAAAAAAEAAYAAAMNCBAEIyEIFcpQAFKSAAA7");
}
html.no-data-uri .tertiary-navigation ul li.current_page_item a {
	background-image:url(images/link-arrow-bullet.gif);
}

/* background-image:url(images/required.png); */
/*[required],*/
#harmer_contact_form p.required label,
#harmer_contact_industry_p {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUBAMAAACZjst6AAAAA3NCSVQICAjb4U/gAAAAGFBMVEX///94ACJ4ACJ4ACJ4ACJ4ACJ4ACJ4ACJPQzOuAAAACHRSTlMAESIzRFVmd1lsqD8AAAAJcEhZcwAACvAAAArwAUKsNJgAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAAxSURBVAiZY2AgHbA7qBtAWKwJ7gJQwaRCCM1W4h6SLgBhuUFZCFkkHUBTFMiwHAcAADlwB2JPadtXAAAAAElFTkSuQmCC");
}
/*html.no-data-uri [required],*/
html.no-data-uri #harmer_contact_form p.required label,
html.no-data-uri #harmer_contact_industry_p {
	background-image:url(images/required.png);
}