/* BuildingOnline.net CSS */ /* COLORS: main (light to dark): 1) E5E2DD 2) C0B5AD 3) AEA299 4) 9A8D84 5) 887A71 6) 6B605B 7) 4C4642 orange: FF7D00 yellow: F7BD19 red: B76043 blue: A0B4C8 dk blue: 607489 green: 858C63 lt green: D2D6B7 */ p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none } p a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } p a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } p a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } p a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } .highlight { background-color: #E6AA97; } /* Main body text */ .one { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none } .one a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } .one a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } .one a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } .one a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } .oneRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } .two { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none } .two a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #B76043; text-decoration: none } .two a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #666666; text-decoration: none } .two a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #B76043; text-decoration: none } .two a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #B76043; text-decoration: none } .contactRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } .three { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none } .three a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #B76043; text-decoration: none } .three a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #B76043; text-decoration: none } .three a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #B76043; text-decoration: none } .three a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #B76043; text-decoration: none } .bottom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #4C4642; text-decoration: none } .bottom a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #4C4642; text-decoration: none } .bottom a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #4C4642; text-decoration: none } .bottom a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #4C4642; text-decoration: none } .bottom a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #4C4642; text-decoration: none } /* h tags used on Products & Services pages */ h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; color: #887A71; text-decoration: none } h1 a:link { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; color: #887A71; text-decoration: none } h1 a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; color: #887A71; text-decoration: none } h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; color: #B76043; text-decoration: none } h1 a:active { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; color: #B76043; text-decoration: none } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; color: #887A71; text-decoration: none } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; font-weight: bold; color: #887A71; text-decoration: none } h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none; } h4 a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } h4 a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } h4 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } h4 a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } /* products/index.htm "LEARN MORE" */ .more { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none } .more a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #B76043; text-decoration: none } .more a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #B76043; text-decoration: none } .more a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #B76043; text-decoration: none } .more a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #B76043; text-decoration: none } /* products/index.htm "Return to Top" // removed // */ .up { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #858C63; text-decoration: none } .up a:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #858C63; text-decoration: none } .up a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #858C63; text-decoration: none } .up a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #858C63; text-decoration: none } .up a:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #FFFFFF; background-color: #858C63; text-decoration: none } /* Copyright text for bottom of all pages */ .cr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #999999; text-decoration: none } /* Testimonial ID */ .tst { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #666666; text-decoration: none } /* Newsfeed Headlines */ .nfh { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: bold; color: #858C63; text-decoration: none } /* White text */ .wh { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none } .wh a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none } .wh a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none } .wh a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: underline } .wh a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none } /* Newsfeed body */ .news { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #333333; text-decoration: none } .news a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: bold; color: #B76043; text-decoration: none } .news a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: bold; color: #B76043; text-decoration: none } .news a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } .news a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } .news h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: bold; color: #333333; text-decoration: none; margin-bottom:0px } .news p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #333333; text-decoration: none; margin-bottom:0px; margin-top:0px } /* Client List Body Links */ .cbl { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none } .cbl a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #858C63; text-decoration: none } .cbl a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #858C63; text-decoration: none } .cbl a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #858C63; text-decoration: none } .cbl a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #858C63; text-decoration: none } /****************************************************************************/ /* Cell formatting for BG images */ .leftBg { background-image: url(images/shadow_left.gif); background-repeat: repeat-y; background-position: left top; } .rightBg { background-image: url(images/shadow_right.gif); background-repeat: repeat-y; background-position: left top; } .eupBg { background-image: url(images/eup_bg2.gif); background-repeat: no-repeat; background-position: left top; } /* Text formatting added */ .prodBg { background-image: url(products/images/prodbg.jpg); background-repeat: no-repeat; background-position: left top; /* font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none */ } .bottomBg { background-image: url(images/bottombg.gif); background-repeat: no-repeat; background-position: left top; } /****************************************************************************/ /* Form Elements */ /* products Quik Links drop-down */ .pdd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #FFFFFF; border: #D2D6B7; border-style: solid; background: #858C63; width: 300px; height: 16px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; margin-bottom: 8px; } .pdd2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #2F2C29; border: #2F2C29; border-style: solid; background: #E5E2DD; width: 100%; height: 18px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; /* margin-bottom: 8px; */ } .pdd3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #2F2C29; border: #2F2C29; border-style: solid; background: #E5E2DD; width: 300px; height: 18px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; /* margin-bottom: 8px; */ } /* text field */ .cont1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #333333; border: #4C4642; border-style: solid; background: #E5E2DD; width: 100%; height: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /* text area */ .cont2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #333333; border: #4C4642; border-style: solid; background: #E5E2DD; width: 100%; height: 80px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /* text field 2 (height difference) */ .cont3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #333333; border: #4C4642; border-style: solid; background: #E5E2DD; width: 100%; height: 18px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /* eUpdate text field */ .ebox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; valign: middle; line-height: 12px; color: #35271A; border: #2F2C29; border-style: solid; background: #FFFFFF; width: 170px; height: 16px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px } /* button */ .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #ffffff; font-weight: bold; border: #4C4642; background-color: #B76043; height: 18px; width: 52px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px } /* with 100% width */ .button2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #ffffff; font-weight: bold; border: #4C4642; background-color: #B76043; height: 18px; width: 100%; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px } /* Clients lists */ .portfolio { width:520px; margin:10px; padding:50px 10px 10px } .portfolio blockquote { margin-top:0px; margin-bottom:0px } .portfolio p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none; margin-bottom:0px; margin-top:0px } .portfolio a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } .portfolio a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #B76043; text-decoration: none } .portfolio a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } .portfolio a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFFFFF; background-color: #B76043; text-decoration: none } .portfolio h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #666666; text-decoration: none; margin-bottom:0px }