@charset "UTF-8";
/******************************************************************************************************

										Market Hardware Core CSS

/******************************************************************************************************/

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address { margin: 0; padding: 0; text-indent: 0; border: none; outline: none; list-style: none; text-decoration: none; font-size: 100%; font-weight: inherit; font-style: inherit; }
table, td, tr, tbody, thead, th, caption { border-spacing: 0; border: none; border-collapse: separate; vertical-align: top; text-align: left; font-weight: normal; }

/* typography */
body { font-size: 0.75em /* 12px */; background: #d7d3c8 ; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; padding: 25px 0;}

h1, h2, h3, h4, h5, h6 { /* Use to set global header styles. ie, bold, italic, color, margin, padding */ }
h1 { font-size: 1.6em; /* 15px */;  color: #293E6B }
h2 { font-size: 1.1em /* 13px */; font-weight: bold; color: #2E487D; }
h3 { font-size: 1.1em /* 13px */; color: #8DB9E5; font-weight: bold;}
h4, h5, h6 { font-size: 1.1em /* 13px */; color: #293E6B }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; }

a, a:visited { color: #2098c5; text-decoration: none; font-weight: bold;}
a:hover, a:active { color: #132855; text-decoration: underline; }

/* group (also known as clearfix) applies style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { zoom: 1; display: block; }

/* layout */
#branding { position:relative; }

#nav ul, #nav li, #callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav li { position: relative; }
#nav li ul { position: absolute; display: none; }
#nav li:hover ul, #nav li.hover ul { display: block; }

#footer { margin: 0 auto; color: #999; clear: both; padding: 20px 37px 20px 34px; width: 770px;}
#footer p { font-size: 0.9em; width: 770px; text-align: center; }
#footer a, #footer a:visited { color: #3399cc; text-decoration: none; font-weight: normal; }
#footer a:hover, #footer a:active { color: #3399cc; text-decoration: underline; }

.breadcrumb { border-bottom: 4px solid #F12938; padding: 16px 0 6px 30px; margin: 0 3px; }
.breadcrumb a,.breadcrumb a:visited { outline: none; color: #F12938; text-decoration: none; font-size: 1.8em; font-weight: bold; }
blockquote { margin: 10px 10px; padding: 5px; background: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
blockquote p { padding-left: 10px; }

/* forms */
form, fieldset, input { margin : 0; padding : 0; }
form { width: 38em; margin-left: 5px; }
form p { font-size: 100%; padding: 2px; margin: 0;clear:both; }

/* fieldset styling */
fieldset { margin: 1em 0; padding: 1em; border : 1px solid #e2e2e2 }

/* legend styling */
legend { font-weight: bold; color: #F2A003; }

/* style for  labels */
label { float: left; width: 14em; }

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }
label.error, input.submit { color: #F00; margin: 5px 0 0 0; }
input { width: 225px; }
input.radio, input.submit { width: auto; }
textarea { width: 225px; height: 100px; padding:0; }

/* submit */
form div input, form div button { width: 100px; margin-top:5px; margin-left: 297px; padding: 0 .25em; background-color: #F2A003; color: #fff; text-transform: uppercase; font-size: 90%; }

/******************************************************************************************************

											Custom Styles

/******************************************************************************************************/
.ir a { display: block; position: relative;  text-indent: -999em;}
.ir span { display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; cursor: pointer; }
span.t, span.b { display: block; overflow: hidden; position: absolute;  }

#wrapper { width: 770px; margin: 0 auto;  background: #fff ; padding: 0 37px 0 34px; }

#branding { padding-top: 20px; height: 117px;}
#branding h1#logo { position: absolute; top: 20px; left: 10px; }
#branding h1#logo a { width: 198px; height: 99px; }
#branding h1#logo span { background: url(../images/logo.png) no-repeat 0 0; width: 198px; height: 99px;}
#branding p { text-align: left; padding: 10px 0 0; margin: 0 0 0 215px; line-height: 1.5;}
#branding p strong { display: block; font-size: 1.83em; font-weight: normal; margin: 15px 0 0; color: #b3230a; line-height: 1;}
#branding p a.email { display: block; text-decoration: none; color: #2098c5; font-size: 1.1em;}
#branding .interior-heading { position: absolute; left: -999em;}
/* content */
#content { width: 770px; position: relative; padding-bottom: 15px;}
.left-column { float: left; width: 130px; padding: 0;}
.right-column { position: relative; float: right; width: 590px; padding: 2px 25px 25px 0;  }

/* nav */
#nav { position: relative; background: url(../images/bg_sprite.png) no-repeat 0 -44px; width: 770px; padding: 0; z-index: 1000; height: 2.9em;}
#nav ul{ padding: 4px 0 0 75px; margin: 0;}
#nav li { float: left;}
#nav li.last { background: transparent;  }
#nav a { color: #d1d1d1; font-weight: bold; text-decoration: none; font-family: Arial; display: block; padding: 6px 15px 5px 15px; }
#nav a:hover, #nav a:active, 
.home #nav #nav-home a,
.about #nav #nav-about a,
.services #nav #nav-services a,
.projects #nav #nav-projects a,
.news #nav #nav-news a,
.careers #nav #nav-careers a,
.safety #nav #nav-safety a,
.clients #nav #nav-clients a,
.contact #nav #nav-contact a

{ color: #2098c5; }
#branding span.t { top:0; left:-34px; background: url(../images/bg_sprite.png) no-repeat 0 0; width: 841px; height: 22px; }

#content span.b { bottom:0; left: -34px; background: url(../images/bg_sprite.png) no-repeat 0 -22px; width: 841px; height: 22px;  }
.home-adress { text-align: center; padding-top: 25px;}
#callout { padding-top: 24px; padding-left: 9px; width: 168px; }
#callout p { color: #fff; }
#payment { margin: 38px 0 0 16px; }
#brand-group { margin: 38px 0 0 27px; }
#brand-group p.group a { float: left; }
#brand-group a.last{ padding: 24px 0 0 10px; }
#brand-group p.second a { padding-right: 12px; }

.right-column span.t { background: url(../images/bg_content-t.png) no-repeat 0 0; width: 661px; height: 30px; top:0; left:0; margin-top: -30px;}
.right-column span.b { background: url(../images/bg_content-b.png) no-repeat 0 0; width: 661px; height: 30px; clear: both; position: relative; margin-bottom: -30px;}

#spotlight { position: relative; z-index: 2; background: #000 url(../images/bg_sprite.png) no-repeat 0 -115px; margin: 0; min-height: 373px; *height: 373px; padding-bottom: 19px;}
#spotlight ol, 
#spotlight li { margin: 0; padding: 0; list-style: none;}
#spotlight ol { width: 770px; float: left; padding-top: 10px;}
#spotlight ol li { float: left; width: 171px; margin-left: 12px; padding: 17px 3px 16px; display: inline;  position: relative;}
#spotlight p { color: #A9C2DA; }
#spotlight div.context { margin: 0; padding: 0;  }
#spotlight div.last { background: transparent;}
#spotlight div.context h3 { font-family: "Trebuchet MS", Arial Helvetica, sans-serif; text-align: center; font-weight: normal; font-size: 1.3em; margin-bottom: 10px;}
#spotlight div.context h3 a,
#spotlight ul li a { color: #fff; text-decoration: none;}
#spotlight ul li a:hover { color: #fff; text-decoration: underline;}
#spotlight li h3 a:hover { color: #fff; text-decoration: underline;}
#spotlight div.context img { border: 1px solid #fff;}
#spotlight div.context p { margin: 0; }

#spotlight ul {  clear: both; margin: 0; padding: 10px 0 0; width: 171px; overflow: hidden;}
#spotlight ul li { display: block;  margin: 0 0 0 8px; padding: 0px 0 6px 18px; background: url(../images/bg_sprite.png) no-repeat -796px -57px; font-weight: bold; }


#spotlight li.life { background: #119e20 url(../images/bg_sprite.png) no-repeat -16px -602px; }
#spotlight li.life span.b {background: url(../images/bg_sprite.png) no-repeat -16px -1058px; width: 177px; height: 18px; clear: both; position: absolute; bottom: -1px; left:0}
#spotlight li.technology { background: #f29022 url(../images/bg_sprite.png) no-repeat -200px -602px; }
#spotlight li.technology span.b {background: url(../images/bg_sprite.png) no-repeat -200px -1058px; width: 177px; height: 18px; clear: both; position: absolute; bottom: -1px; left: 0}
#spotlight li.hospitals { background: #19a4ca url(../images/bg_sprite.png) no-repeat -388px -602px; }
#spotlight li.hospitals span.b {background: url(../images/bg_sprite.png) no-repeat -388px -1058px; width: 177px; height: 18px; clear: both; position: absolute; bottom: -1px; left: 0}
#spotlight li.commercial { background: #b3230a url(../images/bg_sprite.png) no-repeat -576px -602px; }
#spotlight li.commercial span.b {background: url(../images/bg_sprite.png) no-repeat -576px -1058px; width: 177px; height: 18px; clear: both; position: absolute; bottom: -1px; left: 0}

#spotlight span.b { background: url(../images/bg_sprite.png) no-repeat 0 -566px; width: 770px; height: 19px; clear: both; position: absolute; bottom: 0; left: 0;}
* html #content span.b {  bottom: -1px; }

.details { padding: 23px 60px 0 31px; position: relative; z-index: 999; margin-bottom: -20px;}
.details h1  { margin-left: 66px; margin-bottom: 1.4em}
.details h1 em { font-style: normal; color: #F12938; font-size: 1.43em; font-weight: bold; display: block; margin-left: -66px; margin-bottom: 0.4em; }
.details h1 span { font-weight: bold;}
.details h2 { font-size: 1.1em; color: #293E6B }
.details p { margin-bottom: 1.4em; }
.details .left-list { float: left; }
.details .right-list { float: right; padding-right: 12px; }
.details ul, .details li { margin: 0; padding: 0; }
.details ul { padding: 6px 0 0 34px; }
.details ul p { margin-bottom: 0; }

/* 
 * interior page
 */
 body.interior #branding .homepage-heading { position: absolute; left: -999em;}
 body.interior #branding .interior-heading { text-align: right;position: relative; left: 0; padding-right:  25px;}
 body.interior #spotlight,
 body.interior #spotlight ol { width: 130px; overflow: hidden; background: none; padding: 0; margin: 0; height: auto;}

 body.interior #spotlight li { margin: 0 0 10px; padding: 0; clear: left; width: 130px; font-weight: normal; font-size: 0.9em; }
 body.interior #spotlight div.context h3 { font-size: 1.1666em; text-align: left; margin: 10px 5px 0 15px; line-height: 1; }

 body.interior #spotlight li.life { background: #119e20 url(../images/bg_sprite.png) no-repeat 0px -1152px; }
 body.interior #spotlight li.life span.b { background: url(../images/bg_sprite.png) no-repeat -130px -1152px; width: 131px; height: 11px; clear: both; position: absolute; bottom: -1px; left:0}
 body.interior #spotlight li.technology { background: #f29022 url(../images/bg_sprite.png) no-repeat -261px -1152px; }
 body.interior #spotlight li.technology span.b {background: url(../images/bg_sprite.png) no-repeat -391px -1152px; width: 131px; height: 11px; clear: both; position: absolute; bottom: -1px; left: 0}
 body.interior #spotlight li.hospitals { background: #19a4ca url(../images/bg_sprite.png) no-repeat -522px -1152px; }
 body.interior #spotlight li.hospitals span.b {background: url(../images/bg_sprite.png) no-repeat -652px -1152px; width: 131px; height: 11px; clear: both; position: absolute; bottom: -1px; left: 0}
 body.interior #spotlight li.commercial { background: #b3230a url(../images/bg_sprite.png) no-repeat -782px -1152px; }
 body.interior #spotlight li.commercial span.b {background: url(../images/bg_sprite.png) no-repeat -912px -1152px; width: 131px; height: 11px; clear: both; position: absolute; bottom: -1px; left: 0}
 
 body.interior #spotlight li.life,
 body.interior #spotlight li.technology,
 body.interior #spotlight li.hospitals,
 body.interior #spotlight li.commercial{ height: 9em;} 

 body.interior #spotlight li ul li { margin: 0 0 7px 6px; padding-left: 17px; display: inline;}

 body.interior #nav { position: relative; background: url(../images/bg_sprite.png) no-repeat 0 -1108px; width: 770px; padding: 0; z-index: 1000; height: 2.9em; margin-bottom: 25px;}
 
 body.interior .list-box { float: right; width: 214px;  background: #132855; padding: 2px; }

 
 body.interior .details h4 { color: #F12938; font-weight: bold; font-size: 1em; }
 body.interior .right-column h1 { margin: 0; font-size: 1.5em; margin-bottom: 1em; color: #f2a003;}
 body.interior .right-column h2 { color: #f2a003; font-size: 1.33em; margin-bottom: 1em;}
 body.interior .right-column ul { margin: 0 0 2.4em; list-style: square; list-style-position: inside; padding: 0;}

 body.interior .affiliations ul { list-style: none;list-style-position: outside; margin: 0; padding: 0;}
 body.interior .affiliations ul li{ padding: 0 0 10px; margin: 0;}
 body.interior .affiliations img { float: right; margin-top: -10px; position: relative;}
 

 body.interior #footer { padding: 20px 0 0;}