body { background-color: #505050;} .txt2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF} .txtb { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold} .arial18bold { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #FFFFFF; font-weight: bold} .ital { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-style: italic} .copyright { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; color: #FFFFFF; padding: 20px 0 10px 0; text-align: center; width: 470px;} .txt { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF} .big3 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF} a.jfs:link, a.jfs:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color:#FFFFFF; text-decoration: none;} a.jfs:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color:#999; text-decoration: none} a.bodylink:link, a.bodylink:visited { font-weight: bold; color:#c0c0c0; text-decoration: none;} a.bodylink:hover,a.bodylink:active { font-weight: bold; color:#E66F1B; text-decoration: none} .title { padding: 10px 0 20px; } #thumbs{ position: absolute; top: 222px; left: 265px; padding: 10px 0; margin: 0 auto 0 auto; z-index:3; } #thumbs ul li{ display: inline; padding: 10px; } .shortpage { padding: 50px 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; margin: 0 auto 0 auto; width: 400px; } .longpage { padding: 20px 0 30px 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; margin: 0 auto 0 auto; width: 400px; } .book {padding-right: 20px; margin: 0 auto 0 auto;} /*begin layout styles*/ #container {margin-left: 300px; float:left; width: 500px;} #header { width: 290px; height: 38px; padding-bottom: 12px; margin: 0 auto 0 auto; } #content {background-color:#000; width: 470px;padding: 10px;} #footer{font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; color: #FFF; padding-top: 20px; position: relative; margin: 0 auto 0 auto; text-align: center;} /*end layout styles*/ /*begin navigation*/ #nav{ margin-left: 25px; padding:0; width: 150px; } #nav li { list-style:none; margin: 5px 0;} #nav li span { display: none; } #navlook {background: url(../graphics/menu-look-at-me.gif) top left no-repeat; height: 24px; width: 87px;overflow: hidden;display: block; text-indent: 10000px; margin: 5px 0 5px 0; } #navlook:link, #navphotoslook:visited {background-position: 0px 0px; } #navlook:hover { background-position: -86px 0px;} #navlook:active{ background-position: -170px 0px;} #navlookon {background: url(../graphics/menu-look-at-me.gif) top left no-repeat; height: 24px; width: 87px;overflow: hidden;display: block; text-indent: 10000px; background-position: -172px 0px;margin: 5px 0 5px 0;} #navcity4 {background: url(../graphics/menu-city-of-secrets.gif) top left no-repeat; height: 24px; width:111px;overflow: hidden;display: block; text-indent: 10000px; margin: 10px 0 -5px 0;} #navcity4:link, #navcity4:visited {background-position: 0px 0px;} #navcity4:hover { background-position: -113px 0px;} #navcity4:active{ background-position: -222px 0px;} #navcity4on {background: url(../graphics/menu-city-of-secrets.gif) top left no-repeat; height: 24px; width: 111px;overflow: hidden;display: block; text-indent: 10000px;background-position: -223px 0px;margin: 10px 0 -5px 0;} #navphotos {background: url(../graphics/menu-photos.gif) top left no-repeat; height: 20px; width: 95px;overflow: hidden;display: block; text-indent: 10000px;margin: 2px 0 8px 0;} #navphotos:link, #navphotos:visited {background-position: 0px 0px; } #navphotos:hover { background-position: -96px 0px;} #navphotos:active{ background-position: -192px 0px;} #navphotoson {background: url(../graphics/menu-photos.gif) top left no-repeat; height: 24px; width: 95px;overflow: hidden;display: block; text-indent: 10000px; background-position: -191px 0px;} #navphotoslook {background: url(../graphics/menu-look-at-me.gif) top left no-repeat; height: 24px; width: 87px;overflow: hidden;display: block; text-indent: 10000px; margin: 10px 0 5px 20px;} #navphotoslook:link, #navphotoslook:visited {background-position: 0px 0px; } #navphotoslook:hover { background-position: -86px 0px;} #navphotoslook:active{ background-position: -170px 0px;} #navphotoslookon {background: url(../graphics/menu-look-at-me.gif) top left no-repeat; height: 24px; width: 87px;overflow: hidden;display: block; text-indent: 10000px; margin: -5px 0 -5px 20px; background-position: -172px 0px;} #navphotoscity2 {background: url(../graphics/menu-city-of-secrets.gif) top left no-repeat; height: 24px; width:111px;overflow: hidden;display: block; text-indent: 10000px; margin: 10px 0 -5px 20px;} #navphotoscity2:link, #navphotoscity2:visited {background-position: 0px 0px; } #navphotoscity2:hover { background-position: -113px 0px;} #navphotoscity2:active{ background-position: -222px 0px;} #navphotoscity2on {background: url(../graphics/menu-city-of-secrets.gif) top left no-repeat; height: 24px; width: 111px;overflow: hidden;display: block; text-indent: 10000px; margin-left: 20px; background-position: -223px 0px;margin: 5px 0 -3px 20px;} #navfacades {background: url(../graphics/menu-facades.gif) top left no-repeat; height: 24px; width: 63px;overflow: hidden;display: block; text-indent: 10000px;margin-left: 20px;} #navfacades:link, #navfacades:visited {background-position: 0px 0px; } #navfacades:hover { background-position: -62px 0px;} #navfacades:active{ background-position: -126px 0px;} #navfacadeson {background: url(../graphics/menu-facades.gif) top left no-repeat; height: 24px; width: 85px;overflow: hidden;display: block; text-indent: 10000px;margin-left: 20px; background-position: -126px 0px;} #navstreetwork {background: url(../graphics/menu-street-work.gif) top left no-repeat; height: 24px; width: 85px;overflow: hidden;display: block; text-indent: 10000px;margin-left: 20px; padding-bottom: 2px;} #navstreetwork:link, #navstreetwork:visited {background-position: 0px 0px; } #navstreetwork:hover { background-position: -86px 0px;} #navstreetwork:active{ background-position: -170px 0px;} #navstreetworkon {background: url(../graphics/menu-street-work.gif) top left no-repeat; height: 24px; width: 85px;overflow: hidden;display: block; text-indent: 10000px; background-position: -170px 0px;margin-left: 20px; padding-bottom: 2px;} #navphotoslookon {background: url(../graphics/menu-look-at-me.gif) top left no-repeat; height: 24px; width: 87px;overflow: hidden;display: block; text-indent: 10000px; margin: 10px 0 10px 20px; background-position: -172px 0px;} #navbio {background: url(../graphics/menu-bio.gif) top left no-repeat; height: 24px; width: 75px;overflow: hidden;display: block; text-indent: 10000px;} #navbio:link, #navbio:visited {background-position: 0px 0px; } #navbio:hover { background-position: -75px 0px;} #navbio:active{ background-position: -148px 0px;} #navbioon {background: url(../graphics/menu-bio.gif) top left no-repeat; height: 24px; width: 85px;overflow: hidden;display: block; text-indent: 10000px; background-position: -148px 0px; margin-top: -5px;} #navlookexcerpts {background: url(../graphics/menu-excerpts-look.gif) top left no-repeat; height: 44px; width: 110px;overflow: hidden;display: block; text-indent: 10000px;} #navlookexcerpts:link, #navcity4excerpts:visited {background-position: 0px 0px; } #navlookexcerpts:hover { background-position: -109px 0px;} #navlookexcerpts:active{ background-position: -220px 0px;} #navlookexcerptson {background: url(../graphics/menu-excerpts-look.gif) top left no-repeat; height: 44px; width: 110px;overflow: hidden;display: block; text-indent: 10000px; background-position: -220px 0px;} #navcity4excerpts {background: url(../graphics/menu-excerpts-city.gif) top left no-repeat; height: 44px; width: 117px;overflow: hidden;display: block; text-indent: 10000px;} #navcity4excerpts:link, #navcity4excerpts:visited {background-position: 0px 0px; } #navcity4excerpts:hover { background-position: -119px 0px;} #navcity4excerpts:active{ background-position: -237px 0px;} #navcity4excerptson {background: url(../graphics/menu-excerpts-city.gif) top left no-repeat; height: 44px; width: 119px;overflow: hidden;display: block; text-indent: 10000px; background-position: -239px 0px;} #navbuylook {background: url(../graphics/menu-buy-look.gif) top left no-repeat; height: 24px; width: 117px;overflow: hidden;display: block; text-indent: 10000px;} #navbuylook:link, #navbuycity:visited {background-position: 0px 0px; } #navbuylook:hover { background-position: -118px 0px;} #navbuylook:active{ background-position: -236px 0px;} #navbuycity {background: url(../graphics/menu-buy-city.gif) top left no-repeat; height: 24px; width: 145px;overflow: hidden;display: block; text-indent: 10000px;} #navbuycity:link, #navbuycity:visited {background-position: 0px 0px; } #navbuycity:hover { background-position: -144px 0px;} #navbuycity:active{ background-position: -290px 0px;} #navblog {background: url(../graphics/menu-blog.gif) top left no-repeat; height: 24px; width: 142px;overflow: hidden;display: block; text-indent: 10000px; margin-top:-5px;} #navblog:link, #navblog:visited {background-position: 0px 0px; } #navblog:hover { background-position: -143px 0px;} #navblog:active{ background-position: -290px 0px;} #navpurchaselook {background: url(../graphics/menu-purchase-look.gif) top left no-repeat; height: 36px; width: 170px;overflow: hidden;display: block; text-indent: 10000px; padding-bottom: 10px;} #navpurchaselook:link, #navpurchaselook:visited {background-position: 0px 0px; } #navpurchaselook:hover { background-position: -173px 0px;} #navpurchaselook:active{ background-position: -346px 0px;} #navpurchaselookon {background: url(../graphics/menu-purchase-look.gif) top left no-repeat; height: 36px; width: 300px;overflow: hidden;display: block; text-indent: 10000px; background-position: -344px 0px;padding-bottom: 10px;} #navpurchasecity {background: url(../graphics/menu-purchase-city.gif) top left no-repeat; height: 33px; width: 170px;overflow: hidden;display: block; text-indent: 10000px;padding-bottom: 10px;} #navpurchasecity:link, #navpurchasecity:visited {background-position: 0px 0px; } #navpurchasecity:hover { background-position: -169px 0px;} #navpurchasecity:active{ background-position: -340px 0px;} #navpurchasecityon {background: url(../graphics/menu-purchase-city.gif) top left no-repeat; height: 33px; width: 175px;overflow: hidden;display: block; text-indent: 10000px; ;background-position: -340px 0px;padding-bottom: 10px;} #navpurchase {background: url(../graphics/menu-purchase.gif) top left no-repeat; height: 33px; width: 170px;overflow: hidden;display: block; text-indent: 10000px; margin-bottom: -3px;} #navpurchase:link, #navpurchase:visited {background-position: 0px 0px; } #navpurchase:hover { background-position: -173px 0px;} #navpurchase:active{ background-position: -346px 0px;} #navpurchaseon {background: url(../graphics/menu-purchase.gif) top left no-repeat; height: 33px; width: 170px;overflow: hidden;display: block; text-indent: 10000px; ;background-position: -343px 0px;} #navabout {background: url(../graphics/menu-about.gif) top left no-repeat; height: 33px; width: 170px;overflow: hidden;display: block; text-indent: 10000px; margin-top: -6px;} #navabout:link, #navabout:visited {background-position: 0px 0px; } #navabout:hover { background-position: -169px 0px;} #navabout:active{ background-position: -346px 0px;} #navabouton {background: url(../graphics/menu-about.gif) top left no-repeat; height: 33px; width: 175px;overflow: hidden;display: block; text-indent: 10000px; background-position: -340px 0px;} #navvid {background: url(../graphics/menu-videos.gif) top left no-repeat; height: 24px; width: 112px;overflow: hidden;display: block; text-indent: 10000px; margin: -7px 0 0 20px;} #navvid:link, #navvid:visited {background-position: 0px 0px; } #navvid:hover { background-position: -114px 0px;} #navvid:active{ background-position: -228px 0px;} #navvidon {background: url(../graphics/menu-videos.gif) top left no-repeat; height: 24px; width: 112px;overflow: hidden;display: block; text-indent: 10000px; background-position: -228px 0px;} #navcopyright {background: url(../graphics/menu-copyright.gif) top left no-repeat; height: 20px; width: 70px;overflow: hidden;display: block; text-indent: 10000px; padding-bottom: 12px;margin-left:20px;} #navcopyright:link, #navcopyright:visited {background-position: 0px 0px; } #navcopyright:hover { background-position: -71px 0px;} #navcopyright:active{ background-position: -140px 0px;} #navcopyrighton {background: url(../graphics/menu-copyright.gif) top left no-repeat; height: 20px; width: 70px;overflow: hidden;display: block; text-indent: 10000px; background-position: -140px 0px;padding-bottom: 3px;} #navevents {background: url(../graphics/menu-events.gif) top left no-repeat; height: 24px; width:129px;overflow: hidden;display: block; text-indent: 10000px; margin: 10px 0 5px 0;} #navevents:link, #navevents:visited {background-position: 0px 0px;} #navevents:hover { background-position: -131px 0px;} #navevents:active{ background-position: -262px 0px;} #naveventson {background: url(../graphics/menu-events.gif) top left no-repeat; height: 24px; width: 129px;overflow: hidden;display: block; text-indent: 10000px;background-position: -262px 0px;margin: 10px 0 5px 0;} #navcontact {background: url(../graphics/menu-contact.gif) top left no-repeat; height: 24px; width: 72px;overflow: hidden;display: block; text-indent: 10000px;} #navcontact:link, #navbio:visited {background-position: 0px 0px; } #navcontact:hover { background-position: -75px 0px;} #navcontact:active{ background-position: -148px 0px;} #navhome {background: url(../graphics/menu-home.gif) top left no-repeat; height: 20px; width: 45px;overflow: hidden;display: block; text-indent: 10000px;} #navhome:link, #navhome:visited {background-position: 0px 0px; } #navhome:hover { background-position: -45px 0px;} #navhome:active{ background-position: -90px 0px;} /*end navigation*/ /*begin photos page buttons*/ #citybuttons{ margin-top:25px; padding:0; } #citybuttons li { list-style:none; margin: 20px 0;} #citybuttons li span { display: none; } #buttonlook {background: url(../graphics/button-look-at-me.gif) top left no-repeat; height: 22px; width: 112px;overflow: hidden;display: block; text-indent: 10000px; margin:-25px 0 0 85px;} #buttonlook:link, #buttoncity:look {background-position: 0px 0px; } #buttonlook:hover { background-position: -111px 0px;} #buttonlook:active { background-position: -222px 0px;} #buttoncity {background: url(../graphics/button-city-of-secrets.gif) top left no-repeat; height: 22px; width: 145px;overflow: hidden;display: block; text-indent: 10000px; margin:-25px 0 0 95px;} #buttoncity:link, #buttoncity:visited {background-position: -0px 0px; } #buttoncity:hover { background-position: -145px 0px;} #buttoncity:active { background-position: -288px 0px;} #buttonfacades {background: url(../graphics/button-facades.gif) top left no-repeat; height: 19px; width: 82px;overflow: hidden;display: block; text-indent: 10000px; margin:-25px 0 0 85px;} #buttonfacades:link, #buttonfacades:visited {background-position: 0px 0px; } #buttonfacades:hover { background-position: -81px 0px;} #buttonfacades:active { background-position: -162px 0px;} #buttonstreetwork {background: url(../graphics/button-street-work.gif) top left no-repeat; height: 18px; width: 114px;overflow: hidden;display: block; text-indent: 10000px; margin:-25px 0 20px 120px;} #buttonstreetwork:link, #buttonstreetwork:visited {background-position: 0px 0px; } #buttonstreetwork:hover { background-position: -111px 0px;} #buttonstreetwork:active { background-position: -223px 0px;} /*end photos page buttons*/ /*navi class for IE6 and below*/ * html body #thumbs{ position: absolute; top: 20px; left: 775px; padding: 10px 0; margin: 0 auto 0 auto; z-index:3; } /*end IE6 hack*/