@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: 2em /* 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: center; 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: 15px 15px 30px; background: #fef8f1; border: 1px dashed #ccc; color:#333;}
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: #cedbaf; padding: 0 0 25px; color: white; font-family: "Trebuchet MS", Arial,  sans-serif; text-align: center;}

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

.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:#0072BC;}
/* layout */
.wrapper{ width: 960px; background: #fff; margin: 0 auto; position: relative; *zoom: 1; overflow: hidden;}
.wrapper:after,.secondary-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.masthead{  position: relative; min-height: 165px; *height: 165px; border-top: 5px solid #48cdf6; background: #fff; z-index: 1000;}

/* branding*/
#branding {width: 960px; }
#branding .logo { position: absolute; top: 15px; left: 15px;}
#branding .logo,
#branding a.logo,
#branding a.logo span{ width: 615px; height: 138px; line-height: 125px; overflow: hidden; display: inline; margin: 0; padding: 0;}
#branding a.logo span { background: url(../design/logo.png) no-repeat 0 0; }

#branding p { padding: 40px 20px 20px 0; margin: 0; overflow: hidden; float: right; text-align: right; font-size: 1.233em; color:#121212;}
#branding .phone { margin: 0 0 5px; display: block; line-height: 1.2; }
#branding .company { margin: 15px 0 5px; color:#0072bc; display: block;line-height: 1.2; font-family: Georgia, Times, serif; font-size: 1.31em;  }
#branding .toll-free { display: block;line-height: 1.2;}

#branding strong {font-weight: normal; }
/* content */
#main {  width: 940px; padding: 10px 10px 0; overflow: hidden; background: #fff; }
#main { height: 298px; }
.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;}

.primary-content{ width: 665px; position: relative; float: right; text-align: left;}
.primary-content img{ height: 285px; position: absolute; top: 0; left: 0; z-index: 1;}
.primary-content p{ position: relative; z-index: 10;}
.primary-content .slogans{ padding: 60px 0 0 10px; font-size: 1.67em;}
.primary-content .slogans big{ margin-bottom: 25px; display: block; font-size: 1.7em;}
.primary-content .slogans em{ margin-bottom: 20px; display: block; font-size: 1.7em;}
.primary-content .slogans span,
.primary-content .slogans strong { display: block; margin: 0 0 18px 15px;}

.intro { width: 130px; min-height: 255px; padding: 30px 25px 0 25px; float: right; line-height: 20px; font-size: 1.166em; background: url(../design/bg_branding_image.png) repeat;}
.intro span { font-size: 1.285em; color: #c1d39f; }
* html .intro { height: 255px; }
/* secondary content */
.supplementary-content { width: 940px; margin: 0; padding: 0 10px; *zoom: 1; background: #fff; color:#000; clear: both; text-align: left;}
.supplementary-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.side-b { width: 220px; min-height: 560px;  padding: 20px 20px 43px; position: relative; float: left; text-align: left; background: url(../design/bg_left.png) repeat-x 0 0; font-size: 1.166em;color:#666;}
*.side-b { height: 560px;}
.side-a { width: 600px; padding: 15px 30px 0 30px; float: right; font-size: 1.166em;}
.side-a h1 { color: #99C05B }
.side-a h2 { margin-top: 30px;}
.side-a .more{ margin-left: 20px;}
.side-a ul{ margin: 0; padding: 0 0 20px 20px;}
.side-a ul li{ list-style: none; background: url(../design/bullet.png) no-repeat 0 7px; padding-left: 15px; height: auto; }
.side-a .alter li{ background: url(../design/bullet_b.png) no-repeat 0 7px; }
.side-a .alter li strong {color:#6e99d4;}

.side-b h2 { margin-bottom: 5px;  color:#666;}
.payments { position: absolute; bottom: 5px; left: 20px;}
.member{ width: 180px; margin: 0 auto; padding-top: 15px; display: block;}

/* callout */
#callout { width: 260px; height: 284px; float: left; overflow: hidden; }
#callout ul { width: 260px; height: 284px;  overflow: hidden;}
#callout li,
#callout li a{ width: 260px; height: 140px; overflow: hidden; position: relative;}
#callout li a{ color:#fff; text-decoration: none; text-align: left;  }
#callout li a:hover{ color:#0072bc;  }
#callout li { margin-bottom: 5px; font-size: 1.166em;}
#callout li a{ position: absolute; top: 0; left: 0; display: block;}
#callout li a img { position: relative; z-index: 1;height: 140px;}
#callout li em { width: 250px; height: 30px; padding-left: 10px; display: block; cursor: pointer; position: absolute; bottom: 0; left: 0;z-index: 1; line-height: 30px; font-style: normal; background: url(../design/bg_callout_link.png) repeat-x 0 0; }

/* footer */
#footer { width: 940px; margin: 10px; padding: .8em 0; overflow: hidden; clear: both; font-size: 0.83em; font-family: Arial, Helvetica, serif; color:#fff; line-height: 1.3; background-color:#2cc5f4;}
#footer p { margin: 0; padding: 0;}
#footer a:hover{ text-decoration: underline;}

/******************************************************************************************************
									Interior
/******************************************************************************************************/


body.interior .supplementary-content .side-a h1 { margin: 20px 0 .5em; font-size: 2em; color:#99c05b; font-weight: normal;}
body.interior .supplementary-content .side-a h2 { margin-bottom: .5em; font-size: 1.5em; color:#0072bc; font-weight: normal;}
body.interior .supplementary-content .side-a h3 { margin: 10px 0 5em; font-size: 1.166em; color:#6e99d4; font-weight: normal;}

#mpe h1, #mpe h2, #mpe h3 {margin-bottom: .5em;}

body.interior .supplementary-content .side-a ul{ padding: 0 0 20px 25px; }
body.interior .supplementary-content .side-a ol,
body.interior .supplementary-content .side-a p { margin-bottom: 20px;}
body.interior .supplementary-content .side-a ul li{ padding: 0 0 2px 15px;  list-style: none; background: url(../design/bullet.png) no-repeat 0 7px; height: 1%; }
body.interior .supplementary-content .side-a ol li { margin-left: 8px; padding: 0 0 2px 0px;  list-style: decimal; background: none; height: auto;}
/*body.interior .supplementary-content .side-a a { color:#d48a1d; text-decoration: none; }*/
body.interior .supplementary-content .side-a a:hover { color:#0072bc; text-decoration: underline; }
body.interior .supplementary-content blockquote cite { margin-right: 25px; display: block; text-align: right;}
body.interior .supplementary-content .side-a { margin-top: -285px; position: relative; z-index: 100;}

/* New Callout in left side */

.side-b h2 a{
	display:block;
	background: #CEDBAF;
	padding:4px 10px;
}
.side-b h2 a:hover{

	background: #EECEA3;

}