/* ====================================================== title: Erica Horstmeyer Primary Presentation Layer author: Jon Reil Design notes: none yet ====================================================== */ body {margin: 50px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background: #eee url(../images/bg_wholeSite.gif) no-repeat 50% 50px;} ol#accessNav {position: absolute; left: -10000px;} div#copyRight {width: 759px; margin: 0 auto; line-height: 10px; color: #999; font-size: 1em; text-align: right;} a img, img, a {border: 0; outline: none;} /*homepage*/ body#home h1 {width: 769px; height: 197px; margin: 0 auto; background: url(../images/bg_home_header.jpg) no-repeat 50% 12px;} body#home h1 span {position: absolute; left: -10000px;} body#home ul#primaryNav {margin: 0 auto; height: 65px; padding:0; position: relative; width: 634px; list-style: none; text-align: left;} body#home ul#primaryNav li {margin: 0; padding: 0; position: absolute; top: 0; left: 20px;} body#home ul#primaryNav li a {height: 65px; display: block; background: url(../images/txt_home_nav.gif) no-repeat;} body#home ul#primaryNav li a span {position: absolute; left: -10000px;} body#home ul#primaryNav li.tv a {width: 59px; background-position: 0 0;} body#home ul#primaryNav li.tv a:hover {background-position: 0 -65px;} body#home ul#primaryNav li.print {left: 79px;} body#home ul#primaryNav li.print a {width: 86px; background-position: -59px 0;} body#home ul#primaryNav li.print a:hover {background-position: -59px -65px;} body#home ul#primaryNav li.radio {left: 165px;} body#home ul#primaryNav li.radio a {width: 94px; background-position: -145px 0;} body#home ul#primaryNav li.radio a:hover {background-position: -145px -65px;} body#home ul#primaryNav li.interactive {left: 259px;} body#home ul#primaryNav li.interactive a {width: 97px; background-position: -239px 0;} body#home ul#primaryNav li.interactive a:hover {background-position: -239px -65px;} body#home ul#primaryNav li.direct {left: 362px;} body#home ul#primaryNav li.direct a {width: 98px; background-position: -392px 0;} body#home ul#primaryNav li.direct a:hover {background-position: -392px -65px;} body#home ul#primaryNav li.brochures {left: 461px;} body#home ul#primaryNav li.brochures a {width: 145px; background-position: -489px 0;} body#home ul#primaryNav li.brochures a:hover {background-position: -489px -65px;} body#home ul#utilityNav {margin: 0 auto; height: 218px; padding: 0; position: relative; width: 769px; list-style: none; background: url(../images/bg_home_footer.jpg) no-repeat top;} body#home ul#utilityNav li {margin: 0; padding: 0; position: absolute;} body#home ul#utilityNav li a {display: block; height: 13px; margin: 0 10px;} body#home ul#utilityNav li a span {position: absolute; left: -10000px;} body#home ul#utilityNav li.contact {top: 143px; left: 575px; padding-right: 2px; background: url(../images/icon_home_utilDivider.gif) no-repeat 80px 3px;} body#home ul#utilityNav li.contact a {width: 60px; background: url(../images/txt_home_utilnav_contact.gif) no-repeat 0 0;} body#home ul#utilityNav li.resume {top: 143px; left: 657px; padding: 0; background: none;} body#home ul#utilityNav li.resume a {width: 51px; background: url(../images/txt_home_utilnav_resume.gif) no-repeat 0 0;} body#home ul#utilityNav li a:hover {background-position: 0 -13px;} /*interior pages*/ div#container {width: 790px; height: 466px; margin: 2px auto; position: relative; text-align: left;} div#logo {width: 204px; height: 33px; position: absolute; left: 20px; top: 35px; background: url(../images/logo_eh_interior.gif) 0 0 no-repeat;} div.tv div#logo {background-position: 0 0;} div.print div#logo {background-position: 0 -33px;} div.radio div#logo {background-position: 0 -66px;} div.interactive div#logo {background-position: 0 -99px;} div.direct div#logo {background-position: 0 -132px;} div.brochures div#logo {background-position: 0 -165px;} div.contact div#logo {background-position: 0 -198px;} div.resume div#logo {background-position: 0 -198px;} div#logo a {display: block; height:33px;} div#logo span {position: absolute; left: -10000px;} /*primary navigation*/ body#interior ul#primaryNav {position: absolute; width: 204px; height: 133px; top: 105px; left: 20px; list-style: none; padding: 0; margin: 0; background: url(../images/bg_interiorNavDivider.gif) bottom right no-repeat;} body#interior div.contact ul#primaryNav, body#interior div.resume ul#primaryNav {background: none;} body#interior ul#primaryNav li {margin: 0; padding: 0; position: absolute; left: 0;} body#interior ul#primaryNav li a {display: block; width: 204px; height: 15px; background: url(../images/txt_interior_nav.gif) no-repeat;} body#interior ul#primaryNav li a span {position: absolute; left: -10000px;} body#interior ul#primaryNav li.tv {top: 0;} body#interior ul#primaryNav li.tv a {background-position: 0 0;} body#interior div.tv ul#primaryNav li.tv a {background-position: -408px 0;} body#interior ul#primaryNav li.tv a:hover {background-position: -204px 0;} body#interior ul#primaryNav li.print {top: 15px;} body#interior ul#primaryNav li.print a {background-position: 0 -15px;} body#interior div.print ul#primaryNav li.print a {background-position: -408px -15px;} body#interior ul#primaryNav li.print a:hover {background-position: -204px -15px;} body#interior ul#primaryNav li.radio {top: 30px;} body#interior ul#primaryNav li.radio a {background-position: 0 -30px;} body#interior div.radio ul#primaryNav li.radio a {background-position: -408px -30px;} body#interior ul#primaryNav li.radio a:hover {background-position: -204px -30px;} body#interior ul#primaryNav li.interactive {top: 45px;} body#interior ul#primaryNav li.interactive a {background-position: 0 -45px;} body#interior ul#primaryNav li.interactive a:hover {background-position: -204px -45px;} body#interior div.interactive ul#primaryNav li.interactive a {background-position: -408px -45px;} body#interior ul#primaryNav li.direct {top: 60px;} body#interior ul#primaryNav li.direct a {background-position: 0 -60px;} body#interior ul#primaryNav li.direct a:hover {background-position: -204px -60px;} body#interior div.direct ul#primaryNav li.direct a {background-position: -408px -60px;} body#interior ul#primaryNav li.brochures {top: 75px;} body#interior ul#primaryNav li.brochures a {background-position: 0 -75px;} body#interior ul#primaryNav li.brochures a:hover {background-position: -204px -75px;} body#interior div.brochures ul#primaryNav li.brochures a {background-position: -408px -75px;} /*projects thumbnails nav */ ol#projectsNav {position: absolute; width: 200px; height: 80px; top: 249px; left: 26px; list-style: none; padding: 0; margin: 0; background:url(../images/bg_pNav.gif) 1px 1px no-repeat;} ol#projectsNav li {position: absolute;} /*general li links in the nav */ ol#projectsNav li a {display: block; width: 20px; height: 20px; text-decoration: none; font-size: 1em; font-weight: bold; text-transform: uppercase; z-index: 10;} /*text color and bg ims per section*/ div.tv ol#projectsNav li a {color: #117da3;background-image: url(../images/btn_pNav_tv.gif);} div.print ol#projectsNav li a {color: #225e9c; background-image: url(../images/btn_pNav_print.gif);} div.radio ol#projectsNav li a {color: #ff9834; background-image: url(../images/btn_pNav_radio.gif);} div.interactive ol#projectsNav li a {color: #ff9834; background-image: url(../images/btn_pNav_interactive.gif);} div.direct ol#projectsNav li a {color: #7ac02a; background-image: url(../images/btn_pNav_direct.gif);} div.brochures ol#projectsNav li a {color: #329dcb; background-image: url(../images/btn_pNav_brochures.gif);} /*LI BLOCK DIMENSIONS AND POSITION*/ /*row 1*/ ol#projectsNav li#spot1 {width: 200px; height: 80px; top: 0; left: 0;} ol#projectsNav li#spot2 {width: 180px; height: 80px; top: 0; left: 20px;} ol#projectsNav li#spot3 {width: 160px; height: 80px; top: 0; left: 40px;} ol#projectsNav li#spot4 {width: 140px; height: 80px; top: 0; left: 60px;} ol#projectsNav li#spot5 {width: 120px; height: 80px; top: 0; left: 80px;} ol#projectsNav li#spot6 {width: 100px; height: 80px; top: 0; left: 100px;} ol#projectsNav li#spot7 {width: 80px; height: 80px; top: 0; left: 120px;} ol#projectsNav li#spot8 {width: 60px; height: 80px; top: 0; left: 140px;} ol#projectsNav li#spot9 {width: 40px; height: 80px; top: 0; left: 160px;} ol#projectsNav li#spot10 {width: 20px; height: 80px; top: 0; left: 180px;} /*row 2*/ ol#projectsNav li#spot11 {width: 200px; height: 60px; top: 20px; left: 0;} ol#projectsNav li#spot12 {width: 180px; height: 60px; top: 20px; left: 20px;} ol#projectsNav li#spot13 {width: 160px; height: 60px; top: 20px; left: 40px;} ol#projectsNav li#spot14 {width: 140px; height: 60px; top: 20px; left: 60px;} ol#projectsNav li#spot15 {width: 120px; height: 60px; top: 20px; left: 80px;} ol#projectsNav li#spot16 {width: 100px; height: 60px; top: 20px; left: 100px;} ol#projectsNav li#spot17 {width: 80px; height: 60px; top: 20px; left: 120px;} ol#projectsNav li#spot18 {width: 60px; height: 60px; top: 20px; left: 140px;} ol#projectsNav li#spot19 {width: 40px; height: 60px; top: 20px; left: 160px;} ol#projectsNav li#spot20 {width: 20px; height: 60px; top: 20px; left: 180px;} /*row 3*/ ol#projectsNav li#spot21 {width: 200px; height: 40px; top: 40px; left: 0;} ol#projectsNav li#spot22 {width: 180px; height: 40px; top: 40px; left: 20px;} ol#projectsNav li#spot23 {width: 180px; height: 40px; top: 40px; left: 40px;} ol#projectsNav li#spot24 {width: 180px; height: 40px; top: 40px; left: 60px;} ol#projectsNav li#spot25 {width: 180px; height: 40px; top: 40px; left: 80px;} ol#projectsNav li#spot26 {width: 180px; height: 40px; top: 40px; left: 100px;} ol#projectsNav li#spot27 {width: 180px; height: 40px; top: 40px; left: 120px;} ol#projectsNav li#spot28 {width: 180px; height: 40px; top: 40px; left: 140px;} /*row 4*/ ol#projectsNav li#spot29 {width: 200px; height: 20px; top: 60px; left: 0;} ol#projectsNav li#spot30 {width: 180px; height: 20px; top: 60px; left: 20px;} ol#projectsNav li#spot31 {width: 160px; height: 20px; top: 60px; left: 40px;} ol#projectsNav li#spot32 {width: 140px; height: 20px; top: 60px; left: 60px;} ol#projectsNav li#spot33 {width: 120px; height: 20px; top: 60px; left: 80px;} ol#projectsNav li#spot34 {width: 100px; height: 20px; top: 60px; left: 100px;} ol#projectsNav li#spot35 {width: 80px; height: 20px; top: 60px; left: 120px;} ol#projectsNav li#spot36 {width: 60px; height: 20px; top: 60px; left: 140px;} /* THUMBNAILS PORTION */ /*active links to white thumbnail ol#projectsNav li a:active {background-position: 0 -38px;}*/ /*align the thumbnails to bottom right*/ ol#projectsNav li a img {position: absolute; right: 1px; bottom: 1px; z-index: 10;} /*general rule for span text*/ ol#projectsNav li a span {position: absolute; display: block; bottom: -19px; width: 200px; background: #fff; z-index: 10;} /*visited links to white thumbnail*/ ol#projectsNav li a:visited {background-position: 0 -38px; z-index: 10;} ol#projectsNav li a:visited span {z-index: 10;} ol#projectsNav li a:visited img {z-index: 10;} /*thumbnail go to solid on hover*/ ol#projectsNav li a:hover { background-position: 0 -19px; z-index: 12;} ol#projectsNav li a:hover span { z-index: 12;} ol#projectsNav li a:hover img {z-index: 12;} /*Align span title text*/ li#spot1 a span, li#spot11 a span, li#spot21 a span, li#spot29 a span {left: 0;} li#spot2 a span, li#spot12 a span, li#spot22 a span, li#spot30 a span {left: -20px} li#spot3 a span, li#spot13 a span, li#spot23 a span, li#spot31 a span {left: -40px;} li#spot4 a span, li#spot14 a span, li#spot24 a span, li#spot32 a span {left: -60px;} li#spot5 a span, li#spot15 a span, li#spot25 a span, li#spot33 a span {left: -80px;} li#spot6 a span, li#spot16 a span, li#spot26 a span, li#spot34 a span {left: -100px;} li#spot7 a span, li#spot17 a span, li#spot27 a span, li#spot35 a span {left: -120px;} li#spot8 a span, li#spot18 a span, li#spot28 a span, li#spot36 a span {left: -140px;} li#spot9 a span, li#spot19 a span {left: -160px;} li#spot10 a span, li#spot20 a span {left: -180px;} /*thumbnail go to solid when it's the current page*/ div.proj1 ol#projectsNav li.proj1 a, div.proj2 ol#projectsNav li.proj2 a, div.proj3 ol#projectsNav li.proj3 a, div.proj4 ol#projectsNav li.proj4 a, div.proj5 ol#projectsNav li.proj5 a, div.proj6 ol#projectsNav li.proj6 a, div.proj7 ol#projectsNav li.proj7 a, div.proj8 ol#projectsNav li.proj8 a, div.proj9 ol#projectsNav li.proj9 a, div.proj10 ol#projectsNav li.proj10 a, div.proj11 ol#projectsNav li.proj11 a, div.proj12 ol#projectsNav li.proj12 a, div.proj13 ol#projectsNav li.proj13 a, div.proj14 ol#projectsNav li.proj14 a, div.proj15 ol#projectsNav li.proj15 a, div.proj16 ol#projectsNav li.proj16 a, div.proj17 ol#projectsNav li.proj17 a, div.proj18 ol#projectsNav li.proj18 a, div.proj19 ol#projectsNav li.proj19 a, div.proj20 ol#projectsNav li.proj20 a, div.proj21 ol#projectsNav li.proj21 a, div.proj22 ol#projectsNav li.proj22 a, div.proj23 ol#projectsNav li.proj23 a, div.proj24 ol#projectsNav li.proj24 a, div.proj25 ol#projectsNav li.proj25 a, div.proj26 ol#projectsNav li.proj26 a, div.proj27 ol#projectsNav li.proj27 a, div.proj28 ol#projectsNav li.proj28 a, div.proj29 ol#projectsNav li.proj29 a, div.proj30 ol#projectsNav li.proj30 a, div.proj31 ol#projectsNav li.proj31 a, div.proj32 ol#projectsNav li.proj32 a, div.proj33 ol#projectsNav li.proj33 a, div.proj34 ol#projectsNav li.proj34 a, div.proj35 ol#projectsNav li.proj35 a, div.proj36 ol#projectsNav li.proj36 a {background-position: 0 -19px; z-index: 11;} /*text to top when it's the current page*/ div.proj1 ol#projectsNav li.proj1 a span, div.proj2 ol#projectsNav li.proj2 a span, div.proj3 ol#projectsNav li.proj3 a span, div.proj4 ol#projectsNav li.proj4 a span, div.proj5 ol#projectsNav li.proj5 a span, div.proj6 ol#projectsNav li.proj6 a span, div.proj7 ol#projectsNav li.proj7 a span, div.proj8 ol#projectsNav li.proj8 a span, div.proj9 ol#projectsNav li.proj9 a span, div.proj10 ol#projectsNav li.proj10 a span, div.proj11 ol#projectsNav li.proj11 a span, div.proj12 ol#projectsNav li.proj12 a span, div.proj13 ol#projectsNav li.proj13 a span, div.proj14 ol#projectsNav li.proj14 a span, div.proj15 ol#projectsNav li.proj15 a span, div.proj16 ol#projectsNav li.proj16 a span, div.proj17 ol#projectsNav li.proj17 a span, div.proj18 ol#projectsNav li.proj18 a span, div.proj19 ol#projectsNav li.proj19 a span, div.proj20 ol#projectsNav li.proj20 a span, div.proj21 ol#projectsNav li.proj21 a span, div.proj22 ol#projectsNav li.proj22 a span, div.proj23 ol#projectsNav li.proj23 a span, div.proj24 ol#projectsNav li.proj24 a span, div.proj25 ol#projectsNav li.proj25 a span, div.proj26 ol#projectsNav li.proj26 a span, div.proj27 ol#projectsNav li.proj27 a span, div.proj28 ol#projectsNav li.proj28 a span, div.proj29 ol#projectsNav li.proj29 a span, div.proj30 ol#projectsNav li.proj30 a span, div.proj31 ol#projectsNav li.proj31 a span, div.proj32 ol#projectsNav li.proj32 a span, div.proj33 ol#projectsNav li.proj33 a span, div.proj34 ol#projectsNav li.proj34 a span, div.proj35 ol#projectsNav li.proj35 a span, div.proj36 ol#projectsNav li.proj36 a span {z-index: 11;} /*image to top when it's the current page*/ div.proj1 ol#projectsNav li.proj1 a img, div.proj2 ol#projectsNav li.proj2 a img, div.proj3 ol#projectsNav li.proj3 a img, div.proj4 ol#projectsNav li.proj4 a img, div.proj5 ol#projectsNav li.proj5 a img, div.proj6 ol#projectsNav li.proj6 a img, div.proj7 ol#projectsNav li.proj7 a img, div.proj8 ol#projectsNav li.proj8 a img, div.proj9 ol#projectsNav li.proj9 a img, div.proj10 ol#projectsNav li.proj10 a img, div.proj11 ol#projectsNav li.proj11 a img, div.proj12 ol#projectsNav li.proj12 a img, div.proj13 ol#projectsNav li.proj13 a img, div.proj14 ol#projectsNav li.proj14 a img, div.proj15 ol#projectsNav li.proj15 a img, div.proj16 ol#projectsNav li.proj16 a img, div.proj17 ol#projectsNav li.proj17 a img, div.proj18 ol#projectsNav li.proj18 a img, div.proj19 ol#projectsNav li.proj19 a img, div.proj20 ol#projectsNav li.proj20 a img, div.proj21 ol#projectsNav li.proj21 a img, div.proj22 ol#projectsNav li.proj22 a img, div.proj23 ol#projectsNav li.proj23 a img, div.proj24 ol#projectsNav li.proj24 a img, div.proj25 ol#projectsNav li.proj25 a img, div.proj26 ol#projectsNav li.proj26 a img, div.proj27 ol#projectsNav li.proj27 a img, div.proj28 ol#projectsNav li.proj28 a img, div.proj29 ol#projectsNav li.proj29 a img, div.proj30 ol#projectsNav li.proj30 a img, div.proj31 ol#projectsNav li.proj31 a img, div.proj32 ol#projectsNav li.proj32 a img, div.proj33 ol#projectsNav li.proj33 a img, div.proj34 ol#projectsNav li.proj34 a img, div.proj35 ol#projectsNav li.proj35 a img, div.proj36 ol#projectsNav li.proj36 a img {z-index: 11;} /*set up contact and resume nav*/ body#interior ul#utilityNav {position: absolute; width: 204px; height: 80px; top: 357px; left: 20px; list-style: none; padding: 0; margin: 0;background: url(../images/bg_interiorNavDivider.gif) top right no-repeat;} body#interior div.contact ul#utilityNav, body#interior div.resume ul#utilityNav {background: none;} body#interior ul#utilityNav li {margin: 0; padding: 0; position: absolute; left: 0;} body#interior ul#utilityNav li a {display: block; width: 204px; height: 15px; background: url(../images/txt_interior_util_nav.gif) no-repeat;} body#interior ul#utilityNav li a span {position: absolute; left: -10000px;} body#interior ul#utilityNav li.contact {top: 35px;} body#interior ul#utilityNav li.contact a {background-position: 0 0;} body#interior ul#utilityNav li.contact a:hover {background-position: -204px 0;} body#interior div.contact ul#utilityNav li.contact a {background-position: -408px 0;} body#interior ul#utilityNav li.resume {top: 50px;} body#interior ul#utilityNav li.resume a {background-position: 0 -15px;} body#interior ul#utilityNav li.resume a:hover {background-position: -204px -15px;} body#interior div.resume ul#utilityNav li.resume a {background-position: -408px -15px;} /*content area dimensions and bg*/ body#interior div#content {width: 425px; height: 400px; position: absolute; padding: 27px 55px; left: 244px; top: 12px;} body#interior div.tv div#content {background: url(../images/bg_tv_content.jpg) no-repeat;} body#interior div.print div#content {background: url(../images/bg_print_content.jpg) no-repeat;} body#interior div.radio div#content {background: url(../images/bg_radio_content.jpg) no-repeat;} body#interior div.interactive div#content {background: url(../images/bg_interactive_content.jpg) no-repeat;} body#interior div.direct div#content {background: url(../images/bg_direct_content.jpg) no-repeat;} body#interior div.brochures div#content {background: url(../images/bg_brochures_content.jpg) no-repeat;} body#interior div.resume div#content {background: url(../images/bg_resume_content.jpg) no-repeat;} body#interior div.contact div#content {background: url(../images/bg_contact_content.jpg) no-repeat;} /*content area styles*/ body#interior div div#content h1 {height: 16px; font-size: 1.2em; text-transform:uppercase; color:#fff; margin:0;} /*h1 backgrounds for each section*/ body#interior div.tv div#content h1 {background: url(../images/txt_interior_title_tv.gif) no-repeat;} body#interior div.print div#content h1 {background: url(../images/txt_interior_title_print.gif) no-repeat;} body#interior div.radio div#content h1 {background: url(../images/txt_interior_title_radio.gif) no-repeat;} body#interior div.interactive div#content h1 {background: url(../images/txt_interior_title_interactive.gif) no-repeat;} body#interior div.direct div#content h1 {background: url(../images/txt_interior_title_direct.gif) no-repeat;} body#interior div.brochures div#content h1 {background: url(../images/txt_interior_title_brochures.gif) no-repeat;} body#interior div.contact div#content h1 {background: url(../images/txt_interior_title_contact.gif) no-repeat;} body#interior div.resume div#content h1 {background: url(../images/txt_interior_title_resume.gif) no-repeat;} body#interior div#content h1 span {position: absolute; left: -10000px;} body#interior div#content img.featured {border: 5px solid #fff; margin: 10px 0 15px 0; float:left;} body#interior div div#content a.viewLarger {text-decoration: none; display: block; float: right; padding: 0 20px 0 0; margin-top:-17px; text-transform: uppercase; line-height: 20px; height: 20px; font-size: 1em; font-weight: bold;} body#interior div div#content a.viewLarger:hover {text-decoration: underline;} body#interior div.print div#content a.viewLarger{background: url(../images/magPrint.gif) top right no-repeat; color:#225e9c;} body#interior div.interactive div#content a.viewLarger{background: url(../images/magInteractive.gif) top right no-repeat; color:#ff8002;} body#interior div.direct div#content a.viewLarger{background: url(../images/magDirect.gif) top right no-repeat; color:#7ac02a;} body#interior div.brochures div#content a.viewLarger{background: url(../images/magBrochures.gif) top right no-repeat; color:#329dcb;} body#interior div div#content div#flashContent {margin-top: 10px;} body#interior div div#content h2 {clear: left; font-size: 1.2em; font-weight: bold; color: #fff; margin: 15px 0 0 0; text-transform: uppercase;} body#interior div div#content p {clear: left; font-size: 1.2em; font-weight: normal; color: #fff; margin: 2px 0 0 0;} /* project images nav */ body#interior div div#content ol {position: absolute; line-height: 20px; top: 23px; right: 55px; list-style: none; padding: 0; margin: 0;} body#interior div div#content ol li {float: left;} body#interior div div#content ol li a {display: block; font-weight: bold; color: #535353; text-align: center; text-decoration: none; width: 20px; height: 20px; background: #FCEA95 url(../images/btn_tNav.gif) 0 0 no-repeat;} body#interior div div#content ol li a.skiptolightbox {display: none;} body#interior div.tv div#content ol li a {background-color: #FCEA95; background-position: 0 0;} body#interior div.print div#content ol li a {background-color: #FFE0A4; background-position: 0 -20px;} body#interior div.radio div#content ol li a {background-color: #9DD3E9; background-position: 0 -40px;} body#interior div.interactive div#content ol li a {background-color: #FFEA85; background-position: 0 -60px;} body#interior div.direct div#content ol li a {background-color: #8FAECC; background-position: 0 -80px;} body#interior div.brochures div#content ol li a {background-color: #D2E99D; background-position: 0 -100px;} body#interior div div#content ol li a span {position: absolute; left: -10000px;} body#interior div div#content ol li a:visited {background-color: transparent;} body#interior div div#content ol li a:hover, body#interior div.img1 div#content ol li#img1 a, body#interior div.img2 div#content ol li#img2 a, body#interior div.img3 div#content ol li#img3 a, body#interior div.img4 div#content ol li#img4 a, body#interior div.img5 div#content ol li#img5 a, body#interior div.img6 div#content ol li#img6 a, body#interior div.img7 div#content ol li#img7 a, body#interior div.img8 div#content ol li#img8 a, body#interior div.img9 div#content ol li#img9 a, body#interior div.img10 div#content ol li#img10 a {background-color: #fff;} body#interior div div#content ol li a:hover span {position: absolute; left: -10000px;} form label {font-size: 1.5em; color: #fff; margin-bottom: 0;} form span.textbox {display: block; width: 425px; margin: 5px 0 10px 0; padding: 1px 0; background: url(../images/bg_formtiles.gif) repeat-y;} form span.textbox span {background: #fff; display: block;} form span.textbox span input.wideInput, form span.textbox span textarea.wideInput {margin:5px; width: 415px; border: none; background: transparent; outline: none; color: #3E3E3E; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;} form input#submit {float: right; clear: left; margin-top: 10px;} /*copyright info on all interior pages*/ body#interior div#copyRight {position: absolute; bottom: -24px; right: 15px;} /*lightbox stuff*/ #lightbox{position: absolute;top: 10px;left: 0;width: 100%;z-index: 3000;text-align: center;line-height: 0px;} #lightbox a img{ border: none; } #outerImageContainer{position: relative;background-color: #ddd;width: 250px;height: 250px;margin: 0 auto;} #imageContainer{padding: 10px;} #loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0px;} #hoverNav{display: none; position: absolute;top: 0;left: 0;height: 27px; background: #fff;width: 100%;z-index: 10;} #imageContainer>#hoverNav{display: none; left: 0;} #hoverNav a{display: none; outline: none;} #prevLink, #nextLink{display: none;width: 49%;height: 27px;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;} #prevLink { display: none;left: 0; float: left;background: url(../images/prevlabel.gif) left top no-repeat;} #nextLink {display: none; right: 0; float: right;background: url(../images/nextlabel.gif) right top no-repeat;} #prevLink:hover, #prevLink:visited:hover {display: none;} #nextLink:hover, #nextLink:visited:hover {display: none; } #imageDataContainer{background-color: #ddd;margin: 0 auto;line-height: 1.4em;} #imageData{padding:10px;} #imageData #imageDetails{display: none; width: 70%; float: left; text-align: left; } #imageData #caption{display: none; font-weight: bold; } #imageData #numberDisplay{display: none; display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: left; } #overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px; background-color: #eee;/*z-index: 3000;*/} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body .clearfix {display: block; width: 100%;} * html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */} /*********************** SCROLLERS ***********************/ .root {position: relative;width: 425px;top: 15px; } .thumb {position: absolute;height:9px;width:15px;left: 10px; cursor: pointer;} .up, .dn {position:absolute;left:10px; cursor: pointer;} .up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{border: 0; } .scrollContainer { position:absolute; width:425px; height:400px;clip:rect(0, 425px, 400px, 0);} .scrollContent {position:absolute; left:0px; top:0px; width:400px; } /* Contact section styles*/ body#interior div.contact div#content p {font-size: 1.5em;} body#interior div.contact div#content p.line1 {margin: 15px 0 0 0;} body#interior div.contact div#content p.line2 {margin: 0 0 15px 0;} body#interior div.contact div#content p a {color: #9BCD3D; text-decoration: none;} fieldset {border: 0; margin: 0; padding: 0; outline: 0;} body#interior div.contact div#content p a:hover {color: #fff; text-decoration: none;} body#interior div.contact div#content p.required {position: absolute; right: 55px; top: 31px; font-size: 1.4em; } /*resume section styles */ body#interior div.resume div#content h2 {color: #194F7D; font-weight: bold; text-transform: lowercase; font-size: 1.7em; margin: 25px 0 5px 0;} body#interior div.resume div#content h2.first {margin-top:0;} body#interior div.resume div#content p {font-size: 1.5em;} body#interior div.resume div#content p.dates {color: #fff; font-weight: bold; text-transform: lowercase; margin: 5px 0 10px 0;} body#interior div.resume div#content h3 {color: #fff; font-weight: bold; text-transform: lowercase; font-size: 1.5em; margin: 15px 0 5px 0;} p.downloadDoc {position: absolute; bottom: 35px; right: 55px; text-align: right;} p.downloadDoc a {display: block; height: 16px; width: 167px; background: url(../images/btn_resume_download.gif) 0 0 no-repeat;} p.downloadDoc a span {position: absolute; left:-10000px;} p.downloadDoc a:hover {background-position: 0 -16px;} /*for admin section*/ ul#adminNav {position: absolute; top: -10px; left: 0; width: 535px; background: #333; text-transform: capitalize; margin: 0; padding: 0; list-style: none;} ul#adminNav li {float: left; font-size: 1.1em; margin: 0; color: #FFF; font-weight: bold;text-align: center; width: 178px;} /*ul#adminNav li#adminTitle {width: 515px;padding: 3px 0; border-bottom: 1px solid #000; border-top: none;}*/ ul#adminNav li a { font-weight: bold; text-decoration: none; display: block; padding: 5px 0;} ul#adminNav li#addNew a {color: #66CC00; border-right: 1px solid #000;} ul#adminNav li#editThis a {color: #FFCC00;border-left: 1px solid #bbb; border-right: 1px solid #000;} ul#adminNav li#deleteThis a {color: #FF0000; border-left: 1px solid #bbb; border-right: none;} ul#adminNav li a:hover {background: #222;} div.adminScroll {margin-top: 20px;height: 340px; padding-right: 10px; overflow: auto; padding-bottom: 20px; width: 440px;} body#interior div div#content ol#projectImages {position: static; display: block; list-style: none; padding: 0; margin: 0; top: auto; left:auto;} /*body#interior div div#content ol#projectImages label {position: absolute; left: -10000px;}*/ body#interior div div#content ol#projectImages span label {position: static; left:auto; color: #666;}