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

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

										Market Hardware Core CSS

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

/* typography */
body { font-size: 0.875em /* 14px */; background: white; color: #353535; font-family: Arial, sans-serif; line-height: 1.5em; margin: 0 auto; }
#page { width: 1040px; margin: 0 auto;background: white url(/design/body.gif) repeat-x;}
h1, h2, h3, h4, h5, h6 { color: #01542a; font-weight: bold; font-family: Georgia, serif; line-height: 1.2em; margin-bottom: 0.3em; }
h1 { font-size: 1.5em /* 18px */; }
h2 { font-size: 1.4em /* 15px */; }
h3 { font-size: 1.3em /* 14px */; color: #333; font-family: Arial, sans-serif; font-weight: normal; }
h4, h5, h6 { font-size: 1.2em /* 13px */; color: #333; font-family: Arial, sans-serif; font-weight: normal; }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; }

a, a:visited { color: #048242; text-decoration: underline; }
a:hover, a:active { color: #048242; 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; width: 940px; height: 140px; display: block; margin: 0 auto; }
#branding h1 { margin: 0; }
#branding h1 a { display: block; width: 940px; height: 134px; text-indent: -99999px; background: url(/design/logo.gif) left center no-repeat }
#branding p { display: none; }

#options { margin: 10px auto 0; width: 940px; display: block; padding-bottom: 2px; border-bottom: 4px solid #01542a; }
#options a { float: left; clear: none; padding:0;margin:0; }
#options a img { border: 3px solid #01542a; margin-right: 11px; }
#options a:hover img { border: 3px solid #faf183; }
#options a.last img { margin: 0; }

#container { width: 940px; margin: 0 auto; }
#leftcol, #rightcol { float: left; clear: none; display: inline; }
#leftcol { width: 630px; padding-top: 35px; margin-right: 30px; }
#rightcol { width: 280px; }

#section { padding: 0 0 5px 0; border-bottom: 1px solid #1f6843; margin-bottom: 45px; font-size: 1.3em; }
#section * { font-family: Georgia, serif; font-style: italic; color: #1f6843; line-height: 1.5em; }
#copy {  }

#callout {display: block; background: url(/design/tag.gif) right top no-repeat; margin-left: 4px; overflow: hidden; }
#callout p#info { color: #01542a; font-family: Futura, Verdana, Arial, sans-serif; font-size: 1.8em; display: block; width: 265px; text-align:  center; margin: 0 0 4em 11px; line-height: 1.5em; padding-top: 1em; }
#callout p#info a { font-size: 0.6em; text-decoration: none; color: #01542a; }
#callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }

#callout li a { display: block; padding: 10px; width: 254px; background: url(/design/callout.gif) repeat-y; border: 1px solid #999083; margin-bottom: 1.5em; text-decoration: none;  }
#callout li a:hover { background: url(/design/callout.gif) -276px 0 repeat-y;}
#callout li a strong { color: #2f261b; font-size: 1.3em; font-family: "Myriad Pro", Arial, sans-serif; display: block; padding-bottom: 5px; border-bottom: 1px solid #01542a; text-transform: uppercase; margin-bottom: 5px; }
#callout li a em { color: #2f261b; font-family: Georgia, serif; font-size: 1.1em; display: block; padding-left: 55px; }
#callout li.one a em { background: url(/design/baloons.png) left center no-repeat; }
#callout li.two a em { background: url(/design/charts.png) left center no-repeat; }
#callout li.three a em { background: url(/design/doc.png) left center no-repeat; }

#states { display: block; height: 147px; }
#states ul, #states li { margin: 0; padding: 0; list-style: none; display: inline; }
#states li a { height: 147px; width: 141px; float: left; clear: none; text-indent: -99999px; margin-right: 15px; }
#states li.ind a { background: url(/design/indiana.gif) no-repeat; }
#states li.ind a:hover { background: url(/design/indiana.gif) -152px 0 no-repeat; }
#states li.ken a { background: url(/design/kentucky.gif) no-repeat; }
#states li.ken a:hover { background: url(/design/kentucky.gif) -152px 0 no-repeat; }
#states li.ten a { background: url(/design/tennesee.gif) no-repeat; }
#states li.ten a:hover { background: url(/design/tennesee.gif) -152px 0 no-repeat; }
#states li.ill a { background: url(/design/illinoise.gif) no-repeat; }
#states li.ill a:hover { background: url(/design/illinoise.gif) -152px 0 no-repeat; }


#footer { margin: 0 auto; font-size: 90%; text-align: center; color: #333; border-top: 1px solid #1f6843; padding-top: 1em; margin-top: 1em;width: 940px; }
#footer a, #footer a:visited { color: #048242; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #048242; text-decoration: none; }

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