@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: #2b270b; font-family: Arial, 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: #b10000; text-decoration: underline; }
a:hover, a:active { color: #56649B; 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 */

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

/* = GLOBAL
---------------------------------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 952px;
}

#side {
	float: left;
	width: 232px;
}

#main {
	float: right;
	width: 712px;
}

/* = Header
---------------------------------------------------------------------------- */

#branding {
	padding: 15px 0 5px;
}

#branding h1 a {
	display: block;
	float: left;
	height: 134px;
	width: 232px;
	background: url('../design/logo.png') no-repeat center;
	text-indent: -999em;
}

#branding ul {
	margin: 0;
	padding: 20px 0 0;
	float: right;
	width: 712px;
}

#branding li {
	float: left;
	margin: 0 10px 0 0;
	padding: 25px 0 10px;
	width: 170px;
	list-style: none;
	border-right: 0px solid #d2cdc7;
}
#branding li.last {
	margin-right: 0;
	border: none;
}
#branding h3 {
	color: #384a85;
	font-size: 1em;
	font-weight: bold;
}
#branding .phone {
	margin: 0.0em 0;
	color: #556596;
	font-size: 1em;
}
#branding .email {
	margin: 0;
	font-size: 1em;
}

/* = Side
---------------------------------------------------------------------------- */

#side .commercial {
	display: block;
	margin-top: 5px;
	height: 113px;
	background: url('../design/bg_commercial.png') no-repeat;
	text-indent: -999em;
}

#side img {
	margin-top: 10px;
}

/* = Main
---------------------------------------------------------------------------- */

#main .content-wrapper {
	background: url('../design/bg_content_middle.png') repeat-y;
}
#content {
	background: url('../design/bg_content_top.png') no-repeat;
}
#content .inner {
	padding: 26px;
	background: url('../design/bg_content_bottom.png') no-repeat bottom;
clear:both;
}

#content h1 {
	margin-bottom: 0.72em;
	color: #566698;
	font-size: 1.8em;
}
#content h2 {
	margin-bottom: 1.1em;
	color: #566698;
	font-size: 1.5em;
}
#content h3 {
	margin-bottom: 1.1em;
	font-size: 1em;
	font-weight: bold;
}

/* = Features
---------------------------- */

#features {
	margin: 0;
	padding: 0;
}

#features li {
	list-style: none;
	display: inline;
	float: left;
	margin: 4px 0 0 6px;
	height: 175px;
	width: 228px;
	border: 1px solid #C0BBB6;
	background: url('../design/bg_feature.png') no-repeat bottom;
}
#features li div {
	padding: 3px 5px 5px;
}
#features a {
	margin-bottom: 5px;
	color: #4D5E92;
	font-size: 1.17em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#features p {
	margin: 0;
}

/* = Footer
---------------------------------------------------------------------------- */

#footer {
	clear: both;
	margin: 20px;
	padding-left: 240px;
	color: #777470;
	text-align: center;
	font-size: 0.92em;
}

/* = HOME PAGE
---------------------------------------------------------------------------- */

body.home #content .inner {
	padding: 12px;
}

body.home #intro {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	height: 296px;
	width: 688px;
}
body.home #intro span {
	position: absolute;
	top: 0; left: 0;
	height: 296px;
	width: 688px;
	background: url('../design/bg_home-intro.jpg') no-repeat
}
body.home #content p {
	margin: 0;
	padding: 5px;
	color: #4D5E92;
	font-size: 0.92em;
}

body.home #content .col {
	float: left;
	width: 320px;
}
body.home #content .col-1 {
	margin-right: 48px;
}

body.home #content .cols h3 {
	margin: 0;
	padding: 7px 15px;
	color: #FFFFFF;
	background: #4D5E92;
	font-size: 1.17em;
	font-weight: bold;
	text-transform: uppercase;
}

body.home #content .cols ul {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	border: 1px solid #D2CDC7;
	border-top: none;
	background: #FCFAF6;
	font-size: 1.17em;
}

body.home #content .cols li {
	list-style: none;
	padding: 0 0 0 35px;
	background: url('../design/tick.png') no-repeat 12px 0;
}