/* CSS file for PropelConsulting.com Author: Alan Osman Updated:6/22/05 Runs in browsers with support for CSS 2.1 Notes: Lots of workarounds in here to get through IE bugs and Mozilla problems * Dont remove the excess 'margin: 0 auto 0 auto;" tags because they make things center align properply in mozilla. * There are extra 'position:relative' statements to fix some aligment problems in IE. * This CSS design relies on FLOW and not absolute positioning, though I have used absolute in a couple of spots where a change in text will force a change in the parent container. * I had to use 'font-size:1pt; line-height:1pt;' to solve a weird row spacing problem in IE. * the link 'hover' state needs 'font: normal' to work in IE. * Safari 1.0 does not support relative positioning with the top or left attributes. These are broken. * use "font-size:1pt; line-height:1pt;" to prevent IE from adding extra pixel rows when placing img tags inside div tags (this is to avoid having to place div and img tags on the same row) */ body { background: #F2F2F2; padding: 0; color: #333333; font-size: 9pt; font-family:Arial, Trebuchet MS, Verdana, Tahoma, Sans-Serif; text-align: center; margin-left: 12px; /* Cannot use Margin: only command as it fails in IE */ margin-right: 12px; margin-top: 20px; margin-bottom: 20px; padding:0px 0px 0px 0px; } /* Parent container for area above and including the nav bar */ /* IMPORTANT: Firefox & Mozilla browsers needs two sets of margin params to align correcly "margin: 0 auto 0 auto" */ /* DIV PARENT-CHILD LAYOUT (Most cases child inherits parent positioning, plus I used Flow here) boxParent frmMain boxTop boxMid boxTopContent boxLogo boxNav boxQuotes boxFooter boxFooterPlaceholder span.footer boxFooterLink boxBottom */ /* Page Construct */ body#style1 #boxParent { width:740px; text-align:center; margin: 0 auto 0 auto; } body#style1 #frmMain { position:relative; margin: 0px 0px 0px 0px; width:742px; } body#style1 #frmEmail { position:relative; margin: 0px 0px 0px 0px; width:742px; } body#style1 #boxTop { width:742px; height:15px; background-image:url(img/pg/top.png); float:left; font-size:1pt; line-height:1pt;} body#style1 #boxMid { width:742px; background:#FFFFFF url(img/pg/mid.png); float:left; text-align:left; } body#style1 #boxMid2 { width:742px; background:#FFFFFF url(img/pg/mid3.png); float:left; text-align:left; } body#style1 #boxBot { width:742px; height:15px; background-image:url(img/pg/bot.png); float:left; font-size:1pt; line-height:1pt;} /* Top area */ body#style1 #boxTopContent { position:relative; left:12px; top:-4px; width:718px; font-size:1pt; line-height:1pt; } body#style1 #boxLogo { position:relative; width:auto; float:left; } body#style1 #boxQuotes { position:relative; float:right; background-image:url(img/hm/quotes2.png);} body#style1 #boxNavBar { position:absolute; top:134px; left:0px; width:440px; height:25px; float:left; } /* Home Page Content Layout */ body#style1 #boxMainContent { position:relative; width:718px; float:left; } body#style1 #boxLeft { position:relative; width:273px; float:left; font-size:1pt; line-height:1pt;} body#style1 #boxRight { position:relative; width:445px; float:right;} body#style1 #boxFooter { position:relative; width:718px; height:32px; left:12px; background-color:#dcdcdc; float:left;} /* Home Page Left Content */ body#style1 #boxServices { position:relative; float:left;} body#style1 #boxServicesBack { position:relative; width:273px; float:left; } body#style1 #boxServicesText { position:relative; left:23px; height:auto; float:left; font-size:9pt; line-height:21pt; font-weight:bold; color:#2D353A;} /* Home Page Right Content */ body#style1 #boxRightContent { position:relative; float:left; width:385px; text-align:justify; } body#style1 #boxPix1 { position:relative; width:120px; float:left; } /* Spacers */ body#style1 .row1pix { position:relative; width:718px; height:1px; left:12px; font-size:1pt; line-height:1pt; float:left;} body#style1 .row3pix { position:relative; width:718px; height:3px; left:12px; background:#FFFFFF; font-size:1pt; line-height:1pt; float:left;} body#style1 .row8pix { position:relative; width:718px; height:8px; left:12px; background:#FFFFFF; font-size:1pt; line-height:1pt; float:left;} body#style1 .row20pix { position:relative; width:718px; height:20px;} body#style1 .row30pix { position:relative; width:718px; height:30px;} body#style1 .col40pix { position:relative; width:40px; height:1px; float:left;} body#style1 .col20pix { position:relative; width:20px; height:1px; float:left; } body#style1 .col12pix { position:relative; width:12px; float:left; height:1px;} body#style1 .fieldLabel { color:#848484; font-style:normal; font-size:8pt; font-family: Arial, Trebuchet MS, Verdana, Sans-Serif; line-height:19px;} body#style1 .textField { color:#333333; font-style:normal; font-size:9pt; font-family: Arial, Trebuchet MS, Verdana, Sans-Serif; line-height:19px; border:solid 1px #888888; } body#style1 .error { color:#9d0a0e; font-style:normal; font-size:9pt; font-family: Arial, Trebuchet MS, Verdana, Sans-Serif; line-height:19px;} /* Inner Page Content */ body#style1 #boxSimplePage { position:relative; width:718px; float:left; display:block; margin-bottom:20px; } body#style1 #boxSimpleContent { position:relative; width:638px; float:left; display:block; margin-bottom:20px; } body#style1 .Indent { position:relative; left:30px; margin-right:30px;} /* Text styles */ body#style1 span.content { color:#333333; font-style:normal; font-size:9pt; font-family: Arial, Trebuchet MS, Verdana, Sans-Serif; line-height:19px;} body#style1 span.content2 { color:#333333; font-style:normal; font-size:9pt; font-family: Arial, Trebuchet MS, Verdana, Sans-Serif; line-height:19px; } body#style1 span.fieldLabel { color:#848484; font-style:normal; font-size:8pt; font-family: Arial, Trebuchet MS, Verdana, Sans-Serif; line-height:19px;} body@style1 span.textField { color:#333333; font-style:normal; font-size:9pt; font-family: Arial, Trebuchet MS, Verdana, Sans-Serif; line-height:19px; border:solid 1px #642584; } body#style1 span.heading { color:#444444; font-style:normal; font-size:13pt; font-weight:bold; font-family:Arial, Verdana, Sans-Serif; line-height:36px;} body#style1 span.heading2 { color:#444444; font-style:normal; font-size:13pt; font-weight:bold; font-family:Arial, Verdana, Sans-Serif; line-height:36px; letter-spacing:-.05em;} body#style1 span.heading3 { color:#444444; font-style:normal; font-size:11pt; font-weight:bold; font-family:Arial, Verdana, Sans-Serif; line-height:32px; } body#style1 span.heading4 { color:#444444; font-style:normal; font-size:11pt; font-weight:bold; font-family:Arial, Verdana, Sans-Serif; line-height:21px; } body#style1 span.heading5 { color:#665555; font-style:normal; font-size:10pt; font-weight:bold; font-family:Arial, Verdana, Sans-Serif; line-height:21px; } body#style1 span.subHeading { color:#828282; font-style:normal; font-size:10.5pt; font-weight:bold; font-family:Arial, Verdana, Sans-Serif; line-height:27px;} /* ALL PAGES - General Links */ body#style1 a:link { text-decoration: none; color:#2D353A;} body#style1 a:visited { text-decoration: none; color:#2D353A; } body#style1 a:hover { text-decoration: underline; color:#2D353A; } /* ALL PAGES - General Links */ body#style1 a.none:link { text-decoration: none; color:inherit; } body#style1 a.none:visited { text-decoration: none; color:inherit; } body#style1 a.none:hover { text-decoration: none; color:inherit; } body#style1 a.hyperlink1:link { text-decoration: none; font-size:9pt; color:#605717;} body#style1 a.hyperlink1:visited { text-decoration: none; font-size:9pt; color:#605717; } body#style1 a.hyperlink1:hover { text-decoration: underline; font-size:9pt; color:#E5A900; } /* Link style for services */ body#style1 ul { width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none; text-align:left; float:none;} body#style1 li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:list-item; font-family:Arial, Verdana, Sans-Serif; font-size: 9pt;} body#style1 ul.services { width:100%; list-style:none; text-align:left; float:none; } body#style1 #services li { display:block; width:236px; padding:0 0 0 0; margin:0px 0px 0px 0px; background: transparent none; line-height:32px;} body#style1 #services a, #services a:visited { padding:6px 6px 6px 6px; margin:0px 0px 0px 0px; border:solid 1px #d3e8ff; background: transparent none; color:#333333; } body#style1 #services a:hover { margin:0px 0px 0px 0px; border:solid 1px #759ecc; background: #9abde4 none; text-decoration:none; color: #333333;} /* ALL PAGES - Footer section */ body#style1 #boxFooterText { position:relative; color:#2E2E2E; top:11px; font-style:normal; font-size:7pt; font-family: Verdana, Arial, Sans-Serif; left:24px; width:auto; height:auto; margin: 0 auto 0 auto; display:inline; } body#style1 #boxROR { position:relative; width:auto; height:auto; float:right; } /* Default link style for page */ body#style1 a:link { text-decoration: none; color:#605717;} body#style1 a:visited { text-decoration: none; color:#605717; } body#style1 a:hover { text-decoration: underline; color:#F67415; } body#style1 span.textTop { color:#0E3A8C; font-style:normal; font-size:7pt; font-family: Verdana, Arial, Sans-Serif; } /* For links and text in the footer */ body#style1 span.textFooter { color:#2E2E2E; font-style: normal; font-size: 7pt; font-family: Verdana, Arial, Sans-Serif; } body#style1 span.linkFooter { color:#2E2E2E; font-style: normal; font-size: 7pt; font-family: Verdana, Arial, Sans-Serif; } body#style1 a.footerLink:link { color:#2E2E2E; } body#style1 a.footerLink:visited { color:#2E2E2E; } body#style1 a.footerLink:hover { color:#F67415; } /* redish-orange hover */ body#style1 br.fieldSpacer { line-height:6px; } body#style1 p { } body#style1 b { color:#555555; } body#style1 td.homePageText { text-align:left; vertical-align:top; font-size: 9pt; font-family:Arial, Trebuchet MS, Verdana, Tahoma, Sans-Serif; line-height: 18px; }