@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 /* 12px */; background: #00204e; color: #666; font-family: Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-bottom: 0.6em; color: #666  }
h1 { font-size: 1.4em /* 18px */; color: #c33; }
h2 { font-size: 1.3em /* 15px */; color: #c33; }
h3 { font-size: 1.2em /* 14px */; font-weight: bold; }
h4, h5, h6 { font-size: 1.1em /* 13px */; font-weight: bold; }

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

a, a:visited { color: #517bad; text-decoration: underline; }
a:hover, a:active { color: #517bad; 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: 0 auto; display: block; width: 850px; background: #fff url(/design/header.jpg) -850px 0 no-repeat; }
.home #container { background-position: 0 0; }
#branding { position:relative; height: 140px; display: block; }
#branding p.request a { position: absolute; left: 655px; top: 98px; width: 176px; line-height: 40px; height: 40px; font-size: 16px; color: #dfe5e6; display: block; text-decoration: none; text-align: center; }
#branding p.request a:hover { text-decoration: underline; }
#branding p.info { position: absolute; top: 35px; line-height: 1.9em; left: 266px; width: 330px; text-align: center; }
#branding p.info strong { font-size: 1.9em; color: #003366; }
#branding p.info a { text-decoration: none; font-size: 1.5em; color: #036; }
#branding h1 { margin: 0; }
#branding h1 a { display: block; width: 260px; height: 125px; text-indent: -99999px; }
#branding small { position: absolute; top: 15px; right: 20px; text-align: right; color: #666; font-weight: bold; text-transform: uppercase; font-size: 10px; }

#leftcol, #rightcol, #callout2 { float: left; clear: none; display: inline; }
#leftcol { margin: 0 12px 14px 9px; width: 176px; }
#callout2 { padding-top: 240px; height: 140px; width: 620px; margin: 0 10px; }
#rightcol { width: 600px; margin: 1.3em 20px; }
.home #rightcol { width: 620px; margin: 2em 10px; }

#callout2 ul, #callout2 li { margin: 0; padding: 0; list-style: none; }
#callout2 li { display: inline; }
#callout2 ul { margin-left: 25px;}
#callout2 a { color:  #fff; text-decoration: none; display: block; float: left; clear: none; width: 164px; margin: 0 40px 0 0; padding: 1em 0 2.1em; line-height: 2em; }
#callout2 li.two a { margin-left: 10px; margin-right: 60px; }
#callout2 li.three a { margin-right: 0; width: 150px ;}
#callout2 a strong { font-size: 15px; display: block; text-transform: uppercase; line-height: 1.5em; font-weight: normal; }
#callout2 a:hover strong { text-decoration: underline; }

.newsletter { display: block; padding: 74px 10px 0; height: 134px; background: url(/design/newsletter.gif) no-repeat; margin: 1em 0; }
.newsletter form  { width: auto; margin: 0; }
.newsletter input, .newsletter label { width: auto; display: block; float: none; }
.newsletter input { background: #b1c3d9; border: 1px solid #6a7b91; padding: 2px; margin-bottom: 0.5em; }
.newsletter label { color: #003366; font-size: 1.2em; }
.newsletter form div.submit input { cursor: pointer; margin: 0; padding: 0; width: 100%; display: block; height: 45px; background: no-repeat; text-indent: -99999px; line-height: 0; font-size: 0; border: none; }

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

#footer { margin: 0 auto; font-size: 90%; text-align: center; background: #c2cad5; display: block; color: #666; clear: both; padding: 0; overflow: hidden; }
#footer p { margin: 1em; padding: 1em; }
#footer div { background: #fff; display: block; clear: both; border-bottom: 15px solid #fff; }
#footer a { color: #666; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 10px 10px; padding: 5px; background: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
blockquote p { padding-left: 10px; }