#banner { position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; overflow: hidden; } #site_title { position: absolute; left: 48px; top: 51px; z-index: 2; } #site_title a, #site_title span { position: absolute; left: 0; top: 0; width: 534px; height: 17px; display: block; } #site_title span { width: 0; height: 0; display: block; overflow: hidden; } #site_title.banner_1 a { background: transparent url(../presentation_graphics/common/site_title_common_sprites.gif) 0px 0px no-repeat; } #site_title.banner_1 a:hover { background: transparent url(../presentation_graphics/common/site_title_common_sprites.gif) 0px -17px no-repeat; } #site_title.banner_2 a { background: transparent url(../presentation_graphics/common/site_title_common_sprites_2.gif) 0px 0px no-repeat; } #site_title.banner_2 a:hover { background: transparent url(../presentation_graphics/common/site_title_common_sprites_2.gif) 0px -17px no-repeat; } #logo { position: absolute; left: 736px; top: 60px; z-index: 7; } #nav { position: absolute; left: 46px; top: 96px; z-index: 9; } #nav_rule { position: absolute; left: 0px; top: 103px; z-index: 2; width: 100%; overflow: hidden; } #home_link { position: absolute; left: 776px; top: 34px; z-index: 8; } #nav_links { position: absolute; z-index: 2; } #nav_map { position: absolute; z-index: 1; background-position: center; padding: 0 9px; } #nav_graphic { position: absolute; z-index: 1; margin-top: 13px; } #nav_background { position: absolute; left: 0px; top: 109px; z-index: 2; width: 100%; height:44px; background-color: #000000; } #index_php #nav_background { position: absolute; left: 0px; top: 109px; z-index: 2; width: 100%; height:44px; background-color: #17000C; } #gradient img { margin-top: 152px; } #approach_php #gradient, #who_benefits_php #gradient { position:absolute; left: 0px; top: 0px; z-index:0; width: 106px; height: 100%; background-color: #adc1a5; } /* =============================================================== */ /* = index page layout = */ /* =============================================================== */ #purple_strokes { position: absolute; left: -3px; top: 186px; z-index: 10; } #red_stroke { position: absolute; left: 55px; top: 174px; z-index: 12; } #index_php #pronunciation { position: absolute; left: 721px; top: 494px; z-index: 13; } #index_php #copy { position: absolute; left: 505px; top: 214px; z-index: 11; } /* =============================================================== */ /* = approach page layout = */ /* =============================================================== */ #approach_php #swash_title { position:absolute; left: 82px; top: 463px; z-index: 2; } #wanna_see { position:absolute; left: 866px; top: 541px; z-index: 18; } #card { position:absolute; left: 65px; top: 173px; z-index: 2; } #approach_php #copy { position:absolute; left: 390px; top: 219px; z-index:17; } /* =============================================================== */ /* = capabilities page layout = */ /* =============================================================== */ #capabilities_php #swash_title { position: absolute; left: 62px; top: 491px; z-index: 2; } #capabilities_php #card { position: absolute; left: 789px; top: 198px; z-index: 1; } #capabilities_php #copy { position: absolute; left: 212px; top: 222px; z-index: 17; } #capabilities_php #gradient { position: absolute; left: 0px; top: 0px; z-index: 0; height: 100%; background-image: url('../presentation_graphics/capabilities/fill_tile.png'); background-repeat: repeat-y; } #capabilities_php #who_benefits { position: absolute; left: 771px; top: 548px; z-index: 18; } #sub_nav { position: absolute; left: 1030px; top: 448px; z-index: 19; } /* =============================================================== */ /* = quarterly (in season) page layout = */ /* =============================================================== */ #news_and_more { position: absolute; left: 41px; top: 185px; z-index: 1; } #quarterly_php #swash_title { position: absolute; left: 22px; top: 473px; z-index: 8; } #quarterly_php #heading_01 { position: absolute; left: 116px; top: 185px; z-index: 22; } #quarterly_php #paragraph_01 { position: absolute; left: 135px; top: 214px; z-index: 23; width: 469px; } #quarterly_php #heading_02 { position: absolute; left: 116px; top: 336px; z-index: 20; } #quarterly_php #paragraph_02 { position: absolute; left: 287px; top: 368px; z-index: 21; width: 357px; } #napa_station { position: absolute; left: 554px; top: 180px; z-index: 18; } #vinquiry { position: absolute; left: 133px; top: 365px; z-index: 24; } /* =============================================================== */ /* = contact page layout = */ /* =============================================================== */ #contact_text { position: absolute; left: -3px; top: 153px; z-index: 1; } #contact_php #copy { position: absolute; left: 167px; top: 207px; z-index: 10; } #contact_php #email_link { position: absolute; left: 619px; top: 557px; z-index: 8; width: 102px; } /* =============================================================== */ /* = pronunciation page layout = */ /* =============================================================== */ body#pronunciation_php { background: #F9FAF2 url('../presentation_graphics/pronunciation/pronunciation_background.jpg') no-repeat scroll top left; } #button_labels { position: absolute; left: 375px; top: 538px; z-index: 4; } #lets_play { position: absolute; left: 21px; top: -34px; z-index: 5; } #pronunciation_php #paragraph_01 { position: absolute; left: 125px; top: 311px; z-index: 5; } #pronunciation_php #paragraph_02 { position: absolute; left: 628px; top: 360px; z-index: 5; } #pronunciation_php #site_title { z-index: 6; } /* =============================================================== */ /* = who_benefits page layout = */ /* =============================================================== */ #who_benefits_php #card { position:absolute; left: 522px; top: 554px; z-index:1; } #who_benefits_php #heading_01 { position:absolute; left: 178px; top: 195px; z-index:17; } #who_benefits_php #swash_title { position:absolute; left: 36px; top: 504px; z-index:18; } #who_benefits_php #paragraph_01 { position:absolute; left: 185px; top: 262px; z-index:20; width:227px; } #who_benefits_php #paragraph_02 { position:absolute; left: 447px; top: 262px; z-index:21; width:235px; } #who_benefits_php #paragraph_03 { position:absolute; left: 723px; top: 262px; z-index:22; width:235px; } /* =============================================================== */ /* = who_benefits page layout = */ /* =============================================================== */ #portfolio_nav { position: absolute; left: 828px; top: 210px; z-index:20 } #portfolio_nav ul li { list-style: none; height: 22px; width: 112px; } #portfolio_nav ul li a, #portfolio_nav ul li span { position: absolute; left: 0; width: 180px; height: 22px; display: block; } #portfolio_nav ul li a span, #portfolio_nav ul li span span { width: 0; height: 0; display: block; overflow: hidden; } #portfolio_nav ul li a#link_01:hover, #portfolio_nav ul li span#link_01 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -36px no-repeat; } #portfolio_nav ul li a#link_01 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -36px no-repeat; } #portfolio_nav ul li a#link_02:hover, #portfolio_nav ul li span#link_02 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -57.5px no-repeat; } #portfolio_nav ul li a#link_02 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -57.5px no-repeat; } #portfolio_nav ul li a#link_03:hover, #portfolio_nav ul li span#link_03 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -79px no-repeat; } #portfolio_nav ul li a#link_03 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -79px no-repeat; } #portfolio_nav ul li a#link_04:hover, #portfolio_nav ul li span#link_04 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -100.5px no-repeat; } #portfolio_nav ul li a#link_04 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -100.5px no-repeat; } #portfolio_nav ul li a#link_05:hover, #portfolio_nav ul li span#link_05 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -122px no-repeat; } #portfolio_nav ul li a#link_05 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -122px no-repeat; } #portfolio_nav ul li a#link_06:hover, #portfolio_nav ul li span#link_06 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -143.5px no-repeat; } #portfolio_nav ul li a#link_06 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -143.5px no-repeat; } #portfolio_nav ul li a#link_07:hover, #portfolio_nav ul li span#link_07 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -165px no-repeat; } #portfolio_nav ul li a#link_07 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -165px no-repeat; } #portfolio_nav ul li a#link_08:hover, #portfolio_nav ul li span#link_08 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -186.5px no-repeat; } #portfolio_nav ul li a#link_08 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -186.5px no-repeat; } #portfolio_nav ul li a#link_09:hover, #portfolio_nav ul li span#link_09 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -208px no-repeat; } #portfolio_nav ul li a#link_09 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -208px no-repeat; } #portfolio_nav ul li a#link_10:hover, #portfolio_nav ul li span#link_10 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -1px -229.5px no-repeat; } #portfolio_nav ul li a#link_10 { background: transparent url(../presentation_graphics/common/nav_sprites_2.gif) -164px -229.5px no-repeat; }