body { margin: 0 auto; padding: 0; background: #fff; background-color: #fff; font: 12px/14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #000; } /* show only to win ie \*/ * html body { font: 76% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } * html body { font: 76% Verdana, Arial, Helvetica, sans-serif; } /* thanx ie */ #header { width: 100%; position: fixed; top: 0px; left: 0px; z-index: 100; } #header #headerpix { width: 768px; height: 84px; margin: 0 auto; background: url(pix/nav/header_gp.png) no-repeat top left; } /* show only to win ie \*/ * html #header #headerpix { background: url(pix/nav/header_gp.gif) no-repeat top left; } /* thanx ie */ #header #nav_misc { width: 760px; height: 56px; top: 0px; left: 4px; position: relative; } #header #nav_global { width: 760px; height: 20px; top: 0px; left: 4px; position: relative; } /* thanx ie */ #nav_misc img { display: block; height: 56px; overflow: hidden; } #nav_global a:link, #nav_global a:visited { position: absolute; display: block; height: 25px; overflow: hidden; background-repeat: no-repeat; background-position: 0% 0%; } /* thanx ie*/ /* #nav_global a:hover, #nav_global a:active, #nav_global a:focus { background-position: 0% 50%; } */ #nav_global a:hover, #nav_global a:active, #nav_global a:focus { background-position: left center; } #nav_works {background-image: url(pix/nav/nav_works.gif); width: 128px; left: 123px; top: 0px;} #nav_capabilities {background-image: url(pix/nav/nav_capabilities.gif); width: 128px; left: 251px; top: 0px;} #nav_stayfocused {background-image: url(pix/nav/nav_stayfocused.gif); width: 128px; left: 379px; top: 0px;} #nav_about {background-image: url(pix/nav/nav_about.gif); width: 128px; left: 507px; top: 0px;} /* thanx winie: the 3 normal/hover/pressed areas of a pix must not be 20px high as winie gets confused with background-position: 0% 100%; it works with a height of 25px surprisingly it works for apple with a height of 44px for defined in "http://www.apple.com/mightymouse/mightymouse.css" */ /* .loc_works #nav_global a#nav_works, .loc_capabilities #nav_global a#nav_capabilities, .loc_stayfocused #nav_global a#nav_stayfocused, .loc_about #nav_global a#nav_about {background-position: 0% 100%; } */ .loc_works #nav_global a#nav_works, .loc_capabilities #nav_global a#nav_capabilities, .loc_stayfocused #nav_global a#nav_stayfocused, .loc_about #nav_global a#nav_about {background-position: left bottom; } #all { width: 768px; text-align: left; margin: 0 auto; padding: 0; display: block; float: none; font-size: 1em; line-height: 1.4em; } /* - - - content - - - */ #content { width: 760px; margin: 0 auto; padding: 0; margin-top: 84px; } /* show only to win ie \*/ * html #content { margin-top: 0px; } /* thanx ie */ img.keyheadline { margin: 0; float: left; } img.keyimage { margin: 4px 0 8px 0; float: left; } img.keywork { margin: 4px 0 8px 0; float: left; } .colHorizNavi { clear: both; width: 760px; float: left; text-align: right; margin: 8px 0 8px 0; } /* .colHorizNavi { display: none; } */ .colHorizNavi p.top { margin: 0; } .colHorizNavi p.bottom { margin: 0; } /* margin-bottom: -4px does not render properly in win ie */ .groupFloat, .groupFloat2, .colNavi, .colContent, .colSidebar { float: left; } .colNavi { width: 120px; padding: 0 4px 0 0; } .colContent { width: 376px; padding: 0 4px 0 3px; } /* hide from mac ie \*/ .colContent { padding: 0 4px 0 4px; } /* thanx ie */ .colSidebar { width: 248px; padding: 0 0 0 4px; } .colHorizNavi a, .colContent a, .colContent2 a { text-decoration: none; color: #000; border-bottom: 1px dotted #000; } .colHorizNavi a:hover, .colHorizNavi a:focus, .colContent a:hover, .colContent a:focus, .colContent2 a:hover, .colContent2 a:focus { color: #ff8000; border-bottom: 1px dotted #ff8000; } #footer { width: 760px; margin: 0 auto; padding: 8px 4px 1em 4px; color: #ff8000; float: left; clear: both; } #footer .breadcrumbs { width: 760px; margin: 0; border-top: 1px solid #ff8000; } #footer a { text-decoration: none; color: #ff8000; } #footer a:hover, #footer a:focus { border-bottom: 1px dotted #ff8000; } #footer p { float: left; margin: 0; border: 0; width: 128px; } img.q_mini { float: left; margin: 2px 2px 0 0; padding: 0; border: 0; } /* - - - font-sizes - - - */ .colNavi h2 { font-size: 1.2em; } .colNavi h3 { font-size: 1em; margin: 0.5em 0 0 0; } .colContent p.leadin { font-weight: bold; margin: 0; color: #ff8000; } .colContent h1, .colContent2 h1 { font-size: 1.4em; } .colContent h2, .colContent2 h2 { font-size: 1.2em; } .colContent h3, .colContent2 h3 { font-size: 1em; } .colSidebar h2, .colSidebar h3 { font-size: 1.2em; } .colSidebar h3 { margin: 0 -4px 0.4em -4px; padding: 4px 4px 0.4em 4px; } .boxNaviH2 p, .boxNavi p { margin: 0; } .boxDetails376pxH2 h2, .boxDetails376px h2 { font-size: 1.2em; } /* .boxSidebarH2 h2, .boxSidebar h2 { font-size: 1em; } */ /* - - - boxes - - float breakes the boxes in safari */ .boxNaviH2, .boxSidebarH2, .boxNavi, .boxSidebar, .boxDetails376pxH2, .boxDetails376px { font-size: 0.9em; line-height: 1.4em; } /* sizes of sf explore .boxSidebarH2, .boxSidebar { font-size: 1em; line-height: 1.2em; } .boxNaviH2, .boxNavi { font-size: 0.9em; line-height: 1.3em; } .colSidebar h2 { font-size: 1em; } */ .boxNaviH2, .boxNavi { width: 120px; } .boxSidebarH2, .boxSidebar { width: 248px; } .boxDetails376pxH2, .boxDetails376px { width: 376px; float: left; } .boxNaviH2 .facts, .boxSidebarH2 .testimonial, .boxSidebarH2 .info, .boxSidebarH2 .links, .boxSidebarH2 .card, .boxDetails376pxH2 .details { margin: 0 0 8px 0; padding: 0 4px 4px 4px; border-width: 0; } .boxNaviH2 .facts h2, .boxSidebarH2 .testimonial h2, .boxSidebarH2 .info h2 , .boxSidebarH2 .links h2, .boxSidebarH2 .card h2, .boxDetails376pxH2 .details h2 { margin: 0 -4px 0.4em -4px; padding: 4px 4px 0.4em 4px; } .boxDetails376pxH2 .details { margin: 0 0 8px 0; padding: 0 8px 8px 8px; border-width: 0; } .boxDetails376pxH2 .details h2 { margin: 0 -8px 0.4em -8px; padding: 8px 8px 0.4em 8px; } .boxNaviH2 .facts, .boxSidebarH2 .links { color: white; } .boxNaviH2 .facts { background: url(pix/boxes/boxFacts.gif) bottom left no-repeat; } .boxNaviH2 .facts h2 { border-bottom: 1px solid #fff; background: #fff url(pix/boxes/boxFacts.gif) top left no-repeat; } .boxSidebarH2 .info { background: url(pix/boxes/boxInfo.gif) bottom left no-repeat; } .boxSidebarH2 .info h2 { border-bottom: 1px solid #ff8000; background: #fff url(pix/boxes/boxInfo.gif) top left no-repeat; } .boxSidebarH2 .testimonial { background: url(pix/boxes/boxTestimonial.gif) bottom left no-repeat; } .boxSidebarH2 .testimonial h2 { border-bottom: 1px solid #b2b2b2; background: #fff url(pix/boxes/boxTestimonial.gif) top left no-repeat; } .boxSidebarH2 .links { background: url(pix/boxes/boxLinks.gif) bottom left no-repeat; } .boxSidebarH2 .links h2 { border-bottom: 1px solid #ffe6cc; background: #fff url(pix/boxes/boxLinks.gif) top left no-repeat; } .boxSidebarH2 .card { background: url(pix/boxes/boxCard.gif) bottom left no-repeat; } .boxSidebarH2 .card h2 { border-bottom: 1px solid #ff8000; background: #fff url(pix/boxes/boxCard.gif) top left no-repeat; } .boxDetails376pxH2 .details { background: url(pix/boxes/boxDetails376px.gif) bottom left no-repeat; } .boxDetails376pxH2 .details h2 { border-bottom: 1px solid #ff8000; background: #fff url(pix/boxes/boxDetails376px.gif) top left no-repeat; } .boxNaviH2 .facts h2, .boxSidebarH2 .info h2, .boxSidebarH2 .testimonial h2, .boxSidebarH2 .links h2, .boxSidebarH2 .card h2, .boxDetails376pxH2 .details h2 { border: 0; } .boxNavi .facts, .boxSidebar .testimonial, .boxSidebar .info, .boxSidebar .links, .boxDetails376px .details { padding: 4px 4px 0 4px; border-width: 0; } .boxNavi .facts .bottom, .boxSidebar .testimonial .bottom, .boxSidebar .info .bottom, .boxSidebar .links .bottom, .boxDetails376px .details .bottom { margin: 0 -4px 8px -4px; padding: 4px 4px 0px 4px; border-bottom: 1px solid #fff; } .boxDetails376px .details { padding: 8px 8px 0 8px; border-width: 0; } .boxDetails376px .details .bottom { margin: 0 -8px 8px -8px; padding: 8px 8px 0px 8px; border-bottom: 1px solid #fff; } .boxNavi .facts { color: white; } .boxNavi .facts { background: #fff url(pix/boxes/boxFacts.gif) top left no-repeat; } .boxNavi .facts .bottom { background: url(pix/boxes/boxFacts.gif) bottom left no-repeat; } /* show only to ie */ * html .boxNavi .facts .bottom { background: url(pix/boxes/boxFacts_thanxIE.gif) bottom left no-repeat; } /* thanx ie */ .boxSidebar .info { background: #fff url(pix/boxes/boxInfo.gif) top left no-repeat; } .boxSidebar .info .bottom { background: url(pix/boxes/boxInfo.gif) bottom left no-repeat; } /* show only to ie */ * html .boxSidebar .info .bottom { background: url(pix/boxes/boxInfo_thanxIE.gif) bottom left no-repeat; } /* thanx ie */ .boxSidebar .testimonial { background: #fff url(pix/boxes/boxTestimonial.gif) top left no-repeat; } .boxSidebar .testimonial .bottom { background: url(pix/boxes/boxTestimonial.gif) bottom left no-repeat; } /* show only to ie */ * html .boxSidebar .testimonial .bottom { background: url(pix/boxes/boxTestimonial_thanxIE.gif) bottom left no-repeat; } /* thanx ie */ .boxSidebar .links { color: white; } .boxSidebar .links { background: #fff url(pix/boxes/boxLinks.gif) top left no-repeat; } .boxSidebar .links .bottom { background: url(pix/boxes/boxLinks.gif) bottom left no-repeat; } /* show only to ie */ * html .boxSidebar .links .bottom { background: url(pix/boxes/boxLinks_thanxIE.gif) bottom left no-repeat; } /* thanx ie */ .boxSidebar .card { background: #fff url(pix/boxes/boxCard.gif) top left no-repeat; } .boxSidebar .card .bottom { background: url(pix/boxes/boxCard.gif) bottom left no-repeat; } /* show only to ie */ * html .boxSidebar .card .bottom { background: url(pix/boxes/boxCard_thanxIE.gif) bottom left no-repeat; } /* thanx ie */ .boxDetails376px .details { background: #fff url(pix/boxes/boxDetails376px.gif) top left no-repeat; } .boxDetails376px .details .bottom { background: url(pix/boxes/boxDetails376px.gif) bottom left no-repeat; } /* show only to ie */ * html .boxDetails376px .details .bottom { background: url(pix/boxes/boxDetails376px_thanxIE.gif) bottom left no-repeat; } /* thanx ie */ .boxNaviH2 a, .boxSidebarH2 a, .boxNavi a, .boxSidebar a, .boxDetails376pxH2 a, .boxDetails376px a { text-decoration: none; color: #000; border-bottom: 1px dotted #000; } .boxNaviH2 a:hover, .boxSidebarH2 a:hover, .boxNavi a:hover, .boxSidebar a:hover, .boxNaviH2 a:focus, .boxSidebarH2 a:focus, .boxNavi a:focus, .boxSidebar a:focus, boxDetails376pxH2 a:hover, .boxDetails376px a:hover { color: #ff8000; border-bottom: 1px dotted #ff8000; } .boxNaviH2 .facts a, .boxSidebarH2 .links a, .boxNavi .facts a, .boxSidebar .links a { color: #fff; border-bottom: 1px dotted #fff; } .boxNaviH2 .facts a:hover, .boxSidebarH2 .links a:hover, .boxNavi .facts a:hover, .boxSidebar .links a:hover, .boxNaviH2 .facts a:focus, .boxSidebarH2 .links a:focus, .boxNavi .facts a:focus, .boxSidebar .links a:focus { color: #000; border-bottom: 1px dotted #000; } .boxNaviH2 .facts p.currentloc, .boxNavi .facts p.currentloc { font-weight: bold; margin: 0; } img.img_contactbox, img.img_testimonial, img.img_textleft, img.img_textleftlast { float: left; margin: 0 8px 4px 0; border: 0; } img.img_textleftlast { margin: 0 0 4px 0; } img.img_textright { float: right; margin: 0 0 4px 8px; border: 0; } /* - - - p etc - - - */ p { margin: 1em 0 0 0; } h1.nogap, h2.nogap, h3.nogap, h4.nogap, p.nogap, p.contactbox {margin: 0; } p.last { margin-bottom: 0; } p.citation { margin: 0; color: #999; } .boxSidebarH2 .testimonial p.contactbox a { } .groupContactbox { padding-left: 64px; } ul.circle { list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0; } li {padding-bottom: 0.2em;} li.last { padding: 0; margin: 0; } img.gp_propaganda { float: left; margin: 0 -4px 0 -4px; border: 0; height: 168px; width: 128px; } .gp_propaganda { display: none; } .leadin a { text-decoration: none; color: #ff8000; border-bottom: 1px dotted #ff8000; } .leadin a:hover, .leadin a:focus { color: #000; border-bottom: 1px dotted #000; } /* - - - border-bottomed img - - - how on earth can i stop a href-ed img being border-bottomed in mac ie, mac ff, mac opera? float:left/right helps in mac ff */ a.bug_imgnodecor, a.bug_imgnodecor:hover, .boxNavi a.bug_imgnodecor, .boxNaviH2 a.bug_imgnodecor, .boxSidebar a.bug_imgnodecor, .boxSidebarH2 a.bug_imgnodecor, .boxNavi a.bug_imgnodecor:hover, .boxNaviH2 a.bug_imgnodecor:hover, .boxSidebar a.bug_imgnodecor:hover, .boxSidebarH2 a.bug_imgnodecor:hover .boxDetails376px a.bug_imgnodecor, .boxDetails376pxH2 a.bug_imgnodecor, .boxDetails376px a.bug_imgnodecor:hover, .boxDetails376pxH2 a.bug_imgnodecor:hover { border-bottom: 0px; text-decoration: none; } html>body img a, a img, a:link img, a:visited img, a:hover img, a:active img { border: 0; } img { border: 0; } /* firefox usemap, ie */ /* - - - works img - - - */ img.img_left, img.img_leftlast, img.img_leftbottom { float: left; margin: 0 8px 8px 0; } img.img_leftlast, img.img_leftbottom { margin-right: 0; } img.img_leftbottom { margin-bottom: 0; } img.img_right, img.img_rightlast, img.img_rightbottom { float: right; margin: 0 0 8px 8px; } img.img_rightlast, img.img_rightbottom { margin-left: 0; } img.img_rightbottom { margin-bottom: 0; } img.img_across, img.img_acrossbottom { margin: 0 0 8px 0; } img.img_acrossbottom { margin-bottom: 0; } img.nogap { float: none; margin: 0; } img.img_cardleft, img.img_cardright { float: left; margin: 0 ; border: 0; } img.img_cardleft { margin-left: -4px; } img.img_cardright { margin-right: -4px; } span.wrapme { font-size: 1px; width: 0px; margin: -0.3em; }