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

										Market Hardware Core CSS

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

/* typography */
body { font-size: 0.6875em /* 11px */; background: #293e6b; color: black; font-family: Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { color: #293e6b; margin-bottom: 0.85em; line-height: 1.3em; }
h1 { font-size: 1.5em /* 18px */; }
h2 { font-size: 1.3em /* 15px */; color: #006600; }
.home h2 { color: #293e6b; }
h3 { font-size: 1.2em /* 14px */; }
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: #17bde6; text-decoration: underline; }
a:hover, a:active { color: #17bde6; text-decoration: none; }

/* 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 */
#container { margin: 10px auto; width: 938px; background: url(/design/head.gif) no-repeat; }
#branding { position:relative; display: block; height: 115px; }
#branding h1 { margin: 0; }
#branding h1 a { position: absolute; top: 0; left: 30px; width: 375px; height: 100px; text-indent: -99999px; display: block;}
#branding p, #branding address { color: #fff; }
#branding address { position: absolute; top: 65px; left: 550px; display: block; width: 140px; text-align: right; }
#branding p { position: absolute; top: 50px; left: 710px; width: 180px; font-size: 1.3em; }
#branding p a { font-size: 0.7em; color: #fff; }

#hp {position: relative; display: block; height: 240px; }
#hp ul, #hp li { list-style: none; margin: 0; padding: 0; text-indent: 0; }
#hp li a { display: block; width: 165px; text-align: center; color: #293e6b; font-size: 1.1em; font-weight: bold; padding-top: 210px; line-height: 20px; text-decoration: none; }
#hp li a:hover { color: #fff; }
#hp li.call_com a { position: absolute; left: -26px; top: -6px; }
#hp li.call_ind { position: absolute; left: 146px; top: -6px; }
#hp li.call_req { position: absolute; left: 315px; top: -6px; }

.home .tube { background: #fff url(/design/body-foot.gif) bottom no-repeat; } 
.tube { background: #fff url(/design/body-foot-inner.gif) bottom no-repeat; width: 753px; float: left; clear: none; margin-top: 8px; padding-bottom: 20px; }

#leftcol, #midcol, #rightcol { float: left; clear: none; display: inline; }
#leftcol { width: 181px; }
#midcol { width: 683px; padding: 0 28px; min-height:400px;}
.home #midcol { width: 455px; margin-left: 3px; padding: 0 28px; background: url(/design/callouts.jpg) no-repeat; }
#rightcol { margin-left: 2px; width: 208px; background: url(/design/grade.gif) repeat-x; position: relative; top: -10px; padding: 28px 20px 28px 0; color: #666; font-size: 0.9em; }

#midcol img { border: 1px solid #858b97; }
#midcol a { color:#293e6B;
}
#midcol a:hover { color: #7cbc5e;
}
table h2, table h3, table h4, table h5, table p { margin-left: 1em;}

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

#footer { margin: 15px auto; font-size: 90%; text-align: center; color: #fff; width: 753px; float: right; clear: none;  }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 0 10px; padding: 5px; }
blockquote p { font-size: 1.3em; color: #293e6b; margin: 0; }
.home blockquote p { font-weight: bold; font-size: 1.2em; }
cite { color: #293e6b; font-size: 1.2em; font-style: italic; text-align: right; display: block; margin-bottom: 1.5em; }