@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: white; color: black; font-family: 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: 1.5em /* 18px */; }
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: aqua; text-decoration: underline; }
a:hover, a:active { color: fuchsia; 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; }

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

#footer { text-align: left; color: #fff; }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #fff; text-decoration: none; }

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


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

										Custom Styles

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

body { background: #16567c; padding: 0 0 25px; color: white; font-family: "Times New Roman", Georgia,  serif; text-align: center;}

a, a:visited { color: #fff; text-decoration: underline; }
a:hover, a:active { color: #ddd; text-decoration: none; }

.ir,
.ir a { display: block; position: relative; }
.ir span { display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { color:#e6cf71;}
/* layout */
.wrapper{ background:#011218 url(../design/bg_main.jpg) 0 0 ; *zoom: 1;}
.wrapper:after,.secondary-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container{ width: 944px; margin: 0 auto; text-align: left; position: relative;}
.masthead{  position: relative; min-height: 163px; *height: 163px; background: #16567c url(../design/header_sprite.png) repeat-x 0 100%; z-index: 1000; }

/* branding*/
#branding { }
#branding .logo { position: absolute; top: 10px; left: 0;}
#branding .logo,
#branding a.logo,
#branding a.logo span{ width: 190px; height: 125px; line-height: 125px; ; display: block;}
#branding a.logo span { background: url(../design/header_sprite.png) no-repeat 0 0; }
#branding p { width: 560px; padding: 65px 260px 20px 0; margin: 0; ; float: right; text-align: right; font-size: 1.1667em; color:#aabec5;}
#branding .phone { padding-right: 20px; font-size: 1.4em; font-weight: normal; color:#fff;}
#branding .contact-info { width: 222px; height: 45px; padding-top: 45px; text-align: center; position: absolute; right: 0px; top: 0; display: block; background: url(../design/header_sprite.png) no-repeat 0 -136px; }
#branding strong { font-weight: normal; font-size: 1.33em;}
/* content */
#main {  width: 940px; margin-bottom: 40px; padding: 2px; ; background: #115382; }
.primary-content {width: 338px; float: left; }
.service{ width: 266px; padding: 12px 0 0 30px; float: left; color:#ccc;}
.service h2 { margin-bottom: 5px; font-size: 1.83em; font-weight: normal;}
.service ul { padding: 0; margin: 0 0 0 20px; list-style: none; ;}
.service li{ width: 110px; padding: 0 0 2px 8px; margin: 0; float: left; list-style: none; background: url(../design/bullet_home.png) no-repeat 0 7px; }
.service li.map{ padding-left: 0; background: none; position: relative; }
.service li.map a{ position: relative; display: block; bottom: -20px;}

.supplementary-content { width: 940px; ;}

/* secondary content */
.secondary-content { width: 602px; margin: 0; padding: 0; *zoom: 1; float: left;}
.secondary-content h1 { height: 38px; padding-left: 20px; line-height: 38px; color:#fff; background-color:#000; font-weight: normal; font-size: 1.67em;}
.secondary-content .section { width: 602px; padding: 0; position: relative;}
.secondary-content .section p { margin-bottom: 1.2em; color:#ccc; line-height: 2;}
.secondary-content .section { width: 602px; height: 130px; ; background: url(../design/bg_services.png) no-repeat;border-top: 4px solid #115382; }
.secondary-content .section.services h2 { width: 16px; height: 95px; margin: 18px 6px 0 18px; display: inline; float: left; background: url(../design/txt_portfolio.png) no-repeat; text-indent: -999em;}

.secondary-content .section.services ul,
.secondary-content .section.services ul li{ list-style: none;}
.secondary-content .section.services ul li { margin: 20px 0 0 10px; float: left; text-align: center;}
.secondary-content .section.services ul li img{ margin-bottom: 5px; display: block; border: 1px solid #ccc; }
.secondary-content .section.services ul li a{ text-decoration: none;}
.secondary-content .section.services ul li a:hover{ text-decoration: underline;}
/* callout */
#callout { width: 338px; height: 38px; float: left; ; background:#4680ba; }
#callout li{ width: 308px; padding-left: 20px; ; }
#callout li h3 { margin: 0;  line-height: 1.1; font-size: 1.333em; font-weight: normal;}
#callout li h3 a{ color:#bdc1c1; line-height: 38px; height: 38px; padding: 0 15px 0 0; display: block; text-decoration: none; float: left; background: url(../design/bg_arrow.png) no-repeat 100% 50%; text-transform: uppercase; font-size: 1.2em; }
#callout li h3.contact a { padding-top: 12px;}
.specialize { width: 338px; height: 130px; clear: left; border-top: 4px solid #115382; background-color:#000; }
.specialize h2 { margin: 7px 10px 5px 20px; font-size: 1.333em; color:#3b79b6; border-bottom: 1px solid #3b79b6;}
.specialize ul { padding: 0; margin: 0 0 0 20px; list-style: none; ; line-height: 1.2;}
.specialize li{ width: 155px; padding: 0; margin: 0; float: left; list-style: none;color:#eedebb;  }
.specialize li a{ color:#eedebb; }

/* footer */
#footer { padding-top: 1.5em; border-top: 3px solid #acc0c7; font-family: Arial, Helvetica, serif; color:#fff;}
#footer .finance { float: right; text-align: right;}
#footer a:hover{ text-decoration: underline;}
/******************************************************************************************************
									Interior
/******************************************************************************************************/
body.interior #main {background: url(../design/bg_main.png) repeat-y 0 0; border: 2px solid #115382; padding: 0; margin: 0 0 12px;}
body.interior .supplementary-content { width: 338px; float: left; border: none;}
body.interior .supplementary-content img{ border-bottom: 1px solid #3b79b6; display: block;}
body.interior .primary-content { width: 602px; float: right; margin: 0; color:#000;}
body.interior .primary-content .section { width: 562px; padding: 25px 20px 0 20px; border: 2px solid #115382; border-width: 2px 0 0 0; float: right; font-family: Arial, Helvetica,sans-serif;}
body.interior .primary-content .slogan { height: 38px; padding: 0 0 0 20px; margin: 0; width: 582px; line-height: 38px; color:#fff; background-color:#000; font-weight: normal; font-size: 1.67em;}

body.interior .primary-content .section h1 { margin-bottom: 15px; font-size: 2em; color:#336; font-weight: normal;}
body.interior .primary-content .section h2 { margin-bottom: 5px; font-size: 1.67em; color:#624d7d; font-weight: normal;}
body.interior .primary-content .section h3 { margin-bottom: 5px; font-size: 1.33em; color:#669; font-weight: normal;}
body.interior .primary-content .section h1,
body.interior .primary-content .section h2,
body.interior .primary-content .section h3,
body.interior .primary-content .section h4,
body.interior .primary-content .section h5{font-family: "Times New Roman", Georgia,  serif;}

body.interior .primary-content .section ul{ padding: 0 0 20px 25px; }
body.interior .primary-content .section ol,
body.interior .primary-content .section p { margin-bottom: 20px;}
body.interior .primary-content .section ul li{ padding: 0 0 2px 8px;  list-style: none; background: url(../design/bullet.png) no-repeat 0 7px; }
body.interior .primary-content .section a { color:#4680ba; text-decoration: none; }
body.interior .primary-content .section a:hover { text-decoration: underline; }

/* Affiliations table */
table#affils {margin: 20px 0;}
table#affils td {padding:10px 20px; vertical-align: middle; border: 1px solid #9BB6BF;}


body.services .primary-content .section ul li ul {padding-bottom: 0; margin-bottom: 0;}