/*grey: #666*/ body { margin: 0; padding: 0; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: small; background: white; color: #666; } #header { position: absolute; left: 160px; top: 36px; } #content noscript p { background-color: #ffc; padding: 9px; border: 1px solid #c00; font-weight: bold; margin-left: 5px; width: 550px; } /*menu*/ #menu { position: absolute; left: 160px; top: 82px; background-image: url(../images/menu.gif); width: 550px; height: 12px; padding: 0; margin: 0; } #menu li { margin: 0; padding: 0; position: absolute; top: 1px; list-style: none; } #menu li, #menu a { height: 12px; display: block; padding: 0; margin: 0; } #menu li#home { left: 3px; width: 42px; } #menu li#unique { left: 50px; width: 119px; } #menu li#models { left: 174px; width: 104px; } #menu li#furniture { left: 285px; width: 76px; } #menu li#why { left: 371px; width: 96px; } #menu li#contact { left: 474px; width: 80px; } #home a:hover { background: url(../images/menu.gif) no-repeat -3px -14px; } #unique a:hover { background: url(../images/menu.gif) no-repeat -50px -14px; } #models a:hover { background: url(../images/menu.gif) no-repeat -174px -14px; } #furniture a:hover { background: url(../images/menu.gif) no-repeat -285px -14px; } #why a:hover { background: url(../images/menu.gif) no-repeat -371px -14px; } #contact a:hover { background: url(../images/menu.gif) no-repeat -474px -14px; } #home a:active { background-position: -3px -26px; } #models a:active { background-position: -174px -26px; } #furniture a:active {background-position: -285px -26px;} #why a:active { background-position: -371px -26px; } #contact a:active { background-position: -474px -26px; } /* makes the current page hightlight the menu */ /* cues from the below markup */ /* menu from the first class, subnav from the second */ /* */ /* HOME */ body.landing #home a, #home a:active { background: url(../images/menu.gif) no-repeat -3px -26px; } /* UNIQUE */ body.unique_designs.austin_apartment #unique a, body.unique_designs.alofsin_residence #unique a, body.unique_designs.mountain_top #unique a, body.unique_designs.flowers_addition #unique a, body.unique_designs.santa_fe #unique a, body.unique_designs.santa_fe2 #unique a, body.unique_designs.austin_addition #unique a, body.unique_designs.estate_study #unique a, body.unique_designs.gate_house #unique a, body.unique_designs.gallery #unique a, #unique a:active { background: url(../images/menu.gif) no-repeat -50px -26px; } /* MODELS */ body.models.model1 #models a, body.models.model2 #models a, #models a:active { background: url(../images/menu.gif) no-repeat -174px -26px; } /* FURNITURE */ body.furniture.furniture1 #furniture a, body.furniture.furniture2 #furniture a, body.furniture.furniture3 #furniture a, #furniture a:active { background: url(../images/menu.gif) no-repeat -285px -26px; } /* WHY ALOFSIN */ body.whyalofsin.provide #why a, body.whyalofsin.philosophy #why a, body.whyalofsin.biography #why a, body.whyalofsin.publications #why a, #why a:active { background: url(../images/menu.gif) no-repeat -371px -26px; } /* CONTACT */ body.contactinfo #contact a, #contact a:active { background: url(../images/menu.gif) no-repeat -474px -26px; } /* end menu */ /*==============================================================================*/ /*subnav */ #subnav { position: absolute; left: 0; top: 112px; width: 160px; height: 250px; padding: 0; margin: 0; } #subnav li { margin: 0; padding: 0; position: absolute; list-style: none; } #subnav li, #subnav a { height: 24px; display: block; width: 160px; } body.unique_designs #subnav li#austin_apartment, body.models #subnav li#model1, body.furniture #subnav li#furniture1, body.whyalofsin #subnav li#alofsin_provides { top: 6px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#alofsin_residence, body.models #subnav li#model2, body.furniture #subnav li#furniture2, body.whyalofsin #subnav li#alofsin_philosophy { top: 30px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#mountain_top, body.models #subnav li#model3, body.furniture #subnav li#furniture3, body.whyalofsin #subnav li#alofsin_biography { top: 54px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#flowers_addition, body.whyalofsin #subnav li#alofsin_publications { top: 78px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#santa_fe { top: 102px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#santa_fe2 { top: 126px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#austin_addition{ top: 150px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#estate_study { top: 174px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#gate_house { top: 198px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav li#gallery{ top: 222px; left: 0; height: 24px; width: 160px; } body.unique_designs #subnav, body.unique_designs.austin_apartment #subnav #austin_apartment a, body.unique_designs.alofsin_residence #subnav #alofsin_residence a, body.unique_designs.mountain_top #subnav #mountain_top a, body.unique_designs.flowers_addition #subnav #flowers_addition a, body.unique_designs.santa_fe #subnav #santa_fe a, body.unique_designs.santa_fe2 #subnav #santa_fe2 a, body.unique_designs.austin_addition #subnav #austin_addition a, body.unique_designs.estate_study #subnav #estate_study a, body.unique_designs.gate_house #subnav #gate_house a, body.unique_designs.gallery #subnav #gallery a, body.unique_designs #subnav li#austin_apartment a:hover, body.unique_designs #subnav li#alofsin_residence a:hover, body.unique_designs #subnav li#mountain_top a:hover, body.unique_designs #subnav li#flowers_addition a:hover, body.unique_designs #subnav li#santa_fe a:hover, body.unique_designs #subnav li#santa_fe2 a:hover, body.unique_designs #subnav li#austin_addition a:hover, body.unique_designs #subnav li#estate_study a:hover, body.unique_designs #subnav li#gate_house a:hover, body.unique_designs #subnav li#gallery a:hover, body.unique_designs #subnav li#austin_apartment a:active, body.unique_designs #subnav li#alofsin_residence a:active, body.unique_designs #subnav li#mountain_top a:active, body.unique_designs #subnav li#flowers_addition a:active, body.unique_designs #subnav li#santa_fe a:active, body.unique_designs #subnav li#santa_fe2 a:active, body.unique_designs #subnav li#austin_addition a:active, body.unique_designs #subnav li#estate_study a:active, body.unique_designs #subnav li#gate_house a:active, body.unique_designs #subnav li#gallery a:active { background-image: url(../images/uniquesubnav.gif); } body.models #subnav, body.models.model1 #subnav #model1 a, body.models.model2 #subnav #model2 a, body.models.model3 #subnav #model3 a, body.models #subnav li#model1 a:hover, body.models #subnav li#model2 a:hover, body.models #subnav li#model3 a:hover, body.models #subnav li#model1 a:active, body.models #subnav li#model2 a:active, body.models #subnav li#model3 a:active{ background-image: url(../images/modelsubnav.gif); } body.furniture #subnav, body.furniture.furniture1 #subnav #furniture1 a, body.furniture.furniture2 #subnav #furniture2 a, body.furniture.furniture3 #subnav #furniture3 a, body.furniture #subnav li#furniture1 a:hover, body.furniture #subnav li#furniture2 a:hover, body.furniture #subnav li#furniture3 a:hover, body.furniture #subnav li#furniture1 a:active, body.furniture #subnav li#furniture2 a:active, body.furniture #subnav li#furniture3 a:active { background-image: url(../images/furnsubnav.gif); } body.whyalofsin #subnav, body.whyalofsin.provide #subnav #alofsin_provides a, body.whyalofsin.philosophy #subnav #alofsin_philosophy a, body.whyalofsin.biography #subnav #alofsin_biography a, body.whyalofsin.publications #subnav #alofsin_publications a, body.whyalofsin #subnav li#alofsin_provides a:hover, body.whyalofsin #subnav li#alofsin_philosophy a:hover, body.whyalofsin #subnav li#alofsin_biography a:hover, body.whyalofsin #subnav li#alofsin_publications a:hover { background-image: url(../images/whysubnav.gif); } body.unique_designs #subnav li#austin_apartment a:hover, body.models #subnav li#model1 a:hover, body.furniture #subnav li#furniture1 a:hover, body.whyalofsin #subnav li#alofsin_provides a:hover { background-repeat: no-repeat; background-position: -159px -6px; } body.unique_designs #subnav li#alofsin_residence a:hover, body.models #subnav li#model2 a:hover, body.furniture #subnav li#furniture2 a:hover, body.whyalofsin #subnav li#alofsin_philosophy a:hover { background-repeat: no-repeat; background-position: -159px -30px; } body.unique_designs #subnav li#mountain_top a:hover, body.models #subnav li#model3 a:hover, body.furniture #subnav li#furniture3 a:hover, body.whyalofsin #subnav li#alofsin_biography a:hover { background-repeat: no-repeat; background-position: -159px -54px; } body.unique_designs #subnav li#flowers_addition a:hover, body.whyalofsin #subnav li#alofsin_publications a:hover { background-repeat: no-repeat; background-position: -159px -78px; } body.unique_designs #subnav li#santa_fe a:hover { background-repeat: no-repeat; background-position: -159px -102px; } body.unique_designs #subnav li#santa_fe2 a:hover { background-repeat: no-repeat; background-position: -159px -126px; } body.unique_designs #subnav li#austin_addition a:hover { background-repeat: no-repeat; background-position: -159px -150px; } body.unique_designs #subnav li#estate_study a:hover { background-repeat: no-repeat; background-position: -159px -174px; } body.unique_designs #subnav li#gate_house a:hover { background-repeat: no-repeat; background-position: -159px -198px; } body.unique_designs #subnav li#gallery a:hover { background-repeat: no-repeat; background-position: -159px -222px; } /* makes the current page hightlight the subnav */ /* cues from the below markup */ /* menu from the first class, subnav from the second */ /* */ body.unique_designs.austin_apartment #subnav #austin_apartment a, body.unique_designs #subnav li#austin_apartment a:active, body.models.model1 #subnav #model1 a, body.models #subnav li#model1 a:active, body.furniture.furniture1 #subnav #furniture1 a, body.furniture #subnav li#furniture1 a:active, body.whyalofsin.provide #subnav #alofsin_provides a, body.whyalofsin #subnav li#alofsin_provides a:active { background-repeat: no-repeat; background-position: -319px -6px; } body.unique_designs.alofsin_residence #subnav #alofsin_residence a, body.unique_designs #subnav li#alofsin_residence a:active, body.models.model2 #subnav #model2 a, body.models #subnav li#model2 a:active, body.furniture.furniture2 #subnav #furniture2 a, body.furniture #subnav li#furniture2 a:active, body.whyalofsin.philosophy #subnav #alofsin_philosophy a, body.whyalofsin #subnav li#alofsin_philosophy a:active { background-repeat: no-repeat; background-position: -319px -30px; } body.unique_designs.mountain_top #subnav #mountain_top a, body.unique_designs #subnav li#mountain_top a:active, body.models.model3 #subnav #model3 a, body.models #subnav li#model3 a:active, body.furniture.furniture3 #subnav #furniture3 a, body.furniture #subnav li#furniture3 a:active, body.whyalofsin.biography #subnav #alofsin_biography a, body.whyalofsin #subnav li#alofsin_biography a:active { background-repeat: no-repeat; background-position: -319px -54px; } body.unique_designs.flowers_addition #subnav #flowers_addition a, body.unique_designs #subnav li#flowers_addition a:active, body.whyalofsin.publications #subnav #alofsin_publications a, body.whyalofsin.publications #subnav li#alofsin_publications a:active { background-repeat: no-repeat; background-position: -319px -78px; } body.unique_designs.santa_fe #subnav #santa_fe a, body.unique_designs #subnav li#santa_fe a:active { background-repeat: no-repeat; background-position: -319px -102px; } body.unique_designs.santa_fe2 #subnav #santa_fe2 a, body.unique_designs #subnav li#santa_fe2 a:active { background-repeat: no-repeat; background-position: -319px -126px; } body.unique_designs.austin_addition #subnav #austin_addition a, body.unique_designs #subnav li#austin_addition a:active { background-repeat: no-repeat; background-position: -319px -150px; } body.unique_designs.estate_study #subnav #estate_study a, body.unique_designs #subnav li#estate_study a:active { background-repeat: no-repeat; background-position: -319px -174px; } body.unique_designs.gate_house #subnav #gate_house a, body.unique_designs #subnav li#gate_house a:active { background-repeat: no-repeat; background-position: -319px -198px; } body.unique_designs.gallery #subnav #gallery a, body.unique_designs #subnav li#gallery a:active { background-repeat: no-repeat; background-position: -319px -222px; } /*end subnav*/ /*==============================================================================*/ #content, #thumbs, #homethumbs, #footer { float: left; width: 560px; } #content { margin: 100px 0 10px 160px; } #thumbs, #homethumbs, #footer { clear: left; margin: 0 0 0 160px; } #content { border-top: 1px solid #999; padding-top: 23px; } #content #heroarea { float: left; width: 320px; } #content #heroarea p#herocaption { margin-left: 0; } #content h1 { font-size: 100%; margin-top: 0; margin-bottom: .25em; } #content h2 { color: black; font-size: 90%; margin-top: 0; margin-bottom: .25em; } #content p { margin-top: 0; } #content h1, #content h2, #content p { margin-left: 340px; width: 200px; line-height: 130%; } /*thumbnails*/ #thumbs .thumb { float: left; } #thumbs .thumb p a { width: 138px; } #thumbs .thumb p a img { display: block; padding-right: 8px; border: none; } #thumbs .thumb p, #footer p { margin-top: 0; padding-top: 0; font-size: 80%; line-height: 40%; } #thumbs .thumb p a:link, #thumbs .thumb p a:visited, #footer p a:link, #footer p a:visited, #content p a:link, #content p a:visited, #content h1 a:link, #content h1 a:visited, #sidebar p a:link, #sidebar p a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #666; } /* end thumbnails */ #footer p { text-align: right; padding-right: 18px; margin-top: 9px; }