body { background: #444444 url(images/bg-background.jpg) repeat-x; margin: 0; margin-bottom: 40px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: 222; } div#container-top { margin: 0 auto; height: 115px; width: 969px; margin-bottom: 0; } div#logo { width: 415px; height: 95px; float: left; padding-top: 20px; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; border: none;} a, a:link, a:visited, a:active {color:#508d00;} .small {font-size: 10px;} /*---------- Navigation------------*/ div#nav { width: 545px; /*background: url(images/bg-phonenumber.gif) top right no-repeat;*/ float: right; text-align: right; } #nav ul { margin: 80px 0 0 0; padding: 0 6px 0 0; list-style: none; float: right; } #nav ul li { text-align: center; float: right; } #nav ul li a { font: normal 12px Arial, Helvetica, sans-serif; padding: 11px 12px 10px 12px; text-decoration:none; display: block; color: #508d00; border-left: 1px solid #444; border-right: 1px solid black; background: #1A1A1A url(images/bg-nav-li.gif) repeat-x; } #nav ul li a.On { background: #1A1A1A url(images/bg-nav-li-over.gif) repeat-x; color: #fff;} #nav ul li a.right { font: normal 12px Arial, Helvetica, sans-serif; padding: 11px 12px 10px 12px; text-decoration:none; display: block; color: #508d00; border-left: 1px solid #444; border-right: 0; background: #1A1A1A url(images/bg-nav-li-right.gif) top right no-repeat; } #nav ul li a.rightOn { font: normal 12px Arial, Helvetica, sans-serif; padding: 11px 12px 10px 12px; text-decoration:none; display: block; color: #ffffff; border-left: 1px solid #444; border-right: 0; background: #1A1A1A url(images/bg-nav-li-right-over.gif) top right no-repeat; } #nav ul li a.left { font: normal 12px Arial, Helvetica, sans-serif; padding: 11px 12px 10px 12px; text-decoration:none; display: block; color: #508d00; border-left: 0; border-right: 1px solid black; background: #1A1A1A url(images/bg-nav-li-left.gif) top left no-repeat; } #nav ul li a.leftOn { font: normal 12px Arial, Helvetica, sans-serif; padding: 11px 12px 10px 12px; text-decoration:none; display: block; color: #ffffff; border-left: 0; border-right: 1px solid black; background: #1A1A1A url(images/bg-nav-li-left-over.gif) top left no-repeat; } #nav ul li a:hover { background: #1A1A1A url(images/bg-nav-li-over.gif) repeat-x; color: #ffffff; } #nav ul li a.right:hover { background: #1A1A1A url(images/bg-nav-li-right-over.gif) top right no-repeat; color: #ffffff; } #nav ul li a.rightOn:hover { background: #1A1A1A url(images/bg-nav-li-right-over.gif) top right no-repeat; color: #ffffff; } #nav ul li a.left:hover { background: #1A1A1A url(images/bg-nav-li-left-over.gif) top left no-repeat; color: #ffffff; } #nav ul li a.leftOn:hover { background: #1A1A1A url(images/bg-nav-li-left-over.gif) top left no-repeat;color: #ffffff; } /*---------- Container------------------*/ div#container { margin: 0 auto; width: 957px; margin-top: 0; background: url(images/bg-container.gif) repeat-y; border-top: 6px solid white; border-right: 6px solid white; border-bottom: 6px solid white; border-left: 6px solid white; } #container p { margin: 0; } div#container-left { width: 472px; background: #fff; float: left; margin: 0; padding: 0 0 20px 0; } #container-left .introtext { font: normal 18px Verdana, Arial, Helvetica, sans-serif; line-height: 24px; color: #222; } #container-left p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; color: #222; } #container-left p a { color: #508d00; text-decoration: none; } #container-left p a:hover { text-decoration: underline; } #container-left .imagelinks { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } #container-left ul { font: normal 12px Verdana, Arial, Helvetica, sans-serif; list-style: none; padding: 0 0 0 0; margin-left: 20px; line-height: 21px; } #container-left ul li { background: url(images/bg-container-left-li.gif) no-repeat; padding: 4px 0 5px 20px; margin: 0; line-height: 21px; } #container-left li a { color: #569EFF; text-decoration: none; } #container-left li a:hover { color: #569EFF; text-decoration: underline; } /* ----------- Left -------------- */ div#misc-left { padding: 5px 20px 0px 20px; } #misc-left p {margin: 0 0 15px 0; padding: 0;} /*-------------- Container Right ---------*/ div#container-right { width: 472px; float: right; margin: 0; padding: 0 0 20px 0; } #container-right p { font: normal 12px Arial, Helvetica, sans-serif; color: #000; line-height: 16px;} #container-right p a { color: #508d00; text-decoration: none; } #container-right p a:hover { text-decoration: underline; } /*-------------- Sub Navs ---------------*/ /*--Home--*/ div#container-right-home { background: url(images/main-home.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-home h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-home h3 a { text-decoration: none; color: white; } #container-right-home h3 a:hover { color: white; } /*--Gallery--*/ div#container-right-gallery { background: url(images/main-gallery.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } #container-right-gallery ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-gallery li { color: white; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-gallery li a { color: #508d00; text-decoration: none; background: #222222 url(images/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-gallery li a:hover { color: #ffffff; text-decoration: none; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat; } #container-right-gallery h3 { background-color: #222222; margin: 0 20px 10px 0; padding: 7px 5px 5px 10px; color: #ffffff; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-gallery h3 a { text-decoration: none; color: #508d00; } #container-right-gallery h3 a:hover { color: white; } #container-right-galery .on a, #container-right-gallery .on a:visited {color: white; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat;} /*--Chandeliers--*/ div#container-right-chandeliers { background: url(images/main-chandeliers.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } #container-right-chandeliers ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-chandeliers li { color: white; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-chandeliers li a { color: #508d00; text-decoration: none; background: #222222 url(images/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-chadeliers li.on {color: white;} #container-right-chandeliers li a:hover { color: #ffffff; text-decoration: none; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat; } #container-right-chandeliers h3 { background-color: #222222; margin: 0 20px 10px 0; padding: 7px 5px 5px 10px; color: #ffffff; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-chandeliers h3 a { text-decoration: none; color: #508d00; } #container-right-chandeliers h3 a:hover { color: white; } #container-right-chandeliers .on a, #container-right-chandeliers .on a:visited {color: white; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat;} /*--Pendant Lights--*/ div#container-right-pendantlights { background: url(images/main-pendantlights.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } #container-right-pendantlights ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-pendantlights li { color: white; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-pendantlights li a { color: #508d00; text-decoration: none; background: #222222 url(images/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-pendantlights li.on {color: white;} #container-right-pendantlights li a:hover { color: #ffffff; text-decoration: none; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat; } #container-right-pendantlights h3 { background-color: #222222; margin: 0 20px 10px 0; padding: 7px 5px 5px 10px; color: #ffffff; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-pendantlights h3 a { text-decoration: none; color: #508d00; } #container-right-pendantlights h3 a:hover { color: white; } #container-right-pendantlights .on a, #container-right-pendantlights .on a:visited {color: white; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat;} /*--Sconces--*/ div#container-right-sconces { background: url(images/main-sconces.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } #container-right-sconces ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-sconces li { color: white; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-sconces li a { color: #508d00; text-decoration: none; background: #222222 url(images/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-sconces li.on {color: white;} #container-right-sconces li a:hover { color: #ffffff; text-decoration: none; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat; } #container-right-sconces h3 { background-color: #222222; margin: 0 20px 10px 0; padding: 7px 5px 5px 10px; color: #ffffff; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-sconces h3 a { text-decoration: none; color: #508d00; } #container-right-sconces h3 a:hover { color: white; } #container-right-sconces .on a, #container-right-sconces .on a:visited {color: white; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat;} /*--Clusters--*/ div#container-right-clusters { background: url(images/main-clusters.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } #container-right-clusters ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-clusters li { color: white; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-clusters li a { color: #508d00; text-decoration: none; background: #222222 url(images/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-clusters li.on {color: white;} #container-right-clusters li a:hover { color: #ffffff; text-decoration: none; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat; } #container-right-clusters h3 { background-color: #222222; margin: 0 20px 10px 0; padding: 7px 5px 5px 10px; color: #ffffff; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-clusters h3 a { text-decoration: none; color: #508d00; } #container-right-clusters h3 a:hover { color: white; } #container-right-clusters .on a, #container-right-clusters .on a:visited {color: white; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat;} /*--Sculpture--*/ div#container-right-sculpture { background: url(images/main-sculpture.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } #container-right-sculpture ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-sculpture li { color: white; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-sculpture li a { color: #508d00; text-decoration: none; background: #222222 url(images/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-sculpture li.on {color: white;} #container-right-sculpture li a:hover { color: #ffffff; text-decoration: none; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat; } #container-right-sculpture h3 { background-color: #222222; margin: 0 20px 10px 0; padding: 7px 5px 5px 10px; color: #ffffff; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-sculpture h3 a { text-decoration: none; color: #508d00; } #container-right-sculpture h3 a:hover { color: white; } #container-right-sculpture .on a, #container-right-sculpture .on a:visited {color: white; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat;} /*--Mixedmedia--*/ div#container-right-mixedmedia { background: url(images/main-mixedmedia.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } #container-right-mixedmedia ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-mixedmedia li { color: white; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-mixedmedia li a { color: #508d00; text-decoration: none; background: #222222 url(images/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-mixedmedia li.on {color: white;} #container-right-mixedmedia li a:hover { color: #ffffff; text-decoration: none; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat; } #container-right-mixedmedia h3 { background-color: #222222; margin: 0 20px 10px 0; padding: 7px 5px 5px 10px; color: #ffffff; font: normal 16px Arial, Helvetica, sans-serif; } #container-right-mixedmedia h3 a { text-decoration: none; color: #508d00; } #container-right-mixedmedia h3 a:hover { color: white; } #container-right-mixedmedia .on a, #container-right-sculpture .on a:visited {color: white; background: #316200 url(images/bg-container-right-li-over.gif) no-repeat;} /*--Ordering--*/ div#container-right-ordering { background: url(images/main-ordering.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } /*--Links--*/ div#container-right-links { background: url(images/main-links.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } /*--About--*/ div#container-right-about { background: url(images/main-about.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 10px; padding-left: 10px; height: 280px; } /* ----------- News -------------- */ div#news { background: #300000 url(images/bg-container-right-dotted.gif) repeat-x; border-bottom: 6px solid white; padding: 26px 20px 26px 20px; } #news p { font: normal 11px Arial, Helvetica, sans-serif; color: #fff; line-height: 15px; } #news p a { color: #508d00; text-decoration: none; } #news p a:hover { background-color: #316200; color: #fff; text-decoration: none; } /* ----------- Bottom Right -------------- */ #misc-bottom-right { background: #fff url(images/bg-container-right-dotted.gif) repeat-x; border-bottom: 6px solid white; padding: 26px 20px 0px 20px;} #misc-bottom-right p {margin: 0 0 15px 0; padding: 0;} .floatLeft { float: left; } #colors { padding: 26px 20px 0px 20px; } #colors img {margin: 2px; padding: 2px; border: 1px solid #ddd; } /*---------- Footer------------*/ div#footer { margin: 0 auto; width: 917px; margin-top: 0; background: #222222; border-top: 0; border-right: 6px solid white; border-bottom: 6px solid white; border-left: 6px solid white; padding: 20px 20px 25px 20px; text-align: center; } #footer p { margin: 0; color: #999; font: normal 11px Arial, Helvetica, sans-serif; } #footer p a { color: #ffffff; text-decoration: none; padding: 10px; } #footer p a:hover { color: #508d00; text-decoration: none; } /*---------- Misc------------*/ .clear { clear: both; margin: 0; height: 0; } /*---------- Header Tags ------------*/ h1 { margin: 20px 20px 15px 20px; padding: 0; color: #800000; font: normal 30px Arial, Helvetica, sans-serif; } h2 { margin: 30px 20px 15px 20px; padding: 0; color: #800000; font: normal 22px Arial, Helvetica, sans-serif; } h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 22px Arial, Helvetica, sans-serif; } h4 { margin: 0 20px 10px 0; padding: 0; color: #800000; font: normal 22px Arial, Helvetica, sans-serif; } h5 { margin: 30px 20px 15px 20px; padding: 0; color: #800000; font: normal 18px Arial, Helvetica, sans-serif; } h5 a { color: #569EFF; text-decoration: none; } h5 a:hover { text-decoration: underline; } h6 { margin: 15px 20px 5px 20px; padding: 0; color: #800000; font: normal 22px Arial, Helvetica, sans-serif; } h7 { margin: 0 20px 10px 0; padding: 0; color: #800000; font: normal 18px Arial, Helvetica, sans-serif; } /* sIFR Code */ .sIFR-flash {visibility: visible !important;;} .sIFR-replaced {visibility: visible !important;} span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; letter-spacing:0;} /* Decoy styles to hide browser text before Flash is rendered */ .sIFR-hasFlash h1 {visibility: hidden;} /*---------- Images ------------*/ img a:hover {background-color: none;} img.alignleft { padding: 0 0 6px 0; margin: 4px 7px 5px 0; display: inline; border: none; float: left; } img.alignleftborder { padding: 6px; margin: 4px 7px 5px 0; display: inline; border: 1px solid #ddd; float: left; } img.alignrightborder { padding: 6px; margin: 4px 0 5px 7px; display: inline; border: 1px solid #ddd; float: right; } img.border { padding: 2px; margin:2px; border: 1px solid #ddd;} #imagebox1 { margin: 0 10px 20px 0; float: left; text-align: center; font-size: 9px; width: 175px; height: 172px; border: none; color: #666;} #imagebox1 img { margin: 0; padding: 2px; border: 1px solid #ddd; float: top; } #imagebox2 { margin: 0 10px 20px 0; float: left; text-align: center; font-size: 9px; width: 95px; height: 115px; border: 1px solid #000; color: #666;} #imagebox2 img { margin: 0; padding: 2px; border: 1px solid #ddd; float: top; } /*---------- Glass Links ------------*/ #homeGlassLinks { margin: 0 20px 0 20px; height: 415px;} #homeGlassLinks h1 { margin: 0; padding: 0; color: #800000; font: normal 22px Arial, Helvetica, sans-serif; } #galleryGlassLinks { margin: 0 20px 0 20px; height: 120px;} #galleryGlassLinks h1 { margin: 0 0 5px 0; padding: 0; color: #800000; font: normal 18px Arial, Helvetica, sans-serif; } /*Home*/ #homeChandeliersLink { width: 200px; height: 183px; background: #fff url(images/home-chandeliers.jpg) 0 0 no-repeat; margin: 5px 10px 5px 0; float: left; } #homeChandeliersLink a { text-decoration: none; display:block; width:200px; height:183px; } #homeChandeliersLink a:hover {text-decoration: none; background:url(images/home-chandeliers-over.jpg) 0 0 no-repeat; } #homePendantlightsLink { width: 200px; height: 183px; background: #fff url(images/home-pendantlights.jpg) 0 0 no-repeat; margin: 5px 10px 5px 0; float: left; } #homePendantlightsLink a { text-decoration: none; display:block; width:200px; height:183px; } #homePendantlightsLink a:hover {text-decoration: none; background:url(images/home-pendantlights-over.jpg) 0 0 no-repeat; } #homeSconcesLink { width: 200px; height: 183px; background: #fff url(images/home-sconces.jpg) 0 0 no-repeat; margin: 5px 10px 5px 0; float: left; } #homeSconcesLink a { text-decoration: none; display:block; width:200px; height:183px; } #homeSconcesLink a:hover {text-decoration: none; background:url(images/home-sconces-over.jpg) 0 0 no-repeat; } #homeClustersLink { width: 200px; height: 183px; background: #fff url(images/home-clusters.jpg) 0 0 no-repeat; margin: 5px 10px 5px 0; float: left; } #homeClustersLink a { text-decoration: none; display:block; width:200px; height:183px; } #homeClustersLink a:hover {text-decoration: none; background:url(images/home-clusters-over.jpg) 0 0 no-repeat; } /* Gallery */ #galleryChandeliersLink { width: 150px; height: 115px; background: #fff url(images/gallery-chandeliers.jpg) 0 0 no-repeat; margin: 0 10px 0 0; float: left; } #galleryChandeliersLink a { text-decoration: none; display:block; width:150px; height:115px; } #galleryChandeliersLink a:hover {text-decoration: none; background:url(images/gallery-chandeliers-over.jpg) 0 0 no-repeat; } #galleryPendantlightsLink { width: 150px; height: 115px; background: #fff url(images/gallery-pendantlights.jpg) 0 0 no-repeat; margin: 0 10px 0 0; float: left; } #galleryPendantlightsLink a { text-decoration: none; display:block; width:150px; height:115px; } #galleryPendantlightsLink a:hover {text-decoration: none; background:url(images/gallery-pendantlights-over.jpg) 0 0 no-repeat; } #gallerySconcesLink { width: 150px; height: 115px; background: #fff url(images/gallery-sconces.jpg) 0 0 no-repeat; margin: 0 10px 0 0; float: left; } #gallerySconcesLink a { text-decoration: none; display:block; width:150px; height:115px; } #gallerySconcesLink a:hover {text-decoration: none; background:url(images/gallery-sconces-over.jpg) 0 0 no-repeat; } #galleryClustersLink { width: 150px; height: 115px; background: #fff url(images/gallery-clusters.jpg) 0 0 no-repeat; margin: 0 10px 0 0; float: left; } #galleryClustersLink a { text-decoration: none; display:block; width:150px; height:115px; } #galleryClustersLink a:hover {text-decoration: none; background:url(images/gallery-clusters-over.jpg) 0 0 no-repeat; } /* --------Lightbox----------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none;} #outerImageContainer{ position: relative; background-color: #fff; 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: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }