/* Global Elements */ img { vertical-align:bottom; } /* Links - Generic links for site */ a, a:link, a:visited, a:active { text-decoration:none; color: White; } a:hover, a:focus { color:#fff; text-decoration: underline; } a.arrowLink { font-size:0.8em; font-weight:bold; text-decoration:underline; color: #e7c198; text-transform: uppercase; } strong { font-weight:bold; } a.arrowLinkLight { font-size:0.8em; font-weight:bold; text-decoration:underline; color: #323639; text-transform: uppercase; } a.arrowLinkLight:hover { color: #0a0607; } strong { font-weight:bold; } .clear { clear:both; } .left { float:left; } .right { float:right; } .bold {font-weight:bold} p { padding-bottom: 10px;} .noBorder { border: none !important; } .reducedCopy {font-size: 90%; } .tinyCopy { font-size: 75%;} .privacy { font-size: 80%; color: #7b7b7b; } #preloadSet { height: 0; overflow: hidden; } .ie6Box { position: absolute; top: 220px; left: 40px; width: 390px; height: 405px;} /* Accessibility - Skip To Main Content */ #skpnav { position: absolute; width: 80%; top: -300px; left: 0; } /* Positioned offscreen but readable by screen readers */ #skpnav a { position: absolute; top:0px; color: Black; z-index: 100;} #skpnav a:active, #skpnav a:focus { position: absolute; top:300px; color: #FFFFFF; text-decoration: none; background-color: #333333; border: 5px solid black; z-index: 100;} /* Layout/shell */ body { text-align:left ; background: #c0c0c0; font:75% Georgia, Arial, Helvetica, sans-serif; color: #323639; margin: 0; padding: 0;} #pageWrap { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; } html>body #pageWrap { height: auto; } #pageWrap .container { width: 1000px; margin:0 auto; position: relative; } #header #address26a { position: absolute; top: 15px; left: 60px; color: #919089; font-size: 250%; font-weight: normal; } #header #address26b { position: absolute; top: 33px; left: 120px; color: #919089; font-size: 85%; font-weight: bold; } #header #address114a { position: absolute; top: 15px; left: 250px; color: #919089; font-size: 250%; font-weight: normal; } #header #address114b { position: absolute; top: 33px; left: 320px; color: #919089; font-size: 85%; font-weight: bold; } #header #address26a span, #header #address114a span { font-size: 50%;} #header #phone { position: absolute; top: 33px; left: 495px; color: #919089; font-size: 85%; font-weight: bold; } #header #logo { position: absolute; top:11px; right: 65px;} #nav ul { position: absolute; top: 67px; left: 40px; list-style-type: none; padding: 0; margin: 0; } #nav ul li { float: left; } #nav ul li a { display: block; float: left; margin-right: 20px; text-indent: -10000px; } #nav ul li.home a { background: url(../images/nav/home.png) no-repeat; width: 55px; } #nav ul li.menu a { background: url(../images/nav/menu.png) no-repeat; width: 55px;} #nav ul li.interiors a { background: url(../images/nav/interiors.png) no-repeat; width: 100px; } #nav ul li.aboutus a { background: url(../images/nav/aboutus.png) no-repeat; width: 94px; margin-top: -1px;} #nav ul li.artists a { background: url(../images/nav/artists.png) no-repeat; width: 176px; margin-top: -1px; } #nav ul li.blog a { background: url(../images/nav/blog.png) no-repeat; width: 52px; } #nav ul li a:hover { border-bottom: 1px solid #909090; } #footer { background: #fbfcf2; letter-spacing: 0.01em; height: 20px; padding: 13px 0 0 42px; color: #a19585; font-size: 75%; font-family: Arial, Georgia; } #footer a { color: #a19585; } #footer a:hover { color: #696156; text-decoration: none; } #footer .copyright { float: right; padding: 0 10px 10px 0;} .box { overflow: hidden; } .box p {line-height: 1.4em;} .box p.reduced {width: 140px;} .box a.arrowLink { font-size:0.8em; font-weight:bold; text-decoration:underline; color: #e7c198; text-transform: uppercase; } .box p a { text-transform: none; font-weight: normal; font-size: 1.0em; color: #e7c198; text-decoration:underline;} .box a:hover { color: #fbfcf2; } .box .content { padding: 15px 15px 0 20px; color: #fbfcf2; font-family: Georgia, Arial; } .box .content .logoMini {float: right; background: url('../images/logos/logo_mini.png') no-repeat top right; width: 96px; height: 20px; display: none;} .box .content ul { padding-bottom: 10px; list-style: square inside none !important ; } .box .content ul li { padding-left: 10px; } .boxDark100 { background: url('../images/box_dark_100.gif') repeat; display: block; } .boxDark100.borderGrey { border-bottom: 3px solid #5d6060;} .boxDark100.borderWhite { border-bottom: 3px solid #fbfcf2;} .boxDark70 { background: url('../images/box_dark_70.png') repeat; display: block; } .boxDark70.borderGrey { border-bottom: 3px solid #5d6060; } .boxDark70.borderWhite { border-bottom: 3px solid #fbfcf2; } .boxDark51 { background: url('../images/box_dark_51.png') repeat; display: block; } .boxDark51.borderGrey { border-bottom: 3px solid #5d6060; } .boxDark51.borderWhite { border-bottom: 3px solid #fbfcf2; } .boxLight93 { background: url('../images/box_light_93.png') repeat; display: block; } .boxLight93 .content { color: #323639; } .boxLight93 .content a { color: #323639; } .boxLight93 .content a:hover { color: #0a0607; } .boxLight93.borderBlue { border-bottom: 3px solid #323639; } .box.boxLight93 .content { color: #323639; } .box.boxLight93 .jScrollPaneDrag { background: #5D6060; } .box.boxLight93 .jScrollPaneTrack {background: #fbfcf2;} .boxLight65 { background: url('../images/box_light_65.png') repeat; display: block; } .boxLight65 .content { color: #323639; } .boxLight65 .content a { color: #323639; } .boxLight65 .content a:hover { color: #0a0607; } .boxLight65.borderBlue { border-bottom: 3px solid #323639; } .box.boxLight65 .content { color: #323639; } .box.boxLight65 .jScrollPaneDrag { background: #5D6060; } .box.boxLight65 .jScrollPaneTrack {background: #fbfcf2;} /* Page Specific */ /* Home */ #home #frankowski {background: url(../images/bg/home.jpg) no-repeat; width:1000px; height: 667px; position: relative; } #home #header {background: url(../images/headers/home.png) no-repeat; width:1000px; height: 90px; position: absolute; } #home .openBox { position: absolute; top: 220px; left: 40px; width: 290px; min-height: 405px;} #home .openBox h1 { background: url(../images/titles/home_menu.png) no-repeat; width: 57px; height: 12px; margin-top: 25px; padding-bottom: 20px; text-indent: -10000px; } #home .openBox p { padding-bottom: 20px; } #home .openBox .trans { background: url('../images/content/flatwhite_sm.jpg') no-repeat; width: 111px; height: 74px; position: absolute; left: 163px; } #home .openBox #cf1 { background: url('../images/content/flatwhite_sm.jpg') no-repeat; width: 111px; height: 74px; position: relative; border: 1px solid #5d6060; } #home .openBox #cf2 { background: url('../images/content/siphon_sm.jpg') no-repeat; width: 111px; height: 74px; position: relative; border: 1px solid #5d6060;} #home .openBox #cf3 { background: url('../images/content/cosy_sm.jpg') no-repeat; width: 111px; height: 74px; position: relative; border: 1px solid #5d6060;} #home .openBox #cf4 { background: url('../images/content/filter_sm.jpg') no-repeat; width: 111px; height: 74px; position: relative; border: 1px solid #5d6060;} #home .midBox { position: absolute; top: 468px; left: 390px; width: 254px; height: 74px; } #home .midBox .content { padding: 11px 0 0 15px; } #home .midBox h2 { background: url(../images/titles/home_interiors.png) no-repeat; width: 222px; height: 49px; text-indent: -10000px; } #home .midBox .xImage { float: left; margin-top: 15px; } #home .midBox .xLink { float: right; display: block; width: 115px; padding-top: 40px; padding-right: 10px; } #home .boxDark51:hover { background: url('../images/box_dark_100.gif') repeat; display: block; } #home .midBox:hover { display: block; height: 158px; } #home .rightBox { position: absolute; top: 468px; left: 705px; width: 245px; height: 40px; } #home .rightBox .content { padding: 10px 0 0 10px; } #home .rightBox h3 { background: url(../images/titles/home_aboutus.png) no-repeat; width: 182px; height: 19px; text-indent: -10000px; padding-bottom: 15px;} #home .rightBox:hover { display: block; height: 188px; } #home .upperBox { position: absolute; top: 357px; left: 748px; width: 218px; height: 35px; } #home .upperBox:hover { display: block; position: absolute; top: 174px; height: 219px; } #home .upperBox .content { padding: 10px 0 0 12px; } #home .upperBox h4 { background: url(../images/titles/home_keepupdated.png) no-repeat; width: 168px; height: 14px; text-indent: -10000px; padding-bottom: 15px;} #home .boxDark70:hover { background: url('../images/box_dark_100.gif') repeat; display: block; } #home .upperBox p { padding-right: 15px; } #menu #frankowski {background: url(../images/bg/menu.jpg) no-repeat; width:1000px; height: 667px; position: relative; } #menu #header {background: url(../images/headers/menu.png) no-repeat; width:1000px; height: 90px; position: absolute; } #menu #menuNav .box { width: 180px; height: 30px;} #menu #menuNav .boxDark51:hover { background: url('../images/box_dark_70.png') repeat; display: block; cursor: pointer; } #menu #menuNav .espressoNav { position: absolute; top: 140px; left: 85px; } #menu #menuNav .brewedNav { position: absolute; top: 140px; left: 303px; } #menu #menuNav .teaNav { position: absolute; top: 192px; left: 85px; } #menu #menuNav .foodNav { position: absolute; top: 192px; left: 303px; } #menu #menuNav .breakfastNav { position: absolute; top: 260px; left: 303px; } #menu #menuNav .content { padding: 9px 0 0 9px;} #menu #menuNav a { text-indent: -10000px } #menu #menuNav .espressoNav a { display: block; background: url(../images/titles/menu_espresso_nav.png) no-repeat; } #menu #menuNav .brewedNav a { display: block; background: url(../images/titles/menu_brewed_nav.png) no-repeat; } #menu #menuNav .teaNav a { display: block; background: url(../images/titles/menu_tea_nav.png) no-repeat; } #menu #menuNav .steaNav a { display: block; background: url(../images/titles/menu_stea_nav.png) no-repeat; } #menu #menuNav .breakfastNav a { display: block; background: url(../images/titles/menu_breakfast_nav.png) no-repeat; } #menu #menuNav .foodNav a { display: block; background: url(../images/titles/menu_food_nav.png) no-repeat; } #menu .infoBox { position: absolute; top: 333px; left: 85px; width: 403px; min-height: 314px; } #menu .menuBox { position: absolute; top: 123px; left: 530px; width: 438px; min-height: 524px; } #menu h1 { font-weight: bold; padding-bottom: 20px; } #menu .content p.smallerCopy {font-size: 90%; } #menu .infoBox .content img { float: right; border: 1px solid #5d6060; margin: 0 0 10px 10px; } #menu #menuNavText { position: absolute; top: 288px; left: 20px; width: 368px; z-index: 1; padding-top: 2px;} #menu #menuNavText a { text-decoration:none; color: #5d6060; text-transform: uppercase; padding-right: 5px; font-size: 80%; font-family: Arial, Georgia; } #menu #menuNavText a:hover, #menu #menuNavText a.current { color: #fbfcf2; } #menu #menuNavText a.current { text-decoration:none; } #menu .trans { background: url('../images/content/flatwhite_m.jpg') no-repeat; width: 138px; height: 93px; position: absolute; left: 243px; } #menu #cf1 { background: url('../images/content/flatwhite_m.jpg') no-repeat; width: 138px; height: 93px; position: relative; border: 1px solid #5d6060; } #menu #cf2 { background: url('../images/content/flatwhite2_m.jpg') no-repeat; width: 138px; height: 93px; position: relative; border: 1px solid #5d6060;} #menu .menuBox .content { padding-top: 26px; } #menu .menuBox h2 {background: url(../images/titles/menu_espresso.png) no-repeat; width: 158px; height: 12px; padding: 25px; text-indent: -10000px; } #menu .menuBox table caption {padding: 10px 0 5px 0; font-size: 130%; color: #999c9f; font-weight: bold; } #menu .menuBox table thead, #menu .menuBox table.espressoTable caption {display: none; } #menu .menuBox table td.type { width: 290px; padding-right: 5px; } #menu .menuBox table td.price { width: 52px; display: none;} #menu .menuBox table .type {font-weight: bold; font-size: 120%; } #menu .menuBox table .detail {font-weight: normal; font-size: 65%; color: #999c9f; } #menu .menuBox table td {padding-bottom: 5px;} #menu .menuBox .singleshotIcon { background: url(../images/icons/singleshot_sm.png) no-repeat; width: 42px; height: 15px; position: absolute; top: 50px; left: 302px; display:none; } #menu .menuBox .doubleshotIcon { background: url(../images/icons/doubleshot_sm.png) no-repeat; width: 47px; height: 19px; position: absolute; top: 50px; left: 362px; display:none; } #menu .menuBox .cupIcon { background: url(../images/icons/cup_sm.png) no-repeat; width: 25px; height: 13px; position: absolute; top: 43px; left: 307px; display: none; } #menu .menuBox .potIcon { background: url(../images/icons/pot_sm.png) no-repeat; width: 46px; height: 27px; position: absolute; top: 30px; left: 354px; display: none;} #menu .food .trans {background: url('../images/content/food/food_1.jpg') no-repeat; width: 400px; height: 500px; position: absolute; left: 540px; top: 140px; } #menu .food #cf1 { background: url('../images/content/food/food_1.jpg') no-repeat; width: 400px; height: 500px; position: relative; border: 5px solid #5d6060; } #menu .food #cf2 {background: url('../images/content/food/food_2.jpg') no-repeat; width: 400px; height: 500px; position: relative; border: 5px solid #5d6060; } #menu .food #cf3 { background: url('../images/content/food/food_3.jpg') no-repeat; width: 400px; height: 500px; position: relative; border: 5px solid #5d6060; } #menu .food .menuBox h2 {background: url(../images/titles/menu_breakfast.png) no-repeat; width: 170px; height: 13px; padding: 10px; text-indent: -10000px; } #menu .food .menuBox p { font-size: 90%; } #menu .food .menuBox .type { font-weight: bold; text-transform: capitalize; } #menu .reducedWidth { width: 215px; } #menu .food #vlightbox .collectionFood {position: absolute; top: 192px; left: 550px; width: 400px; float: right; text-align: right; } #menu .brewedCoffee .menuBox h2 {background: url(../images/titles/menu_breakfast.png) no-repeat; width: 170px; height: 13px; padding: 10px; text-indent: -10000px; } #menu .brewedCoffee .infoBox .content img { border: 0; float: left; } #menu .brewedCoffee .infoBox .icons { padding-left: 30px; } #menu .brewedCoffee .infoBox .icons div { float: left; font-style: italic; padding-left: 10px; } #menu .brewedCoffee .infoBox .icons .filter span { padding: 0 0 5px 22px ; } #menu .brewedCoffee .infoBox .icons .filter img { padding: 60px 0 0 0 ; } #menu .brewedCoffee .infoBox .icons .aeropress span { padding: 0 0 5px 17px ; } #menu .brewedCoffee .infoBox .icons .aeropress img { padding: 15px 0 0 10px ; } #menu .brewedCoffee .infoBox .icons .siphon span { padding: 0 0 5px 50px ; } #menu .brewedCoffee .infoBox .icons .siphon img { padding: 10px 0 0 0 ; } #menu .brewedCoffee .infoBox .icons .cafe span { padding: 0 0 5px 27px ; } #menu .brewedCoffee .infoBox .icons .cafe img { padding: 20px 0 0 10px ; } #menu .brewedCoffee .menuBox h2 {background: url(../images/titles/menu_brewed.png) no-repeat; width: 226px; height: 12px; padding: 10px; text-indent: -10000px; } #menu .brewedCoffee .menuBox .content { overflow:hidden; height: 480px; } #menu .brewedCoffee .menuBox .scroll-pane { height: 480px; } #menu .brewedCoffee .menuBox .jScrollPaneDrag { height: 480px; } #menu .brewedCoffee .menuBox .country { font-weight: bold; } #menu .brewedCoffee .menuBox .desc { font-size: 90%; } #menu .brewedCoffee .menuBox .info { font-size: 80%; color: #999c9f;} #menu .brewedCoffee .menuBox .try { font-size: 80%; color: #999c9f; font-style: italic; padding-top: 5px; } #menu .tea .menuBox h2 {background: url(../images/titles/menu_tea2.png) no-repeat; width: 105px; height: 13px; padding: 10px; text-indent: -10000px; } #menu .tea .menuBox .content { overflow:hidden; height: 480px; } #menu .tea .menuBox .scroll-pane { height: 480px; } #menu .tea .menuBox .jScrollPaneDrag { height: 480px; } #menu .tea .menuBox .type { font-weight: bold; } #menu .tea .menuBox .teaType{ font-weight: bold; color: #999c9f; } #menu .tea .menuBox .info { font-size: 80%; } #menu .tea .infoBox .teaIcons {float :left; border: none; padding-left: 100px;} #menu .stea .menuBox h2 {background: url(../images/titles/menu_stea.png) no-repeat; width: 220px; height: 13px; padding: 10px; text-indent: -10000px; } #about #frankowski {background: url(../images/bg/about.jpg) no-repeat; width:1000px; height: 667px; position: relative; } #about #header {background: url(../images/headers/about2.png) no-repeat; width:1000px; height: 90px; position: absolute; } #about .aboutBox { position: absolute; top: 120px; left: 43px; width: 650px; height: 105px; } #about .box26 { position: absolute; top: 312px; left: 43px; width: 407px; height: 320px; } #about .box114 { position: absolute; top: 312px; left: 543px; width: 407px; height: 320px; } #about .contentBox .content { overflow:hidden; } /*#about .contentBox .scroll-pane { height: 450px; } #about .contentBox .jScrollPaneDrag { height: 450px;}*/ #about .contentBox h1 {background: url(../images/titles/about_about.png) no-repeat; width: 97px; height: 13px; padding: 10px; text-indent: -10000px; } #about #aboutNav .box { width: 211px; height: 30px;} #about #aboutNav .boxDark51:hover { background: url('../images/box_dark_100.gif') repeat; display: block; cursor: pointer; } #about #aboutNav .content { padding:9px 10px; } #about #aboutNav .aboutNav { position: absolute; top: 120px; left: 740px; } #about #aboutNav .suppliersNav { position: absolute; top: 160px; left: 740px; } #about #aboutNav .pressNav { position: absolute; top: 200px; left: 740px; } #about #aboutNav .blogNav { position: absolute; top: 240px; left: 740px; } #about #aboutNav .aboutNav a {background: url(../images/titles/about_aboutus.png) no-repeat; width: 183px; height: 12px; padding: 10px; text-indent: -10000px; display: block; } #about #aboutNav .pressNav a {background: url(../images/titles/about_press.png) no-repeat; width: 183px; height: 12px; padding: 10px; text-indent: -10000px; display: block; } #about #aboutNav .suppliersNav a {background: url(../images/titles/about_suppliers.png) no-repeat; width: 182px; height: 12px; padding: 10px; text-indent: -10000px; display: block; } #about #aboutNav .blogNav a {background: url(../images/titles/about_blog.png) no-repeat; width: 182px; height: 13px; padding: 10px; text-indent: -10000px; display: block; } #about #mapContainer { padding-top: 5px;} #about #map { float: left; width: 195px; padding-right: 10px; } #about #map iframe { margin: 10px 0; } #about #mapCopy { float: left; margin-left: 20px; margin-top: 10px;} #about #mapCopy p.reducedWidth {font-size: 90%; } #about .suppliersContent h1 {background: url(../images/titles/about_suppliersmain.png) no-repeat; width: 147px; height: 12px; padding: 10px; text-indent: -10000px; } #about iframe { border: 1px solid #5D6060; } #about .shopNo { float: left; font-size: 450%; } #about .shopNo span { float: left; font-size: 50%; margin-top: 25px; } #about .openingHours {float: left; width: 100%; text-align: center; border: 1px dotted #5D6060; padding: 5px 0; margin-bottom: } #suppliers #frankowski {background: url(../images/bg/about2.jpg) no-repeat; width:1000px; height: 667px; position: relative; } #suppliers #header {background: url(../images/headers/about2.png) no-repeat; width:1000px; height: 90px; position: absolute; } #suppliers .contentBox { position: absolute; top: 152px; left: 43px; width: 407px; height: 480px; } #suppliers .contentBox .content { overflow:hidden; height: 450px; padding-right: 10px; } #suppliers .contentBox .scroll-pane { height: 450px; } #suppliers .contentBox .jScrollPaneDrag { height: 450px;} #suppliers .contentBox h1 {background: url(../images/titles/about_about.png) no-repeat; width: 97px; height: 13px; padding: 10px; text-indent: -10000px; } #suppliers #suppliersNav .box { width: 211px; height: 30px;} #suppliers #suppliersNav .boxDark51:hover { background: url('../images/box_dark_100.gif') repeat; display: block; cursor: pointer; } #suppliers #suppliersNav .content { padding:9px 10px; } #suppliers #suppliersNav .aboutNav { position: absolute; top: 180px; left: 575px; } #suppliers #suppliersNav .suppliersNav { position: absolute; top: 240px; left: 575px; } #suppliers #suppliersNav .pressNav { position: absolute; top: 300px; left: 575px; } #suppliers #suppliersNav .blogNav { position: absolute; top: 556px; left: 675px; } #suppliers #suppliersNav .aboutNav a {background: url(../images/titles/about_aboutus.png) no-repeat; width: 183px; height: 12px; padding: 10px; text-indent: -10000px; display: block; } #suppliers #suppliersNav .pressNav a {background: url(../images/titles/about_press.png) no-repeat; width: 183px; height: 12px; padding: 10px; text-indent: -10000px; display: block; } #suppliers #suppliersNav .suppliersNav a {background: url(../images/titles/about_suppliers.png) no-repeat; width: 182px; height: 12px; padding: 10px; text-indent: -10000px; display: block; } #suppliers #suppliersNav .blogNav a {background: url(../images/titles/about_blog.png) no-repeat; width: 182px; height: 13px; padding: 10px; text-indent: -10000px; display: block; } #artists #frankowski {background: url(../images/bg/artists.jpg) no-repeat; width:1000px; height: 667px; position: relative; } #artists #header {background: url(../images/headers/artists.png) no-repeat; width:1000px; height: 90px; position: absolute; } #artists .content {padding-top: 20px;} #artists h1 { background: url(../images/titles/artists_artists.png) no-repeat; width: 183px; height: 13px; padding-bottom: 20px; text-indent: -10000px; display: block;} #artists h1#submission { background: url(../images/titles/artists_submission.png) no-repeat; width: 279px; height: 13px; padding-bottom: 20px; text-indent: -10000px; display: block;} #artists .contentBox { position: absolute; top: 152px; left: 43px; width: 407px; height: 480px; } #artists .contentBox .content { overflow:hidden; height: 450px; padding-right: 10px; } #artists .contentBox .scroll-pane { height: 450px; } #artists .contentBox .jScrollPaneDrag { height: 450px;} #artists .navBox { position: absolute; top: 162px; left: 477px; width: 200px; height: auto; } #artists form select { color:#323639; background-color:#fbfcf2; border: 1px solid #010202; width: 170px; font-weight: bold; font-size: 90%; padding: 2px;} #artists form select option { margin: 2px; border: none;} #artists #artist_popup { display:none; height:307px; width: 400px; overflow:visible; padding:20px; position:absolute; left: 507px; top: 285px; } #artists #artist_popup img {border: 1px solid #323639; vertical-align: middle;} #artists .split { border-bottom: 1px solid #d8d8d8; padding: 10px 0; } #artists .showArtistDetailContent a { display: block; width: 110px; height: 63px; margin: 10px 4px 10px 4px; border: 1px solid transparent; float :left;} #artists .showArtistDetailContent a img { } #artists .showArtistDetailContent a:hover { border: 1px solid #323639;} #artists .submissionBox { position: absolute; top: 602px; left: 84px; width: 205px; height: auto; } #artists .submissionBox .content { padding: 5px !important;} #artists .submissionBox img { padding: 3px; padding-right: 10px; } #artists .submissionBox p { padding-bottom: 0; } #artists .artistBlock { border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; } #artists .artistName { display: block; padding: 0px; font-style: normal; font-size: 80%; } #artists .artistSpec { display: block; padding: 0px; font-style: italic; font-size: 80%; color: #999C9F; } #artists #artist_popup img { margin-top: 5px; } #artists #grim5 img { margin-top: 50px; } #artists .borderArt { border: 1px solid #d8d8d8;} #artists .submissionLink {border-top: 1px solid #d8d8d8; margin-top: 300px; } #menu #artist_popup { display:none; overflow:visible; padding:20px; position:absolute; } #menu #artist_popup img {border: 1px solid #323639; vertical-align: middle;} #interiors #frankowski {background: url(../images/bg/interiors.jpg) no-repeat; width:1000px; height: 667px; position: relative; } #interiors #header {background: #fbfcf2; width:1000px; height: 90px; position: absolute; } #interiors #vlightbox .collectionA {position: absolute; top: 120px; left: 30px; width: 347px; } #interiors #vlightbox .collectionB {position: absolute; top: 320px; left: 30px; width: 500px; } #interiors #vlightbox .collectionC {position: absolute; top: 120px; left: 630px; width: 343px; } #interiors #vlightbox .collectionD {position: absolute; top: 320px; left: 630px; width: 400px; } #interiors .doubleSize { width: 218px !important; } #interiors #interiorCred { position: absolute; left: 35px; top: 640px; height: 20px; color: #514b42; font-size: 75%; font-family: Arial, Georgia; } #interiors #interiorCred a { color: #514b42; } #interiors #interiorCred a:hover { color: #a19585; } #interiors .vlightbox { border: 1px solid #514b42; } /**************************/ /* FIXES */ /**************************/ /* Clearing & containment Classes */ .clearfix:after{content:".";/* This dot is the actual appended content */ clear:both;height:0;visibility:hidden;display:block;} /* Clearing element for a float:*/ .clearLeft{clear:left;} .clearRight{clear:right;} .clearBoth{clear:both;} .clearNone{clear:none;} .brclear{clear:both;height:0;margin:0;font-size:1px;line-height:0;}