/*---------------------------------------------
 Style Sheet Information for http://www.hymid
 
 version:	1
 author:	Daniel Binks
 email:		info@
 website:	http://
  
----------------------------------------------*/

/* =Reset Statement
----------------------------------------------*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	background: transparent;
}
/* remember to define focus styles! */
:focus {outline: 0;}
a, input.button {cursor:pointer;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clear:after {content: "."; height:0; visibility: hidden; display:block; clear: both;}



/* =Layout
----------------------------------------------*/
body {background:#E3E4E5; padding-bottom:40px}
#wrap {background: url(../images/hymid-logo-baseline.jpg) bottom left no-repeat #fff; width:970px; margin:20px auto auto; padding-top 0px; position:relative; padding-bottom:59px}
div#nav {width:80%; background:#000; height:60px;}
#nav img {position:absolute; right:0; top:0px}
#nav ul li {float:left; height:22px; padding:0px 9px 0px; border-left:1px solid #fff; margin-top:38px}
#nav li:first-child {border-left:none}
#sub-nav {height:30px; width:100%; background:#6D6F71; letter-spacing:0.13em;}
#animation {position: absolute; top:94px; left: 788px; height:30px;}
#animationicon {position: absolute; top: 90px; left: 930px; height:30px;}
#content-wrap {width:100%; margin:0 13px 13px}
#primary-content {float:left; width:342px; padding-top:20px; height:380px; position:relative; z-index:3}
.thumbs #primary-content img {
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	opacity: 1;
}
#thumb-gallery {
	position: absolute;
	bottom: -18px;
	left: 2px;
	width: 332px;
	height: 316px;
}
#secondary-content {float:left; width:130px; background:url(../images/bg-tint.png) top left; position:relative; z-index:2; padding-top:16px; height:384px}
#image-area {float:left; width:602px; margin-left:-130px; position:relative}
#image-credit{width:400px; top: 383px; left: 196px; text-align: right; position:absolute; color: #777777; font-size: 9px;}
.box {float:left; height:60px; width:472px; margin-right:13px; background:#4D4D4D; padding-top:10px; position:relative; }
.left { background:#D9D9D9; margin-left:13px; margin-right:0; color:#4D4D4D}
ul#footer-nav li {float:left; padding:0 10px; background:url(../images/footer-nav-divider.jpg) left top repeat-y}
ul#footer-nav li:first-child {padding-left:0; background-image:none}
ul#footer-nav {width: 970px; margin:6px auto;}
#contactpage .left ul {margin-left:20px}
#contactpage .left ul li.phone-fax {margin-top:6px}
#contactpage #content-wrap {background:url(../images/contact-bg.jpg) bottom left no-repeat}
.left p { margin-left:20px; width:260px; position:relative; z-index:4}
.range-right p {margin-left:190px;margin-top:15px;width:287px;}
 img.inset {position:absolute; left:63px ; bottom:-98px; z-index:100}
 #project-engineering-page #primary-content {background:url(../images/project-engineering/project-engineering-bg.jpg) bottom left no-repeat}
 #tooling-solutions-page #secondary-content  {z-index:100}
 
.hover-thumbs {position:absolute; left:-8px; bottom:0; margin-left:14px}
.hover-thumbs a img {margin-left:10px}
.hover-thumbs span  {display:none; position: absolute; right:-642px; top:-311px}
.hover-thumbs a:hover span {display:block}

#newsbox{ position:absolute; right:13px; top: 388px; height:82px; width: 452px; background: url('../images/newsover.png'); z-index: 20; font-size: 11px; color: #555; padding: 10px;line-height:20px;}
#newsbox h2{color: #222; margin: 0px; padding: 0px; border-bottom:none;}


/* =Typography
----------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF
}
		/*h1 {font: 60px/68px 'LatinModernSans10Regular', Arial, sans-serif;letter-spacing: 0;}	
		p.style2 {font: 18px/27px 'LatinModernSans10Oblique', Arial, sans-serif;}
		p.style3 {font: 18px/27px 'LatinModernSans10Bold', Arial, sans-serif;}
		p.style4 {font: 18px/27px 'LatinModernSans10BoldOblique', Arial, sans-serif;}
		p.style5 {font: 18px/27px 'LatinModernSansDemiCond10Regula', Arial, sans-serif;}
		p.style6 {font: 18px/27px 'LatinModernSansDemiCond10Obliqu', Arial, sans-serif;}*/
		
#nav ul, #footer-nav, #primary-content h2, #secondary-content h2, #sub-nav ul, h2.base-details {font:12px 'PTSansRegular', Arial, sans-serif; text-transform:uppercase; color:#FF0000; letter-spacing:0.19em }
h2.base-details {color:#ccc; letter-spacing:0.03em; font-size:14px; position:absolute; bottom:1px; right:34px; text-transform:none}
#footer-nav {font-size:11px}
.box h1, .box h2 {font:18px 'PTSansRegular', Arial, sans-serif; text-transform:lowercase; color:#FFF; letter-spacing:0.09em ; text-align:right; margin-right:20px}
.box h2 {font-size:14px; text-transform:none; color:#CCCCCC; line-height:30px}
.box h4 {
	font: 11px 'PTSansRegular', Arial, sans-serif;
	color: #FFF;
	letter-spacing: 0.09em;
	text-align: right;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: -5px;
}
.box h5 {font:10px 'PTSansRegular', Arial, sans-serif; color:#CCC; letter-spacing:0.09em ; text-align:right; margin-left:15px; margin-right:10px; margin-top: 0px;}
.box em {margin-left:20px}


#primary-content p {color:#4D4D4D; margin-right:16px}
#primary-content h2, #secondary-content h2 {color:red; font-size:13px; letter-spacing:0.1em}
#secondary-content p, #secondary-content h2 {color:#FFF; margin-left:12px; margin-right:10px}
#secondary-content p {
	font-size: 10px;
	line-height: 16px
}
h2, #secondary-content h2  {text-transform:uppercase; margin-bottom:12px}
p {margin-bottom:8px}
#contactpage #primary-content h2 {margin-left:18px}

/* =Lists
----------------------------------------------*/


/* =Links

----------------------------------------------*/
a:link, a:visited {color:#4d4d4d}
a:hover, a:active {color:#000}

#nav ul a:link, #nav ul a:visited {color:#FF0000; text-decoration:none}
#nav ul a:hover, #nav ul a:active, #sub-nav ul {color:#FFF}
#sub-nav ul li a{ text-transform:none; border-bottom: 1px solid #FFf; text-decoration:none; padding-bottom:2px; color:#fff}
#sub-nav ul li a:hover { color:#ddd; border-bottom: 1px solid #ddd }
#sub-nav ul li { margin-left:9px;  text-transform:none; letter-spacing:0.13em}

#animation ul li a{ line-height:30px;text-transform:none; border-bottom: 1px solid #FFf; text-decoration:none; padding-bottom:2px; color:#fff}
#animation ul li a:hover { color:#ddd; border-bottom: 1px solid #ddd }
#animation ul li { margin-left:9px;  text-transform:none; letter-spacing:0.13em}

#homepage li.home a,#project-engineering-page li.project-engineering a,#tooling-solutions-page li.tooling-solutions a,#injection-moulding-page li.injection-moulding a,#contactpage li.contact a {color:#fff}

#footer-nav a {text-decoration:none}
#thumb-gallery a img, .hover-thumbs a img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#thumb-gallery a img:hover, #thumb-gallery a#current img, .hover-thumbs a img:hover, .hover-thumbs a#current img   {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	alignment-baseline: baseline;
}

ul#footer-nav li.creative-link {float:right;padding-right:0; background-image:none; font-size:10px; font-style:italic; color:#fff; padding-top:4px; letter-spacing:0.12em; text-transform:none}


/* =Forms
----------------------------------------------*/

form {float:left}
label {margin-left:18px; color:#4D4D4D}
input, textarea {height:18px; width:280px; border:1px solid #DDDDDD; margin:6px 0 18px 18px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; padding-top:4px; padding-left:7px}
input:hover, textarea:hover, input:focus, textarea:focus  {color:#000; border:1px solid #BABABA;}
input.send {cursor:pointer;height:29px;padding-bottom:2px;padding-left:5px;padding-top:0;width:61px;color:#FF0000}
textarea {height:90px; overflow:auto; font-style:italic; font-size:12px }
p.press-logos a { float:left; margin-right:56px; margin-bottom:30px; padding-bottom:0}
p.press-logos a:hover {padding-bottom:0; border-bottom:0;}
p.press-logos a.last {margin-right:0}


input.my-url, li.url {display:none;} /*bait*/


/* =Tables
----------------------------------------------*/

#map {width: 472px; height: 400px; border:0; margin-left:130px}