body {text-align:center;margin-top:0px;background-color:#2F2A20;font-family:VERDANA;font-size:80%;margin-bottom:0px;} a {text-decoration:none;color:#0E3546;} a:hover {text-decoration:underline;} /* Main Content Container */ #content{margin:auto;width:960px;background-color:#C6B89B;} /* Header Container */ #header{background-image:url("../images/fullpage.jpg");background-repeat:no-repeat;height:100px;margin-top:0px;} /* Main Container*/ #main {background-image:url("../images/1px.jpg");width:960px;} #mainContent {background-image:url("../images/fullpage.jpg");background-position:0px -218px;background-repeat:no-repeat;text-align:left;padding:50px;padding-top:30px;margin:0px;padding-bottom:0px;} /* Footer */ #footer {background-image:url("../images/fullpage.jpg");background-position:0px -135px;text-align:center;height:80px;width:960px;color:#fff;font-size:75%;} #copywright {padding-top:50px;} #footerImages {margin-top:-25px;float:right;margin-right:10px;} /* Main Page area */ #page {margin:0px;padding:0px;margin-top:-246px;float:right;background-repeat:no-repeat;background-position:0px 0px;width:475px;padding-top:50px;margin-right:15px;} #page #data {margin-left:15px;margin-right:15px;} /* Page Overflow handling */ #buffer {float:left;height:400px;width:1px;} #clear {clear:both;height:1px;overflow:hidden;} /* Home page content */ #mainpage {margin-top:30px; margin-left:20px;} #leftColumn { padding:0px; margin:0px; /*background-image:url(../images/HeaderSmall.jpg);*/ background-repeat:no-repeat; background-position:-13px 0px; width:260px; padding-top:0px; float:left; margin-left:-25px; } #leftColumn a{color:#0E3546;font-weight:bold;} #leftColumnContent { margin-left:0px; width:260px; text-align:left; font-family:VERDANA; font-size:85%; } #rightColumn { padding:0px; margin:0px; /*background-image:url(../images/HeaderMedium.jpg);*/ background-repeat:no-repeat; padding-top:0px; background-position:-13px 0px; width:600px; float:left; margin-left:0px; margin-right:0px; } #mainPageData {margin-left:30px;margin-right:0px;padding-top:0px;} #rightColumn table {margin-left:0px;} #rightColumn table td{font-family:VERDANA;font-size:95%; vertical-align:top;} #presstext td{font-family:VERDANA;font-size:80%; vertical-align:top;} #ProjectsProject{font-weight:bold;} #ProjectsLocation{font-style:italic;} /* Fonts */ table.controltable td{font-family:VERDANA;font-size:70%;} /***TRENT***/ #header { background-image: url("../images/header.jpg"); background-color: #164F6A; height: 113px; } #info {margin-top: 80px; float: right; } #info h3 {margin-bottom:200px;} /* style the outer div to give it width */ .menu {height:30px;font-size:0.85em;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:150px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li { float:left;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; height:30px; border:0px solid #fff; border-width:0px 0px 0 0; background:#164F6A; padding-left:10px; line-height:29px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:150px;} /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#949e7c;} /* style the second level hover */ .menu ul ul a.drop:hover {background:#c9ba65;} .menu ul ul :hover > a.drop {background:#c9ba65;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;} /* style the third level hover */ .menu ul ul ul a:hover{background:#b2ab9b;} .menu ul ul ul :hover > a {background:#b2ab9b;} /* style the table so that it takes no part in the layout - required for IE to work */ .menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;bottom:30px;left:0; width:150px;} * html .menu ul ul {bottom:30px;} /* position the third level flyout menu */ .menu ul ul ul{left:150px; bottom:0;width:150px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-150px;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#d4d8bd;color:#000; height:auto; line-height:1em; /*padding:5px 10px; */width:129px;/* yet another hack for IE5.5 */} * html .menu ul ul a{width:150px;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;} .menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;height:auto;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{display:none;} /* keep the fourth level hidden when you hover on second level list OR link */ .menu ul :hover ul :hover ul ul{display:none;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ display:block;bottom:0;} /* make the fourth level visible when you hover over third level list OR link */ .menu ul :hover ul :hover ul :hover ul { display:block;bottom:0;} #home_menu { background: transparent url("../images/header_home.jpg") 0 0 no-repeat; width:74px;} #home_menu:hover { background: transparent url("../images/header_home.jpg") 0 -30px no-repeat; } #services_menu { background: transparent url("../images/header_services.jpg") 0 0 no-repeat; width:102px;} #services_menu:hover { background: transparent url("../images/header_services.jpg") 0 -30px no-repeat; } #residential_submenu { background: transparent url("../images/header_residential.jpg") 0 0 no-repeat; height: 20px; } #residential_submenu:hover { background: transparent url("../images/header_residential.jpg") 0 -20px no-repeat; height: 20px; } #commercial_submenu { background: transparent url("../images/header_commercial.jpg") 0 0 no-repeat; height: 20px; } #commercial_submenu:hover { background: transparent url("../images/header_commercial.jpg") 0 -20px no-repeat; height: 20px; } #independent_living_submenu { background: transparent url("../images/header_independentliving.jpg") 0 0 no-repeat; height: 20px; } #independent_living_submenu:hover { background: transparent url("../images/header_independentliving.jpg") 0 -20px no-repeat; height: 20px; } #about_us_menu { background: transparent url("../images/header_aboutus.jpg") 0 0 no-repeat; width:108px;} #about_us_menu:hover { background: transparent url("../images/header_aboutus.jpg") 0 -30px no-repeat; } #news_submenu { background: transparent url("../images/header_newsandevents.jpg") 0 0 no-repeat; height: 20px; } #news_submenu:hover { background: transparent url("../images/header_newsandevents.jpg") 0 -20px no-repeat; height: 20px; } #management_bios_submenu { background: transparent url("../images/header_managementbios.jpg") 0 0 no-repeat; height: 20px; } #management_bios_submenu:hover { background: transparent url("../images/header_managementbios.jpg") 0 -20px no-repeat; height: 20px; } #industry_submenu { background: transparent url("../images/header_industrypartners.jpg") 0 0 no-repeat; height: 20px; } #industry_submenu:hover { background: transparent url("../images/header_industrypartners.jpg") 0 -20px no-repeat; height: 20px; } #contact_menu { background: transparent url("../images/header_contact.jpg") 0 0 no-repeat; width:105px;} #contact_menu:hover { background: transparent url("../images/header_contact.jpg") 0 -30px no-repeat; } /***TRENT***/ /* MAIN LEFT NAV */ #MainLeftNav {margin:0px;padding:0px;text-align:center;padding-top:0px;margin-top:0px;} #MainLeftNav ul {list-style-type:none;margin:0px;padding:0px;} #MainLeftNav ul li {display:inline;padding:0px;margin:0px;padding-left:0px;padding-right:0px;} #MainLeftNav li img {height:100px;width:260px;border:none;background-repeat:no-repeat;} #MainLeftNav li a:hover img {background-position:0px -100px;} #MainLeftNav #residentialService img {background-image:url("../images/service_residential.jpg");} #MainLeftNav #commercialService img {background-image:url("../images/service_commercial.jpg");} #MainLeftNav #independentService img {background-image:url("../images/service_independentliving.jpg");} /* SERVICES LEFT NAV */ #ServicesLeftNav {margin:-10px;padding:0px;text-align:center;padding-top:0px;margin-top:0px;} #ServicesLeftNav ul {list-style-type:none;margin:0px;padding:0px;} #ServicesLeftNav ul li {display:inline;padding:0px;margin:0px;padding-left:0px;padding-right:0px;} #ServicesLeftNav li img {height:40px;width:260px;border:none;background-repeat:no-repeat;} #ServicesLeftNav li a:hover img {background-position:0px -40px;} #ServicesLeftNav #monitorLeftNav img {background-image:url("../images/service_controlandmonitoring.jpg");} #ServicesLeftNav #theaterLeftNav img {background-image:url("../images/service_hometheater.jpg");} #ServicesLeftNav #houseaudiovideoLeftNav img {background-image:url("../images/service_wholehouseaudiovideo.jpg");} #ServicesLeftNav #climateLeftNav img {background-image:url("../images/service_climatecontrol.jpg");} #ServicesLeftNav #shadingLeftNav img {background-image:url("../images/service_shadingsolutions.jpg");} #ServicesLeftNav #energyLeftNav img {background-image:url("../images/service_energymanagement.jpg");} #ServicesLeftNav #lightingLeftNav img {background-image:url("../images/service_lightingcontrol.jpg");} #ServicesLeftNav #securityLeftNav img {background-image:url("../images/service_securityandsurveillance.jpg");} #ServicesLeftNav #vacuumLeftNav img {background-image:url("../images/service_centralvacuum.jpg");} #ServicesLeftNav #wiringLeftNav img {background-image:url("../images/service_structuredwiring.jpg");} #ServicesLeftNav #designLeftNav img {background-image:url("../images/service_designandinstallation.jpg");} #ServicesLeftNav #audiovideoLeftNav img {background-image:url("../images/service_distributedaudiovideo.jpg");} #ServicesLeftNav #conferenceLeftNav img {background-image:url("../images/service_conferencerooms.jpg");} #ServicesLeftNav #communicationLeftNav img {background-image:url("../images/service_communications.jpg");} #ServicesLeftNav #sensorLeftNav img {background-image:url("../images/service_sensorsandmonitoring.jpg");} #ServiceText15Pixel{padding-left:15px;padding-top:0px;} #ServiceImage12Pixel{padding-left:12px;padding-top:0px;} #ServicesContentTopHeader{margin-top:0px;} #ServicesContentHeaders{margin-top:-15px;} #ServicesContentParagraphs{margin-top:-15px;padding-left:25px;} #navHeaderSubHeader{position:relative;left:-3px;top:36px;text-align:left;} #imageHeader{margin-top:-3px;margin-bottom:-33px;} #imageHeaderFlashNoNav{margin-top:0px;margin-bottom:0px;} /** Bottom Nav Layout **/ #info2 {position: relative; top: 30px;} #info2 h3 {margin-bottom:200px;} /* style the outer div to give it width */ .menu2 {width:960px;height:30px;font-size:0.85em;} /* remove all the bullets, borders and padding from the default list styling */ .menu2 ul {padding:0;margin:0;list-style-type:none;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu2 li { float:left;position:relative;} /* style the links for the top level */ .menu2 a, .menu2 a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; height:30px; border:0px solid #fff; border-width:0px 0px 0 0; background:#164F6A; padding-left:10px; line-height:29px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu2 a, * html .menu2 a:visited {width:150px;} /* style the table so that it takes no part in the layout - required for IE to work */ .menu2 table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;} /* style the top level hover */ .menu2 a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;} .menu2 :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;} /* make the second level visible when hover on first level list OR link */ .menu2 ul li:hover ul, .menu ul a:hover ul{visibility:visible;height:auto;} /* keep the third level hidden when you hover on first level list OR link */ .menu2 ul :hover ul ul{display:none;} /* keep the fourth level hidden when you hover on second level list OR link */ .menu2 ul :hover ul :hover ul ul{display:none;} /* make the third level visible when you hover over second level list OR link */ .menu2 ul :hover ul :hover ul{ display:block;bottom:0;} /* make the fourth level visible when you hover over third level list OR link */ .menu2 ul :hover ul :hover ul :hover ul { display:block;bottom:0;} /** Bottom Nav Buttons **/ #residential_header_menu {background:transparent url("../images/subheader_residential.jpg") 0 0 no-repeat; width:528px;} #commercial_header_menu {background:transparent url("../images/subheader_commercial.jpg") 0 0 no-repeat; width:528px;} #independent_header_menu {background:transparent url("../images/subheader_independentliving.jpg") 0 0 no-repeat; width:528px;} #projects_menu { background: transparent url("../images/subheader_projects.jpg") 0 0 no-repeat; width:79px;} #projects_menu:hover { background: transparent url("../images/subheader_projects.jpg") 0 -30px no-repeat; } #packages_menu { background: transparent url("../images/subheader_packages.jpg") 0 0 no-repeat; width:80px;} #packages_menu:hover { background: transparent url("../images/subheader_packages.jpg") 0 -30px no-repeat; } #testimony_menu { background: transparent url("../images/subheader_testimonials.jpg") 0 0 no-repeat; width:100px;} #testimony_menu:hover { background: transparent url("../images/subheader_testimonials.jpg") 0 -30px no-repeat; } #product_menu { background: transparent url("../images/subheader_productlinks.jpg") 0 0 no-repeat; width:100px;} #product_menu:hover { background: transparent url("../images/subheader_productlinks.jpg") 0 -30px no-repeat; } #empty_menu {background:transparent url("../images/bottomnavspacer.jpg") 0 0 no-repeat; width:5px;}