@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 { margin: 0 auto; font-size: 90%; text-align: center; color: #535353; }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #535353; text-decoration: none; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 10px 10px; padding: 5px; background: #555; border-bottom: 1px solid #666; border-right: 1px solid #666; }
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: #080809; padding: 0 0 25px; color: white; font-family: Arial, Helvetica, Verdana, sans-serif; border-top: 3px solid #333; text-align: center;}

a, a:visited { color: #7a964e; text-decoration: underline; }
a:hover, a:active { color: #7a964e; 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 { font-family: "Times New Roman", Georgia,  serif; color:#e6cf71;}
/* layout */
.wrapper{ background-color:#333; *zoom: 1;}
.wrapper:after,.secondary-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container{ width: 940px; margin: 0 auto; text-align: left; position: relative;}
.masthead{  position: relative; min-height: 142px; *height: 142px; background: #45494d url(../design/header_sprite.png) repeat-x 0 100%; z-index: 1000;}

/* branding*/
#branding { }
#branding h1 { position: absolute;}
#branding h1,
#branding h1 a,
#branding h1 span{ width: 275px; height: 98px; line-height: 98px; overflow: hidden; }
#branding h1 span { background: url(../design/header_sprite.png) no-repeat 0 0; }
#branding p { width: 560px; min-height: 46px; *height: 46px; padding: 16px 20px 0px 60px; margin: 0; overflow: hidden; float: right; text-align: right; font-size: 1.33em;background:#33322d url(../design/header_sprite.png) repeat-x 0 -149px; }
#branding .phone { padding-right: 20px; font-size: 1.56em; font-weight: normal; color:#e6ce71;}

/* content */
.primary-content { width: 940px; overflow: hidden; border-top: 2px solid #393835; border-bottom: 2px solid #393835; border-right: 1px solid #393835;background: #262626;}
.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; overflow: hidden;}
.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: 634px; float: right; border: 3px solid #ded3b0; position: relative;}
.supplementary-content h1,
.supplementary-content h1 img { position: relative; width: 634px; height: 385px; z-index: 1;}
.supplementary-content h1 img { position: absolute; top: 0; left: 0; z-index: 10;}

/* secondary content */
.secondary-content { margin: 0 0 3px; padding: 14px 0 0px; border-top: 3px solid #6c6c6c; background-color: #262626; *zoom: 1;}
.secondary-content .section { width: 597px; padding: 0 20px 30px 0;float: right; position: relative;}
.secondary-content .section h2 { margin-bottom: 8px; font-size: 2em; font-weight: normal;}
.secondary-content .section p { margin-bottom: 1.2em; color:#ccc; line-height: 2;}
.secondary-content .section .member{  position: absolute; right: 20px; bottom: 10px;}

/* callout */
#callout { margin-left: 28px;}
#callout li{ width: 238px; height: 6.66em; margin: 0 0 18px;  overflow: hidden; border: 1px solid #515151;}
#callout li h3 { margin: 12px 0 0 10px;  line-height: 1.1; font-size: 2.166em; font-weight: normal;background: url(../design/bg_callout.png) no-repeat 0 0; }
#callout li h3 a{ color:#e6cf71;padding: 0 0 20px 50px; display: block; text-decoration: none; }
#callout li h3 a:hover {color: #7A964E;}
#callout li h3.contact a { padding-top: 12px;}

/* footer */
#footer { padding-top: 1.5em; border-top: 3px solid #7a964e;}

/******************************************************************************************************
									Interior
/******************************************************************************************************/
body.interior .supplementary-content { width: 300px; float: left; border: none;}
body.interior .primary-content { border: none; background: none;}
body.interior #callout {border-top: 3px solid #6c6c6c; background-color: #262626; margin: 2px 0 5px; padding: 10px 0 10px 28px;}
body.interior .primary-content .section { width: 600px; padding: 20px 20px 0 0; float: right;}
body.interior .primary-content .section h1 { margin-bottom: 5px; font-size: 1.83em; font-weight: normal;}
body.interior .primary-content .section h2 { margin-bottom: 5px; font-size: 1.67em; color:#a19226; font-weight: normal;}
body.interior .primary-content .section h3 { margin-bottom: 5px; font-size: 1.33em; color:#999; font-weight: normal;}


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 a { color:#ffd22b; text-decoration: none; }
body.interior .primary-content .section a:hover {color: #7A964E;}


/* Portfolio */

div.img {
	margin: 30px 0;
}

div.img a {
	display: block;
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}