body { height: 100%; margin: 0; padding: 0; background: url(images/header_bg.jpg) repeat-x;font-family: Arial, Helvetica, sans-serif; }

#spacer { height: 95%; float: left; width: 1px; font-size: 1px; padding: 0; margin: 0; }

#contentwrap { width: 800px; text-align: center; padding: 0; margin: 0;background: #FFFFFF url(images/header.jpg) repeat-x; height: 95%;}

/*===== header==========================*/
#content .header { background: url(images/header.jpg) repeat-x; width: 800px; height: 137px; }
#content .header p { font-size: 10px; padding: 10px 10px 0 320px; margin: 0; text-align: left; }
#content .header a { padding: 0; margin: 0; color: #000000; text-decoration: none; }
#content .header a:hover { padding: 0; margin: 0; color: #0033FF; text-decoration: underline; }

/*===== sidebar = get a quote==========================*/
#content .side { margin: 10px 5px 10px 10px; width: 200px;  border: 1px solid #CCCCCC; float: left; text-align: left; } 
#content .side h1 { margin: 0; padding: 6px 25px; height: 25px; background: url(images/title_bg.jpg) no-repeat; font-size: 12px; color: #233076; }
#content .side img { float: left; }
#content .side form { margin: 0; padding: 0 10px; font-size: 12px; color: #233076; clear: both;}
#content .side form label { margin: 10px 0 0 0; padding: 0; font-size: 12px; color: #233076;}
#content .side form input { margin: 0 0 10px 0; padding: 0; font-size: 12px; width: 95%; }

/*===== main content area ==========================*/
#content .main { text-align: left; float: left; margin: 10px 0 10px 7px; min-height: 800px; width: 550px; font-size: 12px; border: 1px solid #CCCCCC; }
#content .main h1 { margin: 0; padding: 6px 25px 0 25px; height: 25px; background: url(images/title_bg.jpg) no-repeat; font-size: 12px; color: #233076; }
#content .main h2 { margin: 0; padding: 0 10px 10px 10px; font-size: 12px; color: #233076; }

#content .main img { float: right; margin: 10px; }
#content .main .gallery img { float: left; margin: 10px; }
#content .main p { margin: 0; padding: 0 10px 10px 10px; font-size: 12px; }
#content .main a { color: #0033FF; margin: 0; padding: 0;}
#content .main a:hover { color: #EFCF4F; margin: 0; padding: 0;}
#content .main dt { margin: 0; padding: 0 10px; font-size: 12px; color: #233076; font-weight: bold;}
#content .main dd { margin: 0; padding: 0 10px 10px 10px; font-size: 12px; }


/*===== footer content ==========================*/
#footer { clear: both; height: 5%; border-width: 3px 0 0 0; border-style: solid; border-color: #3FAFEF; vertical-align: middle; padding: 0 0 0 10px; margin: 0; background: #1F2C7F; font-size: 12px; color: #FFFFFF; }
#footer .content { width: 800px; }
#footer .content p { float: left; padding: 0; margin: 10px 0 0 0;}
#footer .content h3 { float: right;  font-size: 10px;  padding: 0; font-weight: normal;}
#footer .content h3 a { font-size: 10px; text-decoration: none; color: #2F8FDF;}

/*===== main form ==========================*/
#content .main .formLeft { float: left; padding: 0 10px 0 0;}
#content .main .formRight { float: left; }
#content .main form { margin: 0; padding: 10px; font-size: 12px; color: #233076; clear: both;}
#content .main form label { margin: 10px 0 0 0; padding: 0; font-size: 12px; color: #233076;}
#content .main form input { margin: 0 0 10px 0; padding: 0; font-size: 12px; width: 240px; }
#content .main form input.button { margin: 0 0 10px 0; width: auto; }
#content .main form textarea { margin: 0 0 10px 0; padding: 0; font-size: 12px; width: 240px; height: 130px}

/*===== main table ==========================*/
#content .chart table { margin: 10px; width: 525px; font-size: 12px; border: 1px solid #CFCFCF;}
#content .chart td  { padding: 3px 5px; border-bottom: 1px solid #DDDDDD;text-align: center; }
#content .chart td p { padding: 0 8px; margin: 0; font-size: 10px; width: auto;}
#content .chart td.title { background: #233076; font-weight: bold; padding: 7px 5px; text-align: center; color: #FFFFFF;}
#content .chart td.titleSub { background: #36ABE0; font-weight: bold; padding: 3px 5px; }
