@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 /* 12px */; background: #c1dbe8 url(/design/grade.gif) 0 -71px repeat-x; color: black; font-family: Arial, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.3em; }
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: #066caa; text-decoration: underline; }
a:hover, a:active { color: #066caa; 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 */
#container { width: 930px; padding: 15px 16px 15px 15px; margin: 0 auto; display: block; background: #fff url(/design/top.gif) no-repeat; }
#branding { position:relative; display: block; width: 961px; height: 159px; margin: 20px auto 15px; background: url(/design/header.gif) no-repeat; }
#branding h1 { margin: 0; width: 410px; height: 159px; float: left; }
#branding h1 a { display: block; height: 159px; text-indent: -99999px; display: block; width: 410px; }

#branding #contact-info {width: 500px; float:right; position: relative; height: 159px;}

#branding p.scheduler {position: absolute; top: 27px; right: 33px; width: 205px; height: 70px;}
#branding p.scheduler a { width: 205px; height: 70px; text-indent: -99999px; display: block; }
#branding p.info { position: absolute; top: 20px; left: 0; font-size: 2.1em; line-height: 1.3em; font-weight: 300; width: 300px; }
#branding p.tagline { font-size: 1.5em; color: #056eac; font-family: "Century Gothic", Arial, sans-serif; font-weight: bold; position: absolute; bottom: 0; }

#container .background { padding-bottom: 100px; background: url(/design/affiliations.gif) bottom center no-repeat; }

#leftcol, #rightcol { float: left; clear: none; display: inline; }
#leftcol { width: 259px; margin-right: 15px; }
#rightcol { width: 610px; margin-left: 12px; margin-top: 2em; }
/*#rightcol img { border: 2px solid #d2d2d2; }*/

.home #rightcol ul, .home #rightcol li { margin: 0; padding: 0; list-style: none; }
.home #rightcol ul { margin-bottom: 1em; }
.home #rightcol li { display: block; margin-left: 5px; padding-left: 35px; background: url(/design/check.gif) 0 5px no-repeat; line-height: 2.2em; }

#leftcol #left-top ul, #leftcol #left-bottom ul { list-style: square; margin: 0; padding-left: 1.5em; }
#leftcol .quote { display: block; background: #DFECF3 url(/design/quotes.gif) no-repeat; border: 2px solid #BCD9E4; padding: 20px 17px; margin-bottom: 1em; color: #333; }
#leftcol .quote blockquote { margin: 0; padding: 0; border: none; background: none; }
#leftcol .quote cite { display: block; text-align: right; font-style: italic; }

#callout { }
#callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none;line-height:.01em;display:block; }
#callout a { float: left; clear: none; display: block; width: 325px; text-decoration: none; }
#callout li.first a { margin-right: 5px; }
#callout a span { display: block; height: 52px; line-height: 52px; background: url(/design/banner.gif) repeat-x; padding: 0 25px; font-size: 1.2em; color: #fff; font-weight: bold; border-bottom: 3px solid #fff; }
#callout a:hover span { border-bottom: 3px solid #b3df40; }

#footer { margin: 0 auto 2em; font-size: 80%; background: url(/design/bottom.gif) no-repeat; width: 921px; padding: 3em 20px 0 }
#footer table, #footer p { float: left; clear: none; display: inline; }
#footer table { width: 320px; margin-right: 20px; }
#footer p { text-align: right; margin: 30px 0; width: 580px; }
#footer table td { width: 50%; }
#footer table td.right { text-align: right; }

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


div#survey-btns {margin:35px 0;}
div#survey-btns a {float: left; margin-right: 10px;}
a#client-btn {display: block; text-indent: -9999px; width: 193px; height: 88px; background: url(/images/btn-client.jpg) top left no-repeat;}
a#agent-btn {display: block; text-indent: -9999px; width: 193px; height: 88px; background: url(/images/btn-agent.jpg) top left no-repeat;}
a#initial-btn {display: block; text-indent: -9999px; width: 193px; height: 88px; background: url(/images/btn-initial.jpg) top left no-repeat;}