@charset "UTF-8";
@import url(reset.css);
@import url(menu.css);
@import url(form.css);

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

										Market Hardware Core CSS

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

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

h1, h2, h3, h4, h5, h6 { /* Use to set global header styles. ie, bold, italic, color, margin, padding */ }
h1 { font-size: 2.05em /* 24px */; color: #56444A; text-transform: uppercase; font-family: Georgia; font-weight: normal; border-bottom: 1px solid #E3E6CF; padding-bottom: 6px; margin-bottom: 15px;}
h2 { font-size: 1.67em /* 20px */; color: #56444A; font-weight: normal; font-family: Georgia; margin-bottom: 8px;}
h3 { font-size: 1.33em /* 16px */; color: #666666; font-weight: normal;font-family: Georgia; text-transform: uppercase;}
h4, h5, h6 { font-size: 1.1em /* 13px */; }

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

a, a:visited { color: #237389; text-decoration: none; }
a:hover, a:active { color: #322205; }

/* 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; }

#callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }

#footer { margin: 0 auto; width: 955px; text-align: center; color: #322205; padding: 12px 0; }
#footer p { font-size: 1em; margin-bottom: 3px; }
#footer p span { background: url(../design/bg_dot2.gif) no-repeat 0 center; margin-left: 6px; padding-left: 16px; }
#footer p.bottom { font-size: 0.83em; letter-spacing: 1px; }
#footer a, #footer a:visited { color: #237389; text-decoration: none; }
#footer a:hover, #footer a:active { color: #322205; text-decoration: none; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 28px 0; padding: 5px; background: #F5F5EE; border: 1px solid #ccc; padding: 15px 15px 0 15px;  }

.ir { display: block; overflow: hidden; position: relative; }
.ir span { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.container { width: 955px; margin: 0 auto; padding-bottom: 20px; }

#header { background: url(../design/bg_header.png) repeat-x 0 0; height: 166px; position: relative; z-index: 2 }
#branding { background: transparent; width: 955px; margin: 0 auto; }
#branding h1 { width: 194px; height: 125px; float: left; display: inline; margin: 11px 0 0 31px; background: url(../images/logo.png) no-repeat 0 0; border: none;}
#branding h1 a { text-indent: -9999em; display: block; height: 125px; width: 194px; }
#branding h2 { text-align: right; font-family: Georgia; color: #fff; font-size: 2em; font-style: italic; padding: 0 142px 0 0; letter-spacing: 1px; margin-bottom: 22px;}
#branding p { text-align: right; padding:  10px 20px 0 0;  }
#branding p span { font-size: 1.2em; color: #666; background: url(../design/bg_dot.gif) no-repeat right center; padding-right: 30px; margin-right: 24px; }
#branding p .phone { font-weight: bold; color: #666; font-size: 1.67em; }
#branding a.btn-consult { float: right; background: url(../design/btn_grey.gif) no-repeat 0 0; width: 300px; height: 46px; line-height: 46px; vertical-align: middle; text-transform: uppercase; font-size: 1.2em; color: #fff; font-weight: bold; display: inline; margin-right: 10px; text-align: center; }
#branding a.btn-consult:hover { color: #322205; }


#content { padding-bottom: 176px; background: #f6f5ec url(../design/bg_body.jpg) no-repeat bottom center; position: relative; z-index: 0; margin-top: -6px }
#content .container {border: 1px solid #fff; border-top: 0; background: #FCFCF7 url(../design/bg_content.gif) repeat-y 0 0;  }
.left-column { float: left; width: 250px; padding: 10px 10px 10px 13px; }
.left-column form { background: #B6C9C7; border: 1px solid #fff; width: 231px; padding: 0; margin: 0; padding: 26px 12px; }
.left-column fieldset { margin: 0 0 0 0; padding: 0; }
.left-column legend { font-style: italic; color: #666; font-size: 1.33em; margin-bottom: 17px; font-family: Georgia; font-weight: normal }
.left-column label { font-size: 1em; font-weight: bold; color: #666; display: block; width: auto; margin: 0; margin-bottom: 12px; }
.left-column label span { float: left; width: 56px; vertical-align: middle; line-height: 26px; text-transform: uppercase; }
.left-column label input { float: left; width: 155px;  }
.left-column button { background: url(../design/btn_submit.gif) no-repeat 0 0; border: 0; cursor: pointer; width: 114px; height: 31px; color: #666; font-size: 1.2em; text-transform: uppercase; font-weight: bold; float: right; display: inline; margin: 0 8px 0 0 }

.right-column { float: left; width: 646px; padding: 10px 0 0 25px; }
.right-column img.snapshot { margin-bottom: 28px; margin-left: -6px; }
.right-column p { color: #666; font-size: 1.33em; letter-spacing: 0.3px; line-height: 20px; margin-bottom: 15px; }
.right-column .services { margin-bottom: 102px; }
.right-column .services h1 { color: #322205; font-family: Georgia; font-size: 1.67em; border-bottom: 1px solid #E3E6CF; padding-bottom: 6px;}
.right-column .services ul { margin: 0; padding: 12px 0 0 0; }
.right-column .services li { list-style: none outside; float: left; padding: 0 0 22px 0; width: 205px; font-size: 1em; color: #666; }
.right-column .services li img { display: block; margin-bottom: 6px; border: 3px solid #C6E0E8; }
.right-column .services li a:hover img {
	border: 3px solid #322205;
}





img.snapshot { border: 1px solid #A9BF92;  }
.right-column h1 { border-bottom: 1px solid #E3E6CF; padding-bottom: 6px; margin-bottom: 16px; }

.right-column p { line-height: 18px; font-size: 1.2em; }
.right-column li { font-size: 1.2em; color: #666; }

.right-column blockquote p { width: auto; }
/* font-size guide
	10px->0.83em 11px->0.92em 12px->1em 13px->1.1em 14px->1.2em 15px->1.4 em 16px->1.33em 17px->1.42em 18px->1.5em 19px-> 20px->1.67em 21px->1.75em 22px->1.83em 23px->1.92em 24px->2em 28px->2.33em
 */
 
 .affiliations table td {width: 180px; padding-right: 15px; text-align: center;}
 .affiliations table tr.logo td {padding-bottom: 40px;}
 .affiliations table img {border: 3px solid #C6E0E8;}
 .affiliations table a:hover img {border: 3px solid #322205;}
 
 
 /* lightbox */
 
 div.img {margin: 6px 0 30px 0; }
 div.img img {border: 3px solid #C6E0E8;}
 div.img a:hover img {border:3px solid #322205;}
 
 /* cycle home page */
 .slideshow { height: 271px; width: 644px;margin:0 0 15px 0;padding:0; }
.slideshow img { padding:0; }