body { color: white; font-size: 12px; font-family: tahoma, verdana, helvetica, arial, sans-serif; background: #191919 url(../_images/body_background.jpg) repeat-x left top; margin: 0; padding: 0; text-align: center; } /* STANDARDS */ div.clearer { display: block; float: none; font-size: 0; line-height: 1px; height: 0; clear: both; } div.padder { padding: 10px; } /* BODY-CONTENT */ div#Content_Wrapper { position: relative; display: block; width: 100%; height: auto; min-height: 630px; min-width: 830px; margin: 37px 0 0 0; padding: 0; text-align: center; } * html div#Content_Wrapper { height: 636px } /* IE Hack */ div#Content_Wrapper div#Content { position: relative; display: block; width: 830px; height: auto; min-height: 626px; margin: 0 auto; padding: 0; text-align: left; background: transparent url(../_images/wrapper_middle.jpg) repeat-y top center; } * html div#Content_Wrapper div#Content { height: 626px } /* IE Hack */ div#Content_Wrapper div#Content div#Content_Top { position: absolute; top: 0; left: 0; width: 830px; height: 430px; background: transparent url(../_images/wrapper_top.jpg) no-repeat top center; z-index: 10; } div#Content_Wrapper div#Content div#Content_Bottom { position: absolute; bottom: 0; left: 0; width: 830px; height: 30px; background: transparent url(../_images/wrapper_bottom.jpg) no-repeat bottom center; z-index: 10; } div#Content_Wrapper div#Content div#Content_Padder { position: relative; padding: 0; margin: 0; z-index: 100; } html>body div#Content_Wrapper div#Content div#Content_Padder { padding-bottom: 20px } /* HEADER */ h1#IttnerLogo { display: block; position: absolute; top: 13px; left: 29px; width: 230px; height: 170px; margin: 0; padding: 0; background: black url(../_images/ittner_logo_header2.gif) no-repeat top left; } h1#IttnerLogo2 { display: block; position: absolute; top: 13px; left: 38px; width: 178px; height: 124px; margin: 0; padding: 0; background: black url(../_images/ittner_logo_header3.gif) no-repeat top left; } h4#IttnerLogoBottom { display: block; position: absolute; top: 555px; left: 38px; width: 185px; height: 45px; margin: 0; padding: 0; background: url(../_images/img_grid_textbox3.gif) no-repeat bottom right; z-index: 100; } html>body h4#IttnerLogoBottom { width: 190px; } h1#IttnerLogoInside { display: block; position: absolute; top: 13px; left: 29px; width: 230px; height: 170px; margin: 0; padding: 0; background: black url(../_images/ittner_logo_header2_c.gif) no-repeat top left; } h1#IttnerLogo span, h1#IttnerLogo2 span, h1#IttnerLogoInside span, h4#IttnerLogoBottom span { display: none; } /* NAVIGATION */ div#MainNav { display: block; position: absolute; top: 13px; right: 35px; width: 480px; height: 110px; z-index: 200; } div#MainNav h2 { display: none; } div#MainNav ul { list-style: none; margin: 0; padding: 0; } div#MainNav ul li { float: left; clear: none; margin: 0; padding: 0; } div#MainNav ul li a, div#MainNav ul li a:link, div#MainNav ul li a:visited { display: block; width: auto; height: auto; color: white; text-decoration: none; font-weight: bold; padding: 44px 4px 27px; margin: 0 4px; line-height: 16px; background: black; letter-spacing: 1px; } div#MainNav ul li a#navHome:hover { color: #ffae00; } div#MainNav ul li a#navInnovations:hover { color: #6bef00; } div#MainNav ul li a#navSolutions:hover { color: #00efdb } div#MainNav ul li a#navPeople:hover { color: #0072ff; } div#MainNav ul li a#navKnowledge:hover { color: #9c00ff; } div#MainNav ul li a#navResources:hover { color: #ff0048; } /* SUB NAVIGATION */ div#MainSubNav { display: block; position: absolute; top: 90px; right: 35px; width: 470px; height: 110px; z-index: 200; } div#MainSubNav h2 { display: none; } div#MainSubNav ul { display: block; list-style: none; margin: 0; padding: 0; } div#MainSubNav ul li { float: right; clear: none; margin: 0; padding: 0; } div#MainSubNav ul li a { display: block; color: white; text-decoration: none; font-weight: normal; padding: 0 4px; margin: 0 4px; line-height: 16px; background: black; } /* INNOVATIONS */ div#MainSubNav ul#Innovations { padding-bottom: 9px; border-bottom: 1px solid #6bef00; } div#MainSubNav ul#Innovations li a { border: 1px solid #6bef00; } div#MainSubNav ul#Innovations li a:hover { background: #6bef00; color: black; border: 1px solid black; } body#isSustainable div#MainSubNav ul li a#snavSustainable, body#isPeer div#MainSubNav ul li a#snavPeer, body#isHistory div#MainSubNav ul li a#snavHistory { background: #6bef00; color: black; border: 1px solid black; } /* SOLUTIONS */ div#MainSubNav ul#Solutions { padding-bottom: 9px; border-bottom: 1px solid #00efdb; } div#MainSubNav ul#Solutions li a { border: 1px solid #00efdb; } div#MainSubNav ul#Solutions li a:hover { background: #00efdb; color: black; border: 1px solid black; } body#isPlanning div#MainSubNav ul li a#snavPlanning { background: #00efdb; color: black; border: 1px solid black; } /* PEOPLE */ div#MainSubNav ul#People { padding-bottom: 9px; border-bottom: 1px solid #0072ff; } div#MainSubNav ul#People li a { border: 1px solid #0072ff; } div#MainSubNav ul#People li a:hover { background: #0072ff; color: black; border: 1px solid black; } body#isContact div#MainSubNav ul li a#snavContact, body#isJobs div#MainSubNav ul li a#snavJobs, body#isDirectory div#MainSubNav ul li a#snavDirectory, body#isDirectory div#MainSubNav ul li a#snavCurrentEvents, body#isLocation div#MainSubNav ul li a#snavLocation { background: #0072ff; color: black; border: 1px solid black; } /* KNOWLEDGE */ div#MainSubNav ul#Knowledge { padding-bottom: 9px; border-bottom: 1px solid #9c00ff; } div#MainSubNav ul#Knowledge li a { border: 1px solid #9c00ff; } div#MainSubNav ul#Knowledge li a:hover { background: #9c00ff; color: black; border: 1px solid black; } /* body#isEducation div#MainSubNav ul li a#snavEducation, */ body#isSecondary div#MainSubNav ul li a#snavSecondary, body#isPrimary div#MainSubNav ul li a#snavPrimary, body#isCommunity div#MainSubNav ul li a#snavCommunity { background: #9c00ff; color: black; border: 1px solid black; } /* RESOURCES */ div#MainSubNav ul#Resources { padding-bottom: 9px; border-bottom: 1px solid #ff0048; } div#MainSubNav ul#Resources li a { border: 1px solid #ff0048; } div#MainSubNav ul#Resources li a:hover { background: #ff0048; color: black; border: 1px solid black; } body#isPDFs div#MainSubNav ul li a#snavPDFs, body#isStore div#MainSubNav ul li a#snavStore, body#isLinks div#MainSubNav ul li a#snavLinks { background: #ff0048; color: black; border: 1px solid black; } body#isHome div#MainNav ul li a#navHome { color: black; background: #ffae00; } body#isInnovations div#MainNav ul li a#navInnovations, body#isSustainable div#MainNav ul li a#navInnovations, body#isPeer div#MainNav ul li a#navInnovations, body#isHistory div#MainNav ul li a#navInnovations { color: black; background: #6bef00; } body#isSolutions div#MainNav ul li a#navSolutions, body#isPlanning div#MainNav ul li a#navSolutions { color: black; background: #00efdb; } body#isPeople div#MainNav ul li a#navPeople, body#isContact div#MainNav ul li a#navPeople, body#isJobs div#MainNav ul li a#navPeople, body#isDirectory div#MainNav ul li a#navPeople, body#isLocation div#MainNav ul li a#navPeople { color: black; background: #0072ff; } body#isKnowledge div#MainNav ul li a#navKnowledge, /* body#isEducation div#MainNav ul li a#navKnowledge, */ body#isSecondary div#MainNav ul li a#navKnowledge, body#isPrimary div#MainNav ul li a#navKnowledge, body#isCommunity div#MainNav ul li a#navKnowledge { color: black; background: #9c00ff; } body#isResources div#MainNav ul li a#navResources, body#isPDFs div#MainNav ul li a#navResources, body#isLinks div#MainNav ul li a#navResources { color: black; background: #ff0048; } /* FLASH CONTAINER */ div#FlashContainer { display: block; position: absolute; width: 800px; height: 200px; top: 124px; left: 15px; border-top: 1px solid white; border-bottom: 1px solid white; } /* INNER CONTENT */ div#InnerContent { position: relative; margin-top: 350px; } /* COPYRIGHT */ div#Copyright { color: white; font-weight: normal; position: absolute; right: 35px; bottom: 33px; font-size: 9px; text-align: right; z-index: 50; } body#isHome div#Copyright { color: white; font-weight: normal; } div#Copyright a { color: white; text-decoration: none; } div#Copyright a:hover { color: silver; text-decoration: underline; } /* PAGE BACKGROUNDS */ div#Backgrounder { display: block; position: absolute; bottom: 12px; left: 15px; width: 800px; height: 288px; z-index: 10 } /* PAGE LAYOUT */ div#ContentContainer { position: absolute; display: block; top: 120px; right: 40px; width: 500px; height: auto; font-weight: normal; text-align: right; font-size: 18px; font-family: tahoma, verdana, helvetica, arial, sans-serif; } html>body div#ContentContainer { top: 100px; } div#ContentContainer p.smaller { font-size: 15px; padding-top: 10px; } div#BodyContent { position: absolute; top: 200px; left: 48px; width: auto; height: auto; } /* PAGE CONTENT LAYOUT */ div#PageContainer { display: block; position: absolute; width: 750px; height: 340px; top: 200px; left: 40px; border: 1px solid #777; } /* CONTACT FORM */ div#ContactContainer { position: absolute; top: 320px; left: 88px; display: block; width: 644px; height: 200px; font-size: 12px; line-height: 11px; } div#ContactContainer input.text_field { display: block; width: 300px; height: auto; } div#ContactContainer textarea { display: block; width: 300px; height: 134px; } div#ContactContainer div.LeftCol { position: absolute; top: 0; left: 0; display: block; width: auto; height: auto; } div#ContactContainer div.RightCol { position: absolute; top: 0; right: 0; display: block; width: auto; height: auto; } div#ContactContainer div.Buttons { position: absolute; bottom: 0; right: 0; display: block; width: auto; height: auto; } /* LINKS */ div#LinksList { position: absolute; top: 220px; left: 48px; width: auto; height: auto; } div#LinksList h3 { display: none } div#LinksList ul { display: block; width: 724px; height: auto; margin: 0; padding: 0; } div#LinksList li { display: block; float: left; width: 201px; height: 40px; font-size: 12px; text-align: left; margin: 0 10px; } html