/* CSS Document */ body,div,p,a,ul,ol,li,dl,dt,dd,img,table,td,form,fieldset { margin: 0px; padding: 0px; border: 0px; } body { background: #eee; repeat; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: center; line-height: 1.75em; } ul,ol,dl,li,dt,dd { list-style: none; } form,fieldset { display: inline; margin: 0px; padding: 0px; } input { margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } a { text-decoration: none; color: #000; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>> prolog nav - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#nav { width: 500px; font-size: 14px; font-family: Arial, verdana, sans-serif; color: #999; padding: 24px 0px 0px 20px; } div#nav ul { list-style: none; float: left; margin: 0px; padding: 0px; } div#nav li { float: left; position: relative; display: inline; height: 20px; line-height: 20px; white-space: nowrap; } div#nav li a { display: block; line-height: 20px; } div#nav a:link,#nav a:visited { color: #820a0a; padding: 0px 10px; text-decoration: none; } div#nav a:hover { color: #333; } #p1,#p2,#p3 { margin: 10px; }/* display: inline; */ body#index li#homelink { display: none; } /* second-level lists */ div#nav li ul { display: none; position: absolute; left: 0px; } div#nav li li { float: none; text-align: left; width: 150px; } div#nav li li a { display: block; color: #820a0a; text-decoration: none; margin: 0px; width: 51px; } div#nav ul ul a:hover { color: #333; border: 1px #333; border-top: none; } div#nav li li a span { padding-left: 5px; } /* --- lists nested under hovered list items */ div#nav li:hover ul { display: block; } div#nav li.over ul { display: block; } /* --- fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left */ div#nav li>ul { top: auto; left: auto; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>> prolog headers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-bottom: 5px; font-family: Arial, verdana, sans-serif; } h1 { font-size: 24px; color: #666; line-height: 1.25em; } h2 { font-size: 16px; line-height: 1.25em; color: #333 } h2.home { font-size: 14px; color: #000; margin-top: 3px } h3 { font-size: 16px; line-height: 1.25em; color: #000; } h4 { font-size: 12px; color: #000; } h4.date { margin-top: 3px; } body#index h1 { color: #900; } body#about h1 { color: #009; } body#career h1 { color: #960; } body#news h1 { color: #060; } body#archive h1 { color: #C30; } body#serv h1 { color: #194d86; } body#aff h1 { color: #36F; } body#contact h1 { color: #DEA30D; } body#media h1 { color: #3F442E; } body#case h1 { color: #F00; } body#resources h1 { color: #09F; } body#press h1 { color: #630; } body#mar h1 { color: #C30; } body#career h4 { font-weight: bold; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>body background - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { background-image: url(images/main_back.jpg); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>main containers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#sitewrapper { width: 765px; margin: 0px auto; background: #fff; text-align: left; border: 1px solid #066; border-width: 0px 1px 1px 1px; } div#container { text-align: left; width: 850px; border: 1px solid #666; border-top: 0px; background: #fff url(images/spacer.gif) no-repeat right 0px; margin: 0px auto; } body#about div#container { background: #fff url(images/about.jpg) no-repeat right 10px; } body#career div#container { background: #fff url(images/careers.jpg) no-repeat right 10px; } body#news div#container { background: #fff url(images/news.jpg) no-repeat right 0px; } body#archive div#container { background: #fff url(images/news.jpg) no-repeat right 0px; } body#serv div#container { background: #fff url(images/services.jpg) no-repeat right 10px; } body#aff div#container { background: #fff url(images/services.jpg) no-repeat right 10px; } body#contact div#container { background: #fff url(images/contact.jpg) no-repeat right 10px; } body#media div#container { background: #fff url(images/media.jpg) no-repeat right 10px; } body#case div#container { background: #fff url(images/news.jpg) no-repeat right 0px; } body#mar div#container { background: #fff url(images/news.jpg) no-repeat right 0px; } body#resources div#container { background: #fff url(images/news.jpg) no-repeat right 0px; } body#press div#container { background: #fff url(images/news.jpg) no-repeat right 0px; } body#splash div#container { background: #fff; height: 573px; } body#contact div#logo { margin-top: 450px; } div#content { width: 500px; margin-top: 175px; padding-left: 20px; }/* float: left; */ div#logo { width: 205px; float: right; margin: 350px 0px 0px 20px; display: block; } li.prlogo { width: 125px; border-bottom: 2px solid #ccc; padding-bottom: 20px; display: block; } li.media { display: inline; float: left; margin: 20px 20px 0px 0px; } li.germany { display: inline; float: left; margin-top: 20px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>image tags and content tags - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ p { margin-bottom: 10px; } p.index1 { font-size: 11px; color: #3D3B3B; } p.index2 { font-size: 11px; color: #333; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#footer { font-size: 10px; color: #666; padding: 10px 0px; clear: both; } body#contact div#footer { display: none; } div#bottom { clear: both; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>services, about - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #content ul { margin: 0px 0px 20px 5px; } #content ul li { margin: 5px; padding-left: 10px; background: url(images/li_icon.gif) no-repeat left 0.65em; list-style: none; } /* ul.all { margin: 0px 0px 20px 20px; } ul.all li { margin: 5px; padding-left: 10px; background: url(images/li_icon.gif) no-repeat left 0.65em; list-style: none; } */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>careers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ span.jobnotes { color: #960; font-weight: bold; } span.news { color: #030; font-weight: bold; } span.links { color: #030; color: #900 } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>news - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ p.date1 { margin-top: 2px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ ul#bb { float: left; width: 600px; margin: 100px 79px; padding-left: 120px; height: 373px; background: url(images/billboard.jpg) no-repeat left top; }/* */ ul#bb li { float: left; width: 120px; margin: 70px 40px 0px 0px; display: inline; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* >>>affiliates - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ td.aff { padding-top: 30px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */