/* CSS Document */ /* common colors ::: ochre: f5d68a | lt ochre: f8e0a7 | blue: 18357a | md blue: 5a6ea0 | lt blue: #6E87B9 | green: 090 | lt green: 7fcc7f | ::: */ body { background-color: #F2ECDE; } strong { font-weight: bold; } em { font-style: italic; } #main {align: center;} a:link {text-decoration: none; color: #0B3F74; } a:visited {text-decoration: none; color: #0B3F74; } a:hover {text-decoration: none; color: #000000; } a:active {text-decoration: none; color: #0B3F74; } .head {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000; padding: 8px; 0px; 0px; 0px;} .subhead {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000000; padding: 8px; 0px; 0px; 0px;} .tophead {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000;} .toplist {font-family: Arial, Helvetica, sans-serif; font-size: 11px; align: center; padding: 12px; 10px; 10px; 10px;} a.toplist:link {text-decoration: none; color: #ffffff; } a.toplist:visited {text-decoration: none; color: #ffffff; } a.toplist:hover {text-decoration: none; color: #5a6ea0; } a.toplist:active {text-decoration: none; color: #ffffff; } .copy {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; padding: 8px; 0px; 0px; 0px; display: block; color: #000000;} .copybold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; line-height: 15px; padding: 8px; 0px; 0px; 0px; display: block;} .introhead {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height: 18px; padding: 8px; 0px; 0px; 0px; display: block;} .list {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; padding: 5px; display: block; color: #000000;} .bullist { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 12px; padding: 0px 0px 0px 8px; white-space: wrap; display: block; color: #000000;} .bullist2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 11px; padding: 0px 6px 6px 0px; white-space: wrap; display: block; color: #000000;} .bothead {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #663300; color: #000000;} .botlist {font-family: Arial, Helvetica, sans-serif; font-size: 12px; align: center; padding: 10px; 10px; 10px; 10px; color: #000000;} .listhead { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 4px 25px 4px 0px; white-space: wrap; display: block; } a.ns:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300; text-align: center; text-decoration: none; line-height: 16px; } a.ns:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; font-size: 11px; text-decoration: none; } a.ns:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300; font-size: 11px; text-decoration: none; } a.ns:visited:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #996600; font-size: 11px; text-decoration: none; } /* >>> similar for home and int construction */ .bghcont { background-image: url(../../../../dan/1Clients/!WEBFILES/DistinctiveDwellings/images/bg_h_drops.gif); background-repeat: repeat-y; background-position: top center; width: 744px; border: 0px; padding: 0px 6px; margin: 0px; } .bgicont { background-image: url(../../../../dan/1Clients/!WEBFILES/DistinctiveDwellings/images/bg_i_drops.gif); background-repeat: repeat-y; background-position: top center; width: 744px; border: 0px; padding: 0px 6px; margin: 0px; } #bghdrops { background-image: url(../../../../dan/1Clients/!WEBFILES/DistinctiveDwellings/images/bg_h_drops_bot.gif); background-repeat: no-repeat; background-position: top center; border: 0px; display: block; height: 6px; } #bgidrops { background-image: url(../../../../dan/1Clients/!WEBFILES/DistinctiveDwellings/images/bg_i_drops_bot.gif); background-repeat: no-repeat; background-position: top center; border: 0px; display: block; height: 6px; } #container { position: relative; width: 732px; } #contt { width: 640px; height: 95%; } #hhead { position: relative; top: 0px; z-index: 89; background-image: url(../../../../dan/1Clients/!WEBFILES/DistinctiveDwellings/images/bg_h_proven.gif); background-repeat: no-repeat; background-position: bottom right; background-color: #18357a; width: 732px; height: 65px; display: block; } #ihead { position: relative; top: 0px; z-index: 89; background-image: url(../../../../dan/1Clients/!WEBFILES/DistinctiveDwellings/images/bg_i_proven.gif); background-repeat: no-repeat; background-position: bottom right; background-color: #18357a; width: 732px; height: 31px; display: block; } #masth { position: relative; top: 0px; left: 0px; z-index: 3; background-repeat: no-repeat; width: 732px; height: 216px; display: block; } #masti { position: relative; top: 0px; left: 0px; z-index: 3; background-repeat: no-repeat; width: 732px; height: 118px; display: block; } #logoh { position: relative; left: 109px; top: 121px; z-index: 4; float: left; width: 200px; } #logoi { position: relative; left: 109px; top: 11px; z-index: 4; float: left; width: 200px; } #lower { position: relative; width: 732px; } #lowerh { position: relative; width: 732px; top: 0px; } #footer { position: relative; display: block; width: 744px; } #f { position: relative; padding-left: 10px; float: left; font-size: 10px; color: #999; } #f a { color: #999; font-size: 10px; text-decoration: none; } #f a:link { color: #999; } #f a:hover { color: #090; } #f a:visited { color: #ccc; } /* >>> nav dropdown ids and classes */ /* <<< ddnav items */ div#mainnav { margin: 0px; width: 640px; height: 50px; padding: 0px; 0px; 0px; 0px;} div#mainnav ul { margin: 0px; padding: 0px; list-style: none; } div#mainnav li { margin: 0px; padding: 0px; float: left; position: relative; } div#mainnav li a { margin: 0px; display: block; } #p1,#p2,#p3,#p4,#p5,#p6,#p7 { height: 30px; display: inline; } #mainnav ul li ul li a { width: 153px; } /* second-level lists */ div#mainnav li ul {display: none; position: absolute; left: 0px; top: 25px; margin: 0px; } div#mainnav li li { float: none; padding: 0px; text-align: left; } div#mainnav li li a { color: #ffffff; background-color: #CCCCCC; text-decoration: none; display: block; padding: 0px 10px; margin: 0px; border-bottom: solid 1px #666666; } div#mainnav li li a:hover { color: #ffffff; background-color: #333333; } /* div#mainnav li li a.nsl { border-bottom: solid 1px #996600; } */ div#mainnav a.ns,div#mainnav a.nsl { text-align: left; text-decoration: none; white-space: nowrap; display: block; font-size: 12px; line-height: 22px;} div#mainnav a.ns span { padding-left: 11px; } /* subnav inset with left pad */ /* fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left */ div#mainnav li>ul { top: auto; left: auto; } /* lists nested under hovered list items */ div#mainnav li:hover ul { display: block; } div#mainnav li.over ul { display: block; } /* >>> END ddnav items */