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

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

										Market Hardware Core CSS

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

/* typography */
body { font-size: 0.88em /* 14px */; background: #ffffff; color: #333333; font-family: Tahoma, Verdana, Arial, sans-serif; line-height: 1.5em; margin: 0 auto; padding: 0 0 14px 0; }

h1, h2, h3, h4, h5, h6 { /* Use to set global header styles. ie, bold, italic, color, margin, padding */ }
h1 { font-size: 1.43em /* 20px */; color: #535c6e; margin: 0 0 7px 0; font-weight: normal; }
h2 { font-size: 1.14em /* 16px */; color: #67b7fc; font-weight: normal; margin: 4px 0 3px 0;}
h3 { font-size: 1em /* 12px */; color: #4563a4; font-weight: bold;  }
h4, h5, h6 { font-size: 1.1em /* 13px */; }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; }
ol {margin-top: 0; padding-bottom: 0;}
ul {margin-top: 0; padding-bottom: 0; list-style-type: bullet;}
ul li {margin: 0; padding-bottom: 3px;}
ul.two-col li {width: 50%; float: left;}

table { margin: 0; padding: 0; width: 100%; border-collapse: collapse; }

a, a:visited { color: #3b60af; text-decoration: none; }
a:hover, a:active { color: #3b60af; 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; }

.wrapper-all { width: 950px; margin: 0 auto; }
.column-wrapper { margin: 0 0 10px 0; }
.column-left { float: left; width: 628px; position: relative; z-index: 2; padding: 0 0 0; border: solid 1px #d1d0d0; }
.column-right { float: right; width: 308px; position: relative; z-index: 1; /*border: solid 1px #516daa;*/ background: #4563a4; }

.wrapper-content { padding: 26px 25px 40px 39px; }
.wrapper-content p { line-height: 130%; padding: 0 0 13px 0; margin: 0; }
.wrapper-content p.quote { line-height: 130%; width: 386px; padding: 17px 20px 14px 20px; margin: 0 0 0 52px; border-left: solid 5px #43a7e1; background: #f3f3f3; }
.wrapper-content p.quote q { display: block; padding: 0 0 11px 0; }
.wrapper-content p.quote cite { display: block; text-align: right; font-style: italic; }
.wrapper-content a { text-decoration: underline; }
.wrapper-content a:hover { text-decoration: none; }
.image-home { display: block; border-top: solid 1px #b5b6b7; border-right: solid 2px #b5b6b7; border-bottom: solid 1px #b5b6b7; border-left: solid 1px #b5b6b7; margin-bottom: 11px; }
.image-home img { display: block; }

/* layout */
#branding { position:relative; height: 140px; margin: 0 auto; position: relative;}
#branding h1 { padding: 17px 0 0 38px; float: left; margin: 0; height: 104px; width: 241px;}
#branding p.text { float: left; font-size: 1.29em; color: #484848; padding: 59px 0 0 50px; text-align: left; line-height: 140%; }
#branding div.right { float: right; padding: 15px 1px 0 0; }
#branding div.right p { margin-bottom: 0; }
#branding div.right a.button { display: block; margin: 0 0 13px 0; width: 220px; height: 56px; background: url(../design/button_request_info.png) no-repeat 0 0; text-indent: -8000px; }
#branding div.right a.button:hover { background-position: 0 -56px; }
#branding div.right p span { font-size: 1.43em; display: block; padding: 0 0 0 1px; }
#branding div.right p a { display: block; padding: 0 0 0 2px; }

#callout { padding: 0 0 0 0; margin: 0 0 9px 0; }
#callout * { padding: 0; margin: 0;}
#callout ul, #callout li { text-indent: 0; list-style-type: none; display: block;}
#callout li { float: left; margin: 0 10px 0 0; display: block; padding: 0; width: 308px; height: 153px; background-position: 0 0; background-repeat: no-repeat; position: relative; border: solid 1px #d4d3d3; }
#callout li:hover, #callout li.hover { }
#callout li.one { background-image: url(../design/callout_01.jpg); }
#callout li.one img { position: absolute; top: 81%; left: 32%;}
#callout li.two { background-image: url(../design/callout_02.jpg); }
#callout li.three { background-image: url(../design/callout_03.jpg); margin: 0; }
#callout li a { display: block; width: 308px; height: 63px; padding-top: 90px; color: #313131; }
#callout li a:hover { text-decoration: none; }
#callout li a span { display: block; height: 63px; font-size: 0.86em; padding: 0 0 0 23px; }
#callout li.one a span { background-image: url(../design/callout_01.png); }
#callout li.two a span { background-image: url(../design/callout_02.png); }
#callout li.three a span { background-image: url(../design/callout_03.png); }
#callout li a:hover span { background-position: 0 -63px; cursor: pointer; }
#callout li a span strong { display: block; font-size: 1.67em; font-weight: normal; padding: 9px 0 0 0;  cursor: pointer;}

.side { padding: 33px 0 0 22px; }
.side dl { padding: 0 0 29px 0; margin: 0; clear: both; }
.side dl * { padding: 0; margin: 0; }
.side dl dt { color: #68ace5; font-size: 1.14em; clear: both; padding: 0 0 13px 2px; }
.side dl dt a { color: #68ace5; }
.side dl dd { border: solid 3px #ccc; float: left; }
.side dl dd img { display: block;  }

#mpe-side {
background: #fff;	
padding: 20px;
}


#footer { margin: 0 auto; font-size: 0.71em;  color: #ccc; clear: both; line-height: 140%; padding: o; width: 950; height: 52px; background: #3b60af; }
#footer p { text-align: center; padding: 11px 42px 0 42px; }
#footer p a { color: #ccc; }
#footer p a:hover { color: #fff; text-decoration: underline; }



.breadcrumb { font-size:90%; 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; }