@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: #eee url(/design/body.jpg) top center no-repeat; color: #444; font-family: Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { color: #1c82bf; font-weight: bold; margin-bottom: 0.8em; }
h1 { font-size: 1.5em /* 18px */; color: #2a2b2b; }
h2 { font-size: 1.3em /* 15px */; }
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: #1c82bf; text-decoration: underline; }
a:hover, a:active { color: #1c82bf; 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 */
#branding { position:relative; display: block; height: 194px; width: 944px; background: url(/design/head.jpg) no-repeat; margin: 30px auto 7px; }
#branding h1 { margin: 0; }
#branding h1 a { display: block; position: absolute; top: 0; left: 0; width: 355px; height: 140px; text-indent: -99999px; }
#branding p.ad a { display: block; width: 370px; padding: 10px 0 0 60px; position: absolute; top: 140px; left: 282px; color: #2a2b2b; text-decoration: none; font-size: 0.9em; }
#branding p.ad a span { color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, serif; font-weight: bold; font-size: 1.2em }
#branding p.ad a:hover span { text-decoration: underline; }
#branding p.phone { color: #1c82bf; font-size: 2.2em; position: absolute; top: 160px; left: 20px; font-weight: bold; font-stretch: condensed; font-family: "Helvetica Neue", Helvetica, Arial, serif; }
#branding p.email a { font-size: 1.9em; position: absolute; top: 90px; left: 360px; font-weight: bold; font-stretch: condensed; font-family: "Helvetica Neue", Helvetica, Arial, serif; }

.callout ul, .callout li { margin: 0 0 10px; padding: 0; text-indent: 0; list-style-type: none; }
.callout li div a { display: block; height: 45px; width: 165px; padding: 10px 10px 0 50px; background: url(/design/callout-check.gif) no-repeat; overflow: hidden; text-decoration: none; color: #000; font-size: 0.9em; }
.callout li div a span { color: #3399cc; text-transform: uppercase; }
.callout li div a:hover span { color: #00cc00; }

#container { width: 944px; background: #fff url(/design/top.gif) no-repeat; margin: 0 auto; overflow: hidden; }
#leftcol, #rightcol { float: left; clear: none; display: inline; margin: 20px 0 0 20px; }
#leftcol { width: 225px; margin-right: 8px;}
#rightcol { width: 645px; }
#rightcol img {margin: 1em; }
.home #rightcol img { border: 0px solid #aaa;  }
#footer { margin: 0 auto; font-size: 90%; text-align: center; padding-top: 1em; border-top: 1px solid #1c82bf; width: 90%; clear: both; }

.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; }

.home img {border:0;}

#callhpg {
float:right;
width: 620px;
padding: 0;
margin: 0 10px 10px 0;

}
#callhpg .call-homepg1{
float:left;
width: 200px;
height:109px;
padding:0 2px 0 0;
background: #fff url(/design/callout_hp1.jpg) no-repeat;
}
#callhpg .call-homepg2{
float:left;
width: 200px;
height:109px;
padding:0 2px 0 0;
background: #fff url(/design/callout_hp2.jpg) no-repeat;
}
#callhpg .call-homepg3{
float:left;
width: 200px;
height:109px;
padding:0;
background: #fff url(/design/callout_hp3.jpg) no-repeat;
}

#callhpg h3, #callhpg h3 a {
font-size:1.2em
font-weight:bold;
color:#FFF;
text-decoration:none;
padding:5px 5px 0 5px;
margin:0;
display:block;
}
#callhpg h3 a:hover {
text-decoration:underline;
}
#callhpg p {
font-size:.85em;
font-width:100;
color:#2a2b2b;
padding:0 10px;
width:140px;
}

#callhpg p a {
font-size:.9em
font-width:100;
color:#2a2b2b;
text-decoration:underline;
}
#callhpg p a:hover {
text-decoration:underline;
}