/* Overall Layout Formatting ----------------------------------------------- */ HTML, BODY { margin:0; padding:0; height:100%; border:none; background-color: #FFF; /* background: #252C40 url(/images/global.bg.gif) repeat; */ font: 100% arial, helvetica, san-serif; color: #000; z-index: 1; } #SiteWrapper { margin: 0; padding: 0; background: #FFF; position: relative; text-align: left; width: 920px; } #Wrapper { background-color: #FFF; } TABLE#SiteTable { margin: 0 auto; width:920px; height: 90%; border:0; text-align: center; } TABLE#SiteTable TR { vertical-align: middle; } div#preload { position: absolute; right: 80000; top: 80000; } /* Overall Typography ----------------------------------------------- */ H1, H2, H3,H4, H5, H6 { margin: 0; padding: 0; font-weight: bold; line-height: 1em; color: #000; } H1 { font-size: 200%; } H2 { font-size: 160%; } H3 { font-size: 140%; font-weight: bold; } H4 { font-size: 100%; font-weight: bold; } H5 { font-size: 80%; font-weight: bold; } P { line-height: 1.5em; font-size: 70%; } /* Overall Link Treatment ----------------------------------------------- */ A { color: #000; text-decoration: none; white-space: normal; } A:LINK { color: #000; } A:VISITED { color: #000; text-decoration: none; } A:ACTIVE { color: #F15A22; text-decoration: none; outline: none; } A:HOVER { color: #C63; text-decoration: none; } /* Overall List Treatment ----------------------------------------------- */ UL { list-style: square; } OL { } LI { } DL { } DT { } DD { } /* Logo Treatment ----------------------------------------------- */ H1#Logo { margin-bottom: 25px; float: left; } P#ShareButton { padding: 19px 20px 0 0; float: right; text-transform: uppercase; } /* NavRow Treatments ----------------------------------------------- */ .NavRow { margin-bottom: 25px; clear: both; width: 100%; } .NavRow .Option { overflow: hidden; margin: 0 25px 25px 0; padding: 0; float: left; width: 160px; height: 110px; } .NavRow .Option.Last { margin: 0 0 0 0; } .NavRow A { cursor: pointer; margin: 0; padding: 0; left: 0; top: 0; } .NavRow .Option.Orange { background-color: #F15A22; } .NavRow .Option.Gray { background-color: #404040; cursor: pointer; height: 110px;} .NavRow .Controls SPAN H1 { height: 110px; font-size: 1.15em; font-weight: normal; color: #FFF; margin: 3px 0 0 0; } /* Utilities ----------------------------------------------- */ .Left { float: left; } .Right { float: right; } /* MouseOver Control Treatment ----------------------------------------------- */ #s2 { clear: both; } .Controls { overflow: hidden; margin: 0; padding: 10px; width: 140px; height: 100px; position: relative; top: 0; left: 0; display: none; z-index: 100; border: none; } .Controls H1 A { width: 140px; height: 100px; position: relative; left: 0; top: 0; cursor: pointer; } .Option { background-repeat: no-repeat; background-position: 200px 200px; } .One {background-image: url(/images/port-tn-what_we_do-over.gif); } .Two {background-image: url(/images/port-tn-hersheys.gif); } .Three {background-image: url(/images/port-tn-why_we_do_it-over.gif); } .Four {background-image: url(/images/port-tn-we.gif); } .Five {background-image: url(/images/port-tn-bp.gif); } .Six {background-image: url(/images/port-tn-cnn.gif); } .Seven {background-image: url(/images/port-tn-jj.gif); } .Eight {background-image: url(/images/port-tn-motorola.gif); } .Nine {background-image: url(/images/port-tn-contact.gif); } .Ten { background-image: url(/images/port-tn-nyc.gif); } .Eleven {background-image: url(/images/port-tn-how_we_work-over.gif); } .Twelve {background-image: url(/images/port-tn-sprite.gif); } .Thirteen {background-image: url(/images/port-tn-who_we_are-over.gif); } .Fourteen { background-image: url(/images/port-tn-dove.gif); } .Fifteen { background-image: url(/images/port-tn-who_we_work_with-over.gif); } .Option SPAN { clear: both; display: block; padding: 0; } .Option IMG { position: relative; top: 0; left: 0; padding: 0; display: block; margin: 0; } .Controls P A { text-transform: uppercase; color: #CCC; font-size: 1em; } .Controls P A:hover { color: #FFF; } .Controls .Left { position: absolute; left: 0px; bottom: 15px; } .Controls .Right { position: absolute; right: 0px; bottom: 15px; } .Controls .Left A { padding: 30px 35px 20px 10px;} .Controls .Right A { padding: 30px 10px 20px 35px;} .Content { background-color: #FFF; clear: both; position: absolute; left: 75px; top: 68px; width: 480px; height: 410px; overflow: hidden; z-index: 3200; } .Content P.Title { height: 23px; display: block; width: 480px; background-color: #FFF; } .Content IMG { background-color: #FFF; padding: 0px 0 15px 0; } .Content P { font-size: 70%; line-height: 1.40em; background-color: #FFF; padding-bottom: 8px; } #Nav { position: absolute; top: 485px; left: 69px; margin-top: 0px; font-size: 65%; width: 480px; margin: 0 auto; text-transform: uppercase; } #Nav A.Label { background-color: transparent; border: none; } #Nav A:hover.Label { background-color: transparent; border: none; } #Nav .activeSlide { color: #F15A22; } #Nav #Credit.Link.Right { padding: 0 2px 0 2px; margin: 0 2px 0 2px; } #Nav A { float: left; margin: 0; z-index: 1000; padding: 0px 0px 0px 0px; color: #444; } #Nav A:hover { color: #F15A22; } #Nav .Link { margin: 0px 45px 0px 0px; } #Nav .Right { float: right; margin: 0px 0px 0px 45px; } .Control { position: absolute; z-index: 3300; top: 68px; width: 100%;} #next { float: right; margin-right: 10px; cursor: pointer; } #prev { float: left; margin-left: 10px; cursor: pointer; } A:active#next { outline: none; } A:active#prev { outline: none; } A:hover#next IMG, A:hover#prev IMG { } A#next IMG, A#prev IMG { display: none; border: none; outline: none; } A#next, A#prev { width: 295px; height: 310px; } A:hover#next IMG, A:hover#prev IMG { border: none; } A:hover#next, A:hover#prev { white-space: normal; } #Num .activeSlide { color: #F15A22; font-weight: bold; padding-bottom: 3px; } #Num A { margin: 0 0px 0 4px; padding: 0 1px; } #Num .Image0 { display: none; visibility: none; } .Share { height: 400px; width: 627px; } .Share H1 { font-weight: normal; } .Share .FormWrapper { padding: 40px 80px 0 80px; } .Share .FormWrapper .SubmitButton { width: 60px; padding-top: 0px; font-size: 9px; border: none; padding: none; background: transparent; text-align: left; text-transform: uppercase; } .Share .FormWrapper LABEL { text-transform: uppercase; margin: 0 0 5px 0; } .Share INPUT { width: 465px; border: none; padding: 3px 2px; } .Share TEXTAREA { width: 470px; border: none; } .Share .FormWrapper P { padding: 7px 0; clear: both; } .Share INPUT.Submit { padding: 0 0 0 0; margin: 0 0 0 0; cursor: pointer; } .Share .Close { position: absolute; right: 25px; top: 25px; background: url(/images/close_white.gif) no-repeat right; } #Wrapper .Close { position: absolute; right: 25px; top: 25px; } .BottomNav { font-size: 65%; padding-left: 7px; position: absolute; top: 485px; left: 70px; margin-top: 0px; width: 480px; margin: 0 auto; text-transform: uppercase; } .Before { text-transform: uppercase; font-size: 9px; font-weight: bold; } DIV.Close { background: url(/images/close-hover.gif) no-repeat right; position: relative; top: 28px; right: 9px; text-align: right; display: block; vertical-align: bottom; } DIV.Close A { width: 13px; height: 13px; } DIV.Close A:hover IMG { visibility: hidden; } DIV.Close A IMG { visibility: visible; } DIV.Credits { border: 1px solid #404040; z-index: 9999; position: absolute; top: 146px; right: 150px; display: none; background-color: #404040; padding: 25px; width: 275px; height: 180px; overflow: hidden; vertical-align: middle; } DIV.Credits P { font-size: 70%; padding-bottom: 10px; color: #FFF; background-color: #404040; } DIV.Credits .Close { position: absolute; z-index: 810; top: 15px; right: 15px; background: url(/images/close_white.gif) no-repeat right; } DIV.Credits .Close { } #Work .Credits .Close { visibility: hidden; display:none; } #Static #Form { padding: 30px 0 0 5px; clear: both; } #Static #Form P { line-height: 1.25em; } #Static #Form INPUT { color: #404040; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #404040; } #Static #Form INPUT.Submit { cursor: pointer; font-family: Arial, Helvetica, san-serif; margin: 0 0 0 0px; padding: 0 0 0 0; border: none; background: none; font-size: 65%; } #Static #Copyright { color: #404040; } #Static .People DL.Left { font-size:60%; position: absolute; width: 220px; top: 190px; z-index: 99999; } #Static .People DL.Last { left: 160px; top: 190px; } #Static .People DT { padding-top: 13px; } #Static .Content { z-index: 8888; } #Static .Contact DT { padding-top: 10px; } #Static DL { font-size: 65%; padding: 0 35px 0 3px; line-height: 1.25em; } #Static DT { color: #000; } #Static DT A { color: #F15A22; } #Static DT A:hover { color: #000; } #Static DIV.Credits { top: 125px; height: 230px; width: 315px; padding: 20px; right: 140px; } #Static DIV.Credits .Item { position: absolute; z-index: 800; top: 10px; display: none; } #Static DIV.Credits .People { padding-top: 10px; } #Static DIV.Credits P { font-size: 75%; padding: 10px 25px 0 5px; line-height: 1.25em; } /* Scrolling Ticker Treatment ----------------------------------------------- */ #homepage_ticker { font-family: arial; width: 900px; height: 14px; text-transform: uppercase; font-size: 14px; clear: both; display: block; color: #444; } #homepage_ticker { overflow: hidden; } #homepage_ticker A { color: #F15A22; } #homepage_ticker A:Hover { color: #000; } .Info .Content H1 { margin: 0 0 10px 0; font-weight: normal; font-size: 125%; } .Info .Content UL { padding: 5px 0 5px 0; font-size: 80%; list-style: disc; } .Info .Content LI { padding: 5px 0 5px 0; list-style-type: disc; display: block; } .Info .Content P { font-weight: bold; } #freeform #email INPUT { margin-right: 10px; } #freeform #submit {} #freeform label.error { padding-left: 10px; } label.error { text-transform: uppercase; color: #F15A22; font-size: 85%; }