@charset "UTF-8";
/* CSS Document */

/*------------ General Styles ----------------*/
html,body { margin:0; padding:0; }
body { background:#333; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; }
h1,h2,h3,h4,h5,h6,ul,li,p { margin:0; padding:0; }
div#containerMain { width:800px; margin:0 auto; }
a:link, a:visited { color:#333333; text-decoration:underline; border:0px solid #000000; }
a:hover, a:active { color:#FF0000; text-decoration:none; }
h2 { margin:0 0 5px 0; }
div#about { width:600px; margin:0 auto; padding:25px 0 25px 0; }
div#about p { margin:0 0 20px 0; }
a#whatIsThis { color:#777; font-size:.80em; margin:0 0 0 5px; }
/*------------ Header Styles ----------------*/
div#header { background:url(../images/bg-header.jpg) no-repeat; height:266px; position:relative; }
div#header h1 { background:url(../images/logo-armstrong-insurance.jpg) no-repeat; text-indent:-9999px; width:197px; height:82px; position:absolute; top:50px; left:30px; display:block }
div#header div#redBarHeader { background:url(../images/header-red-bar.jpg) no-repeat; width:800px; height:95px; position:absolute; top:171px; text-indent:-9999px; }
div#header a:link, div#header a:visited { background:url(../images/header-about-btn-up.jpg) no-repeat; width:106px; height:33px; display:block; text-indent:-9999px; position:absolute; top:140px; left:510px; border:0px; }
div#header a:hover, div#header a:active { background:url(../images/header-about-btn-over.jpg) no-repeat; }

/*------------ Main Content Styles ----------------*/
div#content { background:#FFF; }
div#content div#form img { margin:0 0 20px 0; }
div#content div#form { width:501px; margin:0 auto; padding:25px 0 25px 0; }
div#content div#form form { width:420px; margin:0 auto; border:5px solid #CCC; padding:20px 30px 20px 30px; }
div#content div#form p { color:#000; font-weight:bold; }
div#content div#form input.textField { font-size:14pt; color:#888; width:410px; margin:0 0 10px 0; }
div#content div#form input#next { width:100px; color:#111; margin:20px 0 0 0; }
div#content div#form label { font-size:.9em; }
/* Use this for a custom next button graphic
div#content div#form input#next { width:100px; margin:20px 0 0 0; color:#111; font-weight:bold; background:url(../images/btn-next.jpg) no-repeat; width:106px; height:52px; border:none; text-indent:-9999px; }
div#content div#form input#next:hover { background:url(../images/btn-next-over.jpg) no-repeat; }
*/
div#content div#classCode { float:left; width:190px; }
div#content div#estimatedYearlyPayroll { float:left; width:190px; margin:0 0 0 30px; }
div#content div#classCode input { font-size:14pt; color:#888; width:190px; margin:0 0 10px 0; }
div#content div#estimatedYearlyPayroll input { font-size:14pt; color:#888; width:190px; margin:0 0 10px 0; }
div#content div#form select { margin:0 0 20px 0; }
.checkBoxLabel { font-size:.85em; color:#333; }
div#content div#form input#getQuote { width:150px; color:#111; margin:20px 0 0 0; }

/*------------ Partners Styles ----------------*/
div#content div#partners { width:612px; margin:0 auto; padding:25px 0 25px 0; }

/*------------ Footer Styles ----------------*/
div#footer { background:url(../images/footer-bg.jpg) no-repeat; width:800px; height:33px; }
div#footer p { color:#FFF; font-size:12px; text-align:center; padding:7px 0 0 0; }
