/* Iron Mountain CRM */ /* Layout and Navigation */ /* Genuine Interactive */ body { font-family: Arial, Helvetica, sans-serif; font-size: 75%; } body.phase { background: #fff url(http://img.en25.com/eloquaimages/clients/IronMountain/{3bc045b9-3f19-4f1e-ac6b-3805a30e8c77}_body-bg-phase.jpg) no-repeat center 124px; } body.learn-more { background: #fff url(http://img.en25.com/eloquaimages/clients/IronMountain/{7905449b-b382-4c1f-b511-0cb295c88fdd}_body-bg-learn-more.jpg) no-repeat center 124px; } /* layout */ #container { width: 960px; margin: 0 auto; } #header { position: relative; height: 124px; } #content-container { padding: 0 13px; background: url(http://img.en25.com/eloquaimages/clients/IronMountain/{b4fb5740-7569-413a-8115-fc4b8792b4a6}_content-area-shadow.png); } #content { padding-top: 25px; background: url(http://img.en25.com/eloquaimages/clients/IronMountain/{60373ee8-9c07-4062-9444-e59cc9ba193a}_content-area-trans.png) repeat-x; } #content-inner { background: url(http://img.en25.com/eloquaimages/clients/IronMountain/{a1debfd3-a3d8-4f98-9b1d-e123bdd67826}_vertical-dash.gif) repeat-y 647px 0px; min-height: 300px; overflow: hidden; } #content-left { float: left; padding-left: 17px; width: 600px; } #content-right { float: right; padding-right: 23px; width: 232px; } #content-container-bottom { height: 35px; background: url(http://img.en25.com/eloquaimages/clients/IronMountain/{44bf9e62-48f7-4ccc-9437-e10d4028ca96}_content-area-shadow-bottom.png) no-repeat; } /* homepage layout */ #flash-placeholder { height: 400px; margin-top: 13px; } #home-content { height: 269px; padding: 17px; margin-top: -17px; position: relative; background: url(http://img.en25.com/eloquaimages/clients/IronMountain/{13af609f-52ee-4c4e-a4da-d65360fba5d4}_home-content-bg.png); } #home-content-left { float: left; width: 295px; padding: 15px 0 0 14px; } #home-content-mid { float: left; width: 278px; padding: 15px 0 0 46px; } #home-content-right { float: right; width: 200px; padding: 15px 50px 0 0; } /* elements inside #header */ #site-logo { margin: 72px 0 0; } #user-links { position: absolute; right: 20px; top: 8px; width: 300px; } #user-links span, #user-links a:link, #user-links a:visited { float: right; font-size: .75em; font-weight: normal; line-height: 1.1; color: #696969; } #user-links a:hover { text-decoration: underline; } #user-links .welcome, #user-links .profile-link { margin-right: 23px; } /* title and nav */ #title-and-nav { position: absolute; left: 257px; top: 37px; height: 76px; } #title-and-nav #site-title { display: block; height: 35px; padding-left: 11px; line-height: 35px; font-size: 1.73em; font-weight: bold; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: #008a70; } #title-and-nav #site-nav { height: 28px; margin-top: 12px; width: 703px; } #title-and-nav #site-nav li { float: left; width: 165px; margin-right: 10px; } #title-and-nav #site-nav li a { float: left; height: 21px; padding-top: 7px; width: 165px; font-size: 1.25em; font-weight: bold; letter-spacing: 0.04em; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; background: #8cba39; } /* dropdowns */ #title-and-nav #site-nav li .dropdown-content { display: none; float: left; margin-top: 12px; padding: 10px 8px 7px 12px; width: 145px; color: #fff; background: #74b242; box-shadow: 7px 7px 11px rgba(100,91,70,.5); -moz-box-shadow: 7px 7px 11px rgba(100,91,70,.5); -webkit-box-shadow: 7px 7px 11px rgba(100,91,70,.5); } #title-and-nav #site-nav li .dropdown-content .dropdown-head { margin-bottom: .5em; font-size: 1.5em; font-weight: bold; letter-spacing: 0.04em; text-transform: uppercase; } #title-and-nav #site-nav li .dropdown-content .dropdown-copy { margin-top: 1em; padding-top: 1em; font-size: 0.9em; line-height: 1.5; color: #fff; background: url(http://img.en25.com/eloquaimages/clients/IronMountain/{16e5dcf2-e31d-4b7a-81ec-c4ebcc8f1596}_dropdown-dots.png) no-repeat top left; } #title-and-nav #site-nav li:hover .dropdown-content, #title-and-nav #site-nav li.hover .dropdown-content { display: block; } /* specific nav items */ #title-and-nav #site-nav li#nav-phase-1:hover a, #title-and-nav #site-nav li#nav-phase-1.hover a, #title-and-nav #site-nav li#nav-phase-1 a.selected { background: #54b948; } #title-and-nav #site-nav li#nav-phase-2:hover a, #title-and-nav #site-nav li#nav-phase-2.hover a, #title-and-nav #site-nav li#nav-phase-2 a.selected { background: #c1cd23; } #title-and-nav #site-nav li#nav-phase-3:hover a, #title-and-nav #site-nav li#nav-phase-3.hover a, #title-and-nav #site-nav li#nav-phase-3 a.selected { background: #009f93; } /* #title-and-nav #site-nav li#nav-additional-resources a { padding-top: 10px; height: 18px; font-size: 0.98em; } */ #title-and-nav #site-nav li#nav-additional-resources:hover a, #title-and-nav #site-nav li#nav-additional-resources.hover a, #title-and-nav #site-nav li#nav-additional-resources a.selected { background: #015a49; } /* title extends to right */ #title-tail { position: absolute; right: 0px; top: 37px; height: 35px; width: 50%; background: #008a70; } /* second level nav */ #l2-nav { height: 50px; margin-top: 72px; padding-left: 13px; } #l2-nav li { float: left; } #l2-nav li a { float: left; width:160px; height: 25px; padding-top: 10px; margin: 8px 13px 0 0; font-size: 1.1em; letter-spacing: 0.03em; font-weight: bold; text-align: center; text-transform: uppercase; color: #008a70; background: transparent url(http://img.en25.com/eloquaimages/clients/IronMountain/{0bf01549-07d2-46c5-95f4-a82427ccfe87}_alpha-60.png); } #l2-nav li a.selected { height: 32px; margin: 0 0 0 -13px; padding: 18px 13px 0; background: transparent url(http://img.en25.com/eloquaimages/clients/IronMountain/{2414f627-b49e-4540-8569-3aaab0f9bf12}_l2-nav-on.png); } /* footer */ #footer { border-top: 2px solid #a7c3a5; padding: 6px 14px 0; margin-bottom: 75px; font-size: .75em; line-height: 1.8; color: #696969; } #footer #footer-left { float: left; width: 648px; } #footer #footer-right { float: right; width: 255px; } #footer a:link, #footer a:visited { color: #696969; font-weight: normal; } #footer a:hover { text-decoration: underline; }