/* ------------------------------------------------------------------- */ /* FIXES */ /* ------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* ------------------------------------------------------------------- */ /* GLOBAL RESET */ /* ------------------------------------------------------------------- */ * {margin: 0;padding: 0; } *:focus {outline: none} h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; } li, dd { margin-left:5%; } div, span { margin:0; padding:0; } fieldset { padding: .5em; } /* EMS */ body { font-size:62.5%; } input, select, th, td { font-family:Arial, Helvetica, Sans-serif; font-size:1em; } h1, h2, h3, h4, li li, li p, li, p, td p, blockquote p { font-size:1em; padding:0; margin:0; } p { margin:0px 0px 10px 0px; padding-right:20px; } h1 { font-size:2em; margin:0; padding:0; } /* displayed at 24px */ h2 { font-size:1.5em; } /* displayed at 18px */ h3 { font-size:1.25em; } /* displayed at 15px */ h4 { font-size:1em; } /* displayed at 12px */ /* ------------------------------------------------------------------- */ /* GLOBAL */ /* ------------------------------------------------------------------- */ body { font-family:Arial, Helvetica, Sans-serif; background:#ffffff url(../grfx/layout/bg.gif) repeat-x 0 0; text-align:center; } img { border: 0; } #Website-Logo-Wrapper { width:249px; float:left ; } #Website-Logo { padding:23px 0px 0px 0px; margin:0px 0px 0px 0px; width:249px; } #Website-Logo a { background:url(../grfx/layout/caparo-dynamics.gif) no-repeat; text-decoration:none; display:block; width:249px; height:43px; } #Website-Logo a span { display:none; } #Global-Tel-No-Container { float:right; text-indent:-9999px; display:block; width:186px; margin:21px 0px 0px 0px; height:38px; background:url(../grfx/layout/telephone-number.gif) no-repeat top left; } /* ------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------- */ #Site-Wrapper { width:100%; text-align:center; background:url(../grfx/layout/content-bg.gif) no-repeat center top; } #Body-Wrapper { width:812px; margin:0 auto; text-align:left; min-height:600px; margin-top:34px; } #Layout1-ColB-Wrapper { margin:0 auto; text-align:left; width:802px; margin: 0px 0px 0px 10px; } /* ------------------------------------------------------------------- */ /* FOOTER */ /* ------------------------------------------------------------------- */ #Footer-Navigation-Container { margin:0 auto; margin-top:10px; text-align:left; background:url(../grfx/layout/footer.gif) no-repeat top left; width:784px; height:68px; clear:both; color:#5b5b5b; position:relative; } #Footer-Navigation-Container a, #Footer-Navigation-Container a:visited { text-decoration:none; color:#5b5b5b; } #Footer-Navigation-Container a:hover { color:#333333; } #Footer-Copyright-Wrapper { position:absolute; right:0; padding:9px 0px 0px 0px; } #Footer-Navigation-Wrapper { margin:0px 0px 0px 230px; } #Footer-Business-Logo { display:none; } #Footer-Contact-Details-Wrapper { position:absolute; margin:49px 0px 0px 10px; height:12px; } #Footer-Company-Details-Wrapper { position:absolute; margin:35px 0px 0px 10px; height:12px; } #Footer-Links-Wrapper { height:26x; overflow:hidden; position:absolute; } #Footer-Links-Wrapper ul { margin:0px 0px 0px 0px; padding:0; } #Footer-Links-Wrapper li { position:relative; list-style:none; float:left; margin:0; padding:0; } #Footer-Links-Wrapper ul li a, #Footer-Links-Wrapper ul li a:visited { float:left; display:block; height:17px; background:url(../grfx/navigation/footer-link.gif) no-repeat top right; text-transform:uppercase; padding:9px 8px 0px 8px; font-size:0.9em; } #Footer-Links-Wrapper ul li a:hover { } #Footer-Author-Wrapper { float:right; padding:0; margin:28px 0px 0px 0px; clear:both; } #Footer-Author-Wrapper a { background:url(../grfx/navigation/media-52.gif) no-repeat top right; display:block; width:126px; height:40px; text-indent:-9999px; } /* ------------------------------------------------------------------- */ /* NAVIGATION */ /* ------------------------------------------------------------------- */ #Header-Wrapper { margin: 0px 0px 0px 0px; } #Primary-Navigation-Wrapper { clear:both; height:55px; overflow:hidden; position:relative; z-index:0; } #Primary-Navigation-Wrapper ul { margin:3px 0px 0px 0px; padding:0; position:relative; } #Primary-Navigation-Wrapper li { list-style:none; float:left; margin:0; padding:0; background-repeat:no-repeat; background-position:top right; } #Primary-Navigation-Wrapper ul li a, #Primary-Navigation-Wrapper ul li a:visited { float:left; display:block; height:55px; text-indent:-9999px; } #Primary-Navigation-Wrapper ul li a:hover { background:url(../grfx/navigation/active.gif) no-repeat bottom center; } #Primary-Navigation-Wrapper ul li a.active, #Primary-Navigation-Wrapper ul li a.active:hover { background:url(../grfx/navigation/active.gif) no-repeat bottom center; } #Primary-Navigation-Wrapper ul li.HOME-active, #Primary-Navigation-Wrapper ul li.HOME { background-image:url(../grfx/navigation/home.gif); } #Primary-Navigation-Wrapper ul li.HOME-active a, #Primary-Navigation-Wrapper ul li.HOME a { width:53px; } #Primary-Navigation-Wrapper ul li.HOME a:hover, #Primary-Navigation-Wrapper ul li a.HOME-active, #Primary-Navigation-Wrapper ul li a.HOME-active:hover { background-position: 10px bottom; } #Primary-Navigation-Wrapper ul li.PRODUCTS-active, #Primary-Navigation-Wrapper ul li.PRODUCTS { background-image:url(../grfx/navigation/products.gif); } #Primary-Navigation-Wrapper ul li.PRODUCTS-active a, #Primary-Navigation-Wrapper ul li.PRODUCTS a { width:98px; } #Primary-Navigation-Wrapper ul li.SERVICES-active, #Primary-Navigation-Wrapper ul li.SERVICES { background-image:url(../grfx/navigation/services.gif); } #Primary-Navigation-Wrapper ul li.SERVICES-active a, #Primary-Navigation-Wrapper ul li.SERVICES a { width:92px; } #Primary-Navigation-Wrapper ul li.QUALITY-AND-STANDARDS-active, #Primary-Navigation-Wrapper ul li.QUALITY-AND-STANDARDS { background-image:url(../grfx/navigation/quality-and-standards.gif); } #Primary-Navigation-Wrapper ul li.QUALITY-AND-STANDARDS-active a, #Primary-Navigation-Wrapper ul li.QUALITY-AND-STANDARDS a { width:167px; } #Primary-Navigation-Wrapper ul li.NEWS-AND-EVENTS-active, #Primary-Navigation-Wrapper ul li.NEWS-AND-EVENTS { background-image:url(../grfx/navigation/news-and-events.gif); } #Primary-Navigation-Wrapper ul li.NEWS-AND-EVENTS-active a, #Primary-Navigation-Wrapper ul li.NEWS-AND-EVENTS a { width:130px; } #Primary-Navigation-Wrapper ul li.AGENTS-active, #Primary-Navigation-Wrapper ul li.AGENTS { background-image:url(../grfx/navigation/agents.gif); } #Primary-Navigation-Wrapper ul li.AGENTS-active a, #Primary-Navigation-Wrapper ul li.AGENTS a { width:86px; } #Primary-Navigation-Wrapper ul li.ABOUT-US-active, #Primary-Navigation-Wrapper ul li.ABOUT-US { background-image:url(../grfx/navigation/about-us.gif); } #Primary-Navigation-Wrapper ul li.ABOUT-US-active a, #Primary-Navigation-Wrapper ul li.ABOUT-US a { width:96px; } #Primary-Navigation-Wrapper ul li.CONTACT-US-active, #Primary-Navigation-Wrapper ul li.CONTACT-US { background-image:url(../grfx/navigation/contact-us.gif); background-position:top left; } #Primary-Navigation-Wrapper ul li.CONTACT-US-active a, #Primary-Navigation-Wrapper ul li.CONTACT-US a { width:90px; } #Primary-Navigation-Wrapper ul li.CONTACT-US a:hover, #Primary-Navigation-Wrapper ul li a.CONTACT-US-active, #Primary-Navigation-Wrapper ul li a.CONTACT-US-active:hover { background-position: 50px bottom; } /* ------------------------------------------------------------------- */ /* SUB NAVIGATION */ /* ------------------------------------------------------------------- */ #Primary-Navigation-Wrapper ul li ul { display:none; } #Primary-Navigation-Wrapper ul li.active ul { margin:0px 0px 0px 0px; position:absolute; padding:0; top:55px; display:block; width:800px; left:0px; } #Primary-Navigation-Wrapper ul li.active ul li { position:relative; list-style:none; float:left; margin:0; padding:0; background-repeat:no-repeat; background-position:top right; } #Primary-Navigation-Wrapper ul li.active ul li a, #Primary-Navigation-Wrapper ul li.active ul li a:visited { float:left; display:block; height:23px; vertical-align:middle; text-decoration:none; color:#FFFFFF; padding:12px 10px 0px 10px; text-indent:0; width:auto; } #Primary-Navigation-Wrapper ul li.active ul li.first a, #Primary-Navigation-Wrapper ul li.active ul li.first a:visited { padding-left:0px; } #Primary-Navigation-Wrapper ul li.active ul li a:hover { background:url(../grfx/navigation/sub-link-over.gif) repeat-x top left; } #Primary-Navigation-Wrapper ul li.active ul li a.active, #Primary-Navigation-Wrapper ul li.active ul li a.active:hover { background:url(../grfx/navigation/sub-link-active.gif) no-repeat bottom center; }