/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none;/* items of the nested menus are kept on separate lines */ } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { /* IE7 float clear: */ min-height: 0; } /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* -- sticky.submenu.END -- */ /* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */ .menu, .menu ul li { color: #eee; background: #0d3692; } .menu ul { } .menu a { text-decoration: none; color: #eee; padding: .4em 1em; display: block; position: relative; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 27px; border-right: 1px solid #869ac8; text-align: center; } .menu a:hover, .menu li:hover>a { background-color: #869ac8; } .menu li li { /* create borders around each item */ border: 1px solid #ccc; } .menu ul>li + li { /* and remove the top border on all but first item in the list */ border-top: 0; } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; } .menu li ul li a { text-align: left; width: 150px; line-height: 15px; } #remodeling-tn { width: 86px; } #exterior-improvement-tn { width: 146px; } #caps-tn { width: 45px; } #process-tn { width: 71px; } #portfolio-tn { width: 81px; } #resources-tn { width: 80px; } #about-us-tn { width: 75px; } #contact-us-tn { width: 88px; border-right: none; } /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/ #remodeling-for-porches-and-entryways #remodeling-tn, #remodeling-for-porches-and-entryways #remodeling-tn, #screened-porch-remodeling-and-renovations #remodeling-tn, #kitchen-remodeling-and-renovations #remodeling-tn, #bathroom-remodeling-and-renovations #remodeling-tn, #master-suite-remodeling-and-renovations #remodeling-tn, #attic-remodeling-and-renovations #remodeling-tn, #designing-and-building-home-additions #remodeling-tn, #exterior-makeovers-and-renovations #remodeling-tn, #certified-aging-in-place-specialists-caps #remodeling-tn, #exterior-improvement #exterior-improvement-tn, #siding-exterior-home-improvement #exterior-improvement-tn, #new-roofs-using-quality-roof-materials #exterior-improvement-tn, #durable-and-attractive-window-replacements #exterior-improvement-tn, #energy-efficient-exterior-door-replacement #exterior-improvement-tn, #priming-painting-and-trim-with-low-maintenance #exterior-improvement-tn, #contract-maintenance #exterior-improvement-tn, #process #process-tn, #design-and-build-process #process-tn, #ballpark-remodeling-and-renovation-estimates #process-tn, #design-phase-for-remodeling-and-renovation #process-tn, #preparing-your-home-for-remodeling-and-renovation #process-tn, #construction-phase-for-remodeling-and-renovation #process-tn, #project-completion-phase #process-tn, #portfolio #portfolio-tn, #jim-and-judys-exterior-makeover-project #portfolio-tn, #jim-and-judys-kitchen-remodel-project #portfolio-tn, #christine-and-ketan-replace-their-outdated-kitchen #portfolio-tn, #lora-and-ewans-historic-attic-renovation-project #portfolio-tn, #jeff-and-janes-custom-screened-porch-addition #portfolio-tn, #michael-and-merediths-master-suite-remodel #portfolio-tn, #ethels-in-law-suite-addition #portfolio-tn, #jeff-and-janes-new-kitchen #portfolio-tn, #steve-and-debbies-screened-porch-addition-project #portfolio-tn, #renovation-and-remodeling-resources #resources-tn, #case-studies #resources-tn, #remodeling-and-renovation-podcasts #resources-tn, #pricing-options #resources-tn, #green-building-remodeling-and-renovations #resources-tn, #construction-terms #resources-tn, #coping-with-a-remodel-and-renovation #resources-tn, #vendors-and-affiliates #resources-tn, #newsletter-sign-up #resources-tn, #preparing-for-home-remodeling #resources-tn, #construction #resources-tn, #project-completion #resources-tn, #about-us #about-us-tn, #overview-and-mission #about-us-tn, #awards-and-accolades #about-us-tn, #industry-and-professional-affiliations #about-us-tn, #press-releases #about-us-tn, #press-release #about-us-tn, #contact-us #contact-us-tn, a.topnav-selected { background-color: #869ac8; } #remodeling-for-porches-and-entryways #remodeling-for-porches-and-entryways-ln, #screened-porch-remodeling-and-renovations #screened-porch-remodeling-and-renovations-ln, #kitchen-remodeling-and-renovations #kitchen-remodeling-and-renovations-ln, #bathroom-remodeling-and-renovations #bathroom-remodeling-and-renovations-ln, #master-suite-remodeling-and-renovations #master-suite-remodeling-and-renovations-ln, #attic-remodeling-and-renovations #attic-remodeling-and-renovations-ln, #designing-and-building-home-additions #designing-and-building-home-additions-ln, #exterior-makeovers-and-renovations #exterior-makeovers-and-renovations-ln, #certified-aging-in-place-specialists-caps #certified-aging-in-place-specialists-caps-ln, #exterior-improvement #exterior-improvement-ln, #siding-exterior-home-improvement #siding-exterior-home-improvement-ln, #new-roofs-using-quality-roof-materials #new-roofs-using-quality-roof-materials-ln, #durable-and-attractive-window-replacements #durable-and-attractive-window-replacements-ln, #energy-efficient-exterior-door-replacement #energy-efficient-exterior-door-replacement-ln, #priming-painting-and-trim-with-low-maintenance #priming-painting-and-trim-with-low-maintenance-ln, #contract-maintenance #contract-maintenance-ln, #process #process-ln, #design-and-build-process #design-and-build-process-ln, #ballpark-remodeling-and-renovation-estimates #ballpark-remodeling-and-renovation-estimates-ln, #design-phase-for-remodeling-and-renovation #design-phase-for-remodeling-and-renovation-ln, #preparing-your-home-for-remodeling-and-renovation #preparing-your-home-for-remodeling-and-renovation-ln, #construction-phase-for-remodeling-and-renovation #construction-phase-for-remodeling-and-renovation-ln, #project-completion-phase #project-completion-phase-ln, #portfolio #portfolio-ln, #jim-and-judys-exterior-makeover-project #jim-and-judys-exterior-makeover-project-ln, #jim-and-judys-kitchen-remodel-project #jim-and-judys-kitchen-remodel-project-ln, #christine-and-ketan-replace-their-outdated-kitchen #christine-and-ketan-replace-their-outdated-kitchen-ln, #lora-and-ewans-historic-attic-renovation-project #lora-and-ewans-historic-attic-renovation-project-ln, #jeff-and-janes-custom-screened-porch-addition #jeff-and-janes-custom-screened-porch-addition-ln, #michael-and-merediths-master-suite-remodel #michael-and-merediths-master-suite-remodel-ln, #ethels-in-law-suite-addition #ethels-in-law-suite-addition-ln, #jeff-and-janes-new-kitchen #jeff-and-janes-new-kitchen-ln, #steve-and-debbies-screened-porch-addition-project #steve-and-debbies-screened-porch-addition-project-ln, #renovation-and-remodeling-resources #renovation-and-remodeling-resources-ln, #case-studies #case-studies-ln, #remodeling-and-renovation-podcasts #remodeling-and-renovation-podcasts-ln, #pricing-options #pricing-options-ln, #green-building-remodeling-and-renovations #green-building-remodeling-and-renovations-ln, #construction-terms #construction-terms-ln, #coping-with-a-remodel-and-renovation #coping-with-a-remodel-and-renovation-ln, #vendors-and-affiliates #vendors-and-affiliates-ln, #newsletter-sign-up #newsletter-sign-up-ln, #preparing-for-home-remodeling #preparing-for-home-remodeling-ln, #construction #construction-ln, #project-completion #project-completion-ln, #about-us #about-us-ln, #overview-and-mission #overview-and-mission-ln, #awards-and-accolades #awards-and-accolades-ln, #industry-and-professional-affiliations #industry-and-professional-affiliations-ln, #press-releases #press-releases-ln, #press-release #press-releases-ln, #contact-us #contact-us-ln { background-color: #869ac8; color: white; }