/*------------------------------------------------------------------- Structural Styles -------------------------------------------------------------------*/ html { height: 100%; } body { background: #7F3C21; color: #000000; font: 76% Arial,Helvetica,sans-serif; height: 100%; margin: 0; padding: 0; } #fdn { #position: relative; display: table; height: 100%; overflow: hidden; width: 100%; } #tbl-fdn { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; width: 100%; } #elements { #position: relative; #top: -50%; background: url(../images/bg.gif) repeat-x; height: 425px; width: 100%; } #mast { #text-align: right; border-right: 1px solid #6F4D18; float: left; height: 100%; margin: 0; padding: 0; text-align: -moz-right; #text-align: right; width: 15%; } #section-nav { background: url(../images/section-nav-bg.gif) no-repeat 0 35px; height: 85px; margin-left: 15%; } #content { height: 235px; margin-left: 15%; overflow: visible; text-align: center; } .bg-norm { background: url(../images/bg-logo-norm-a.gif) no-repeat top left; } .bg-mod { background: url(../images/bg-logo-modi-b.gif) no-repeat top left; } #copyright { background: url(../images/logo.gif) no-repeat; height: 30px; margin-left: 15%; } #main-nav { height: 75px; text-align: -moz-right; #text-align: right; } iframe { background: transparent; color: #000000; height: 90%; margin: 10px; width: 90%; } #footer { clear: both; height: 50px; margin-top: 5px; padding: 0; position: absolute; text-align: center; width: 100%; } #footer p { color: #E7DBCD; font-size: 0.85em; margin: 0; padding: 0; } #footer a:hover { border-bottom: 1px dotted #4C94FF; color: #4C94FF; text-decoration: none; } /*------------------------------------------------------------------- Masthead -------------------------------------------------------------------*/ #mast h1 { height: 265px; margin: 0; margin-top: 85px; padding: 0; width: 50px; } #mast h1.who { background: url(../images/mast-who.png) no-repeat; } #mast h1.what { background: url(../images/mast-what.png) no-repeat; } #mast h1.why { background: url(../images/mast-why.png) no-repeat; } /*------------------------------------------------------------------- unfiled -------------------------------------------------------------------*/ #main-nav { #text-align: right; background: url(../images/logo-btm-bg.gif) top left no-repeat; margin-left: 15%; text-align: -moz-right; } /*------------------------------------------------------------------- Section Navigation General Styles -------------------------------------------------------------------*/ #nav-list { height: 35px; margin: 0 10px; padding: 0; position: relative; top: 50px; } #nav-list li { border-right: 1px dotted #000000; list-style: none; margin: 0; padding: 0; position: absolute; top: 0; } #nav-list li, #nav-list a { display: block; height: 35px; padding: 0; } /*------------------------------------------------------------------- Section Navigation Styles - WHO - 7px added to left position to move dotted divider to the right - 5px added to width to increase padding -------------------------------------------------------------------*/ #nav-who-apb { background: url(../images/who-apb-c.png) no-repeat; left: 0px; width: 122px; } #nav-who-consultants { background: url(../images/who-consultants-c.png) no-repeat; left: 129px; width: 92px; } #nav-who-contact { background: url(../images/who-contact-c.png) no-repeat; left: 228px; width: 62px; } #nav-who-partners { background: url(../images/who-partners-c.png) no-repeat; left: 297px; width: 68px; } #nav-who-apb a:hover { background: url(../images/who-apb-c.png) no-repeat 0 -35.5px; } #nav-who-consultants a:hover { background: url(../images/who-consultants-c.png) no-repeat 0 -35.5px; } #nav-who-contact a:hover { background: url(../images/who-contact-c.png) no-repeat 0 -35.5px; } #nav-who-partners a:hover { background: url(../images/who-partners-c.png) no-repeat 0 -35.5px; } /*------------------------------------------------------------------- Section Navigation Styles - WHAT - 7px added to left position to move image to the right - 5px added to width to increase padding -------------------------------------------------------------------*/ #nav-what-capabilities { background: url(../images/what-capabilities-c.png) no-repeat; left: 0px; width: 84px; } #nav-what-process { background: url(../images/what-process-c.png) no-repeat; left: 91px; width: 62px; } #nav-what-assessments { background: url(../images/what-assessments-c.png) no-repeat; left: 160px; width: 96px; } #nav-what-clients { background: url(../images/what-clients-c.png) no-repeat; left: 263px; width: 55px; } #nav-what-capabilities a:hover { background: 0 -35.5px url(../images/what-capabilities-c.png) no-repeat; } #nav-what-process a:hover { background: 0 -35.5px url(../images/what-process-c.png) no-repeat; } #nav-what-assessments a:hover { background: url(../images/what-assessments-c.png) no-repeat 0 -35.5px; } #nav-what-clients a:hover { background: 0 -35.5px url(../images/what-clients-c.png) no-repeat; } /*------------------------------------------------------------------- Section Navigation Styles - WHY - 7px added to left position to move image to the right - 5px added to width to increase padding -------------------------------------------------------------------*/ #nav-why-mission { background: url(../images/why-mission-c.png) no-repeat; left: 0px; width: 55px; } #nav-why-values { background: url(../images/why-values-c.png) no-repeat; left: 62px; width: 52px; } #nav-why-background { background: url(../images/why-background-c.png) no-repeat; left: 121px; width: 90px; } #nav-why-mission a:hover { background: url(../images/why-mission-c.png) no-repeat 0 -35.5px; } #nav-why-values a:hover { background: url(../images/why-values-c.png) no-repeat 0 -35.5px; } #nav-why-background a:hover { background: url(../images/why-background-c.png) no-repeat 0 -35.5px; } /*------------------------------------------------------------------- Main Navigation General Styles -------------------------------------------------------------------*/ #nav-main { height: 50px; margin: 0 20px; padding: 0; position: relative; top: 25px; width: 300px; } #nav-main li { list-style: none; margin: 0; margin-left: 5px; padding: 0; position: absolute; top: 0; } #nav-main li, #nav-main a { display: block; height: 50px; padding: 0; } #main-nav-who { background: url(../images/main-who-c.png) no-repeat; right: 137px; width: 59px; } #main-nav-what { background: url(../images/main-what-c.png) no-repeat; right: 62px; width: 66px; } #main-nav-why { background: url(../images/main-why-c.png) no-repeat; right: 0; width: 54px; } #main-nav-who a:hover { background: 0 -50px url(../images/main-who-c.png) no-repeat; } #main-nav-what a:hover { background: 0 -50px url(../images/main-what-c.png) no-repeat; } #main-nav-why a:hover { background: 0 -50px url(../images/main-why-c.png) no-repeat; } /*------------------------------------------------------------------- unfiled -------------------------------------------------------------------*/ #footer a:active, #footer a:link, #footer a:visited { color: #4C94FF; text-decoration: none; } #mast h1 span, #copyright hr, #nav-list a span, #main-nav a span { display: none; }