/* General & Container Styles */

body {
 background: #dfeaf5 url(images/mainbg.jpg) no-repeat fixed 50% 50%;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 90%;
}

div.clear {
 clear: both;
 height: 0;
 line-height: 0;
}

img.right {
 float: right;
 margin-left: 5px;
 margin-bottom: 5px;
}

img.left {
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
}

div#container {
 margin: 0 auto;
 text-align: left;
 width: 760px;
 position: relative;
}

/* Header Styles */

div#header {
 background: transparent url(images/headerbg.png) no-repeat top left;
 height: 155px;
 padding: 26px 24px 0 23px;
}

/* Hide from IE Mac \*/
* html div#header {
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headerbg.png', sizingMethod='crop');
 height: 181px;
 he\ight: 155px;
}
/* End Hide */

div#header h1 {
 width: 208px;
 height: 79px;
 margin: 0;
 text-indent: -9999px;
 overflow: hidden;
 background: url(images/hayes-logo.png) no-repeat;
 position: absolute;
 top: 36px;
 left: 36px;
}

div#header div#slideshowdiv {
 width: 151px;
 height: 100px;
 position: absolute;
 top: 27px;
 left: 290px;
}

div#header div#slideshowdiv img {
 border: 0;
}

div#rightpane {
 float: right;
 position: relative;
 z-index: 1;
 width: 180px;
 margin-right: 10px;
}

div#rightpane p#rightpane-favs {
 border-bottom: 1px solid #baddf0;
 margin: 0;
 padding: 6px;
}

div#rightpane p#rightpane-favs a {
 display: block;
 color: #fecb09;
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 font-size: .9em;
 padding: 0 0 0 0;
}

div#rightpane p#rightpane-favs img {
 margin: 0 0 0 5px;
 vertical-align: middle;
 border: 0;
}

div#rightpane p#rightpane-phone {
 color: #ffffff;
 font-weight: bold;
 font-size: 1.3em;
 border-bottom: 1px solid #baddf0;
 padding: 6px;
 margin: 0;
}

div#rightpane p#rightpane-phone img {
 margin: 0 5px 0 0;
 vertical-align: middle;
}

div#rightpane p#rightpane-brochure {
 margin: 0;
 padding: 6px;
}

div#rightpane p#rightpane-brochure a {
 display: block;
 color: #ffffff;
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 font-size: .85em;
}

/* Navigation Styles */

ul.nav {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 714px;
}

ul.nav li {
 display: block;
 float: left;
 height: 23px;
 width: 112px;
 padding: 0;
 margin: 0 0 0 8px;
}

ul.nav li.first {
 margin-left: 0;
}

ul.nav li a {
 display: block;
 height: 100%;
 width: 100%;
 background-color: #0082c8;
 color: #90c1e3;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 font-size: .85em;
 padding-top: 7px;
}

ul.nav li a:hover {
 color: #ffffff;
}

#pageHome ul.nav li#navHeadHome a,
#pageServices ul.nav li#navHeadServices a,
#pageSectors ul.nav li#navHeadSectors a,
#pageProducts ul.nav li#navHeadProducts a,
#pageQuotation ul.nav li#navHeadQuotation a,
#pageContact ul.nav li#navHeadContact a,
#pageHome ul.nav li#navFootHome a,
#pageServices ul.nav li#navFootServices a,
#pageSectors ul.nav li#navFootSectors a,
#pageProducts ul.nav li#navFootProducts a,
#pageQuotation ul.nav li#navFootQuotation a,
#pageContact ul.nav li#navFootContact a {
 color: #ffffff;
}

* html ul.nav li {
 height: 30px;
 he\ight: 25px;
}

/* Header specific nav styles */

div#header ul.nav {
 margin-top: 114px;
 position: relative;
 z-index: 1;
}

* html div#header ul.nav {
 margin-top: 140px;
}

/* Content Styles */

div#content {
 background: transparent url(images/contentbg.png) repeat-y;
 margin: 0;
 padding: 5px 25px 10px 25px;
 width: 710px;
 font-size: 0.9em;
}

div#content p, div#content li {
 font-family: "Verdana", sans-serif;
}

div#contentinner {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 position: relative;
 z-index: 1;
}

/* Hide from IE Mac \*/
* html div#content {
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contentbg.png', sizingMethod='crop');
 width: 760px;
 w\idth: 710px;
}
/* End Hide */

div#content p {
 margin: 10px 0;
}

div#content h2 {
 font-size: 1.3em;
}

div#content h3 {
 color: #0082c8;
 font-size: 1.2em;
}

div#content h4 {
 color: #0082c8;
 font-size: 1.1em;
 margin-bottom: 0;
 padding-bottom: 0;
}

div#content h4 + p {
 margin-top: 0;
 padding-top: 0;
}

div#content h4.first {
 margin-top: 0;
 padding-top: 0;
}

div#content h5 {
 font-size: 1em;
}

div#content h6 {
 font-size: 0.8em;
}

div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
 clear: left;
}

div#content a:link, div#content a:visited {
 text-decoration: underline;
 color: #0082c8;
 font-weight: bold;
}

div#content a:hover, div#content a:active {
 text-decoration: none;
 color: #0082c8;
 font-weight: bold;
}

div#content div.threeimages {
 margin-bottom: 20px;
}

div#content div.threeimages ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

div#content div.threeimages ul li {
 float: left;
 width: 220px;
 margin: 0;
 padding: 0;
 margin-left: 20px;
 font-size: 0.9em;
}

div#content div.threeimages ul li.small {
 width: 165px;
}

div#content div.threeimages ul li.first {
 margin-left: 0;
}

div#content div.threeimages ul li span.caption {
 display: block;
 text-align: center;
}

div#content div.threeimages p.instruction {
 text-align: center;
 font-style: italic;
 font-size: 0.9em;
}

/* Market Sectors styles */
div#content div.marketsectors {
 float: left;
 width: 180px;
 height: 140px;
 margin: 0;
 padding: 0;
 margin-right: 30px;
 margin-bottom: 10px;
 display: inline; /* Hack needed to stop IE's double-margin bug */
}

div#content div#marketsector4 {
 margin-left: 100px;
 margin-right: 0;
}

div#content div#marketsector5 {
 margin-left: 50px;
 margin-right: 0;
}

div#content div.marketsectors p {
 text-align: center;
}

div#content div.marketsectors img {
 margin-top: 5px;
}

/* Product Range styles */
div#content div.productrange, div#content div.productrangetall {
 float: left;
 width: 180px;
 height: 140px;
 margin: 0;
 padding: 0;
 margin-right: 30px;
 margin-bottom: 10px;
}

div#content div.productrangetall {
 height: 170px;
}

div#content div.productrange p, div#content div.productrangetall p {
 text-align: center;
}

div#content div.productrange img, div#content div.productrangetall img {
 margin-top: 5px;
}

div#content p.back {
 font-size: 0.9em;
}

/* Contact Us styles */
div#content div#contactleft {
 width: 335px;
}

div#content div#contactright {
 width: 335px;
 float: right;
}

div#content div#googlemap {
 width: 335px;
 height: 335px;
 border: 1px solid black;
}

div#content duv#googlemap img {
 width: 335px;
 height: 335px;
 margin: 0;
 border: 0;
 padding: 0;
}

div#content div.people {
 float: left;
 width: 140px;
 margin: 0;
 padding: 0;
 margin-right: 20px;
 margin-top: 10px;
 margin-bottom: 30px;
}

div#content div.people p {
 text-align: center;
 margin: 0;
 padding: 0;
 font-size: 0.85em;
}

/* Quotation styles */
div#content form {
 margin: 0;
 padding: 0;
}

div#content form p {
 margin: 0;
 padding: 0;
 margin-bottom: 5px;
}

div#content form p label {
 width: 100px;
 text-align: right;
 padding-right: 10px;
 float: left;
}

div#content form p .fieldtext {
 width: 350px;
}

div#content form p textarea.fieldtext {
 height: 70px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em;
}

div#content div.error {
 background-color: #ff0000;
 color: #ffffff;
 font-weight: bold;
 border: 1px dashed #000000;
 margin-bottom: 15px;
}

/* Latest News box */
div#latestnews {
 float: right;
 width: 200px;
 margin-left: 15px;
 border: 2px solid #1694d3;
}

div#latestnews h2 {
 font-size: 1em;
 margin: 0;
 background-color: #1694d3;
 color: #bcd3ea;
 text-align: center;
 padding: 5px 0;
}

div#latestnews div.newsitem {
 margin-bottom: 10px;
}

div#latestnews h3, div#latestnews p {
 margin: 0;
 padding: 0;
 margin-left: 5px;
 margin-right: 5px;
}

div#latestnews h3 {
 margin-top: 5px;
 margin-bottom: 3px;
 font-size: 0.9em;
}

div#latestnews p {
 font-size: 0.85em;
}

div#latestnews em {
 font-style: italic;
 color: #818181;
}

/* Footer Styles */
div#footer ul.nav {
 position: relative;
 left: 23px;
}

div#footer {
 background: transparent url(images/footerbg.png) no-repeat bottom left;
 height: 60px;
}

/* Hide from IE Mac \*/
* html div#footer {
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footerbgie.png', sizingMethod='crop');
}
/* End Hide */