body {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#fff;} p {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:white; font-size: 11px; } a {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#fff; font-size: 11px; text-decoration:none; } a:hover {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#FFFB7A; font-size: 11px; } h2 {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#FFFB7A; font-size: 11px; font-weight:normal; line-height:12pt;} td { font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; } th { font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif;} ul {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#fff; font-size: 11px; text-indent:10px;} li {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#fff; font-size: 11px; list-style-type:none; line-height:130%} #container { margin:auto; width:775px; padding:0; height:100%} #maincontent { width:775px; height:310px; background-color:#222; margin-top:50px; margin-bottom:10px; padding:0;} .homecontainer{padding:10px 0 0 10px; width:760px; height:310px; margin-top:50px; background-color:#222; margin-bottom:10px; overflow:hidden;} #background {background-color:#222; width:100%; height:102%; margin-top:40px; padding-top:10px;} #store {clear:both; height:100%; padding-bottom:10px;} .iframe {border:none; height:1150;} #logo {height:110px;} #footer a:hover {margin:auto; color:#0099FF;} .body {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#fff; font-size: 11px; } .BGGallery {margin:10px; width:750px; height:290px; float:left; background:url(../images/BG-gallery.jpg) no-repeat;} .BGIntDesign {margin:10px; width:750px; height:290px; background:url(../images/BG-IntDesign.jpg) no-repeat;} .BGBeerList {margin:10px; width:750px; height:290px; float:left; background:url(../images/BG-beerList.jpg) no-repeat;} .BGContact {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-contact.jpg) no-repeat;} .BGCulinary {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-culinary.jpg) no-repeat;} .BGDesigners {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-designers.jpg) no-repeat;} .BGEvents {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-events.jpg) no-repeat;} .BGHistory {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-history.jpg) no-repeat;} .BGLocation {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-location.jpg) no-repeat;} .BGlounge {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-lounge.jpg) no-repeat;} .BGmatting {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-Matting.jpg) no-repeat;} .BGNews {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-News.jpg) no-repeat;} .BGOfficeCat {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-OfficeCat.jpg) no-repeat;} .BGQuick {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-Quick.jpg) no-repeat;} .BGwineList {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-wineList.jpg) no-repeat;} .BGFraming {margin:10px;width:750px; height:290px; float:left; background:url(../images/BG-Framing.jpg) no-repeat;} .BGPlacemat {margin:10px; width:750px; height:290px; float:left; background:#000 no-repeat;} #menu ul { margin-top:10px; margin-bottom:10px; padding:0; height: 30px; float:left; width:775px; font-size:11px; text-indent:0;} #menu ul li {list-style:none; background-position: 0px 0px; display:block; overflow:hidden; height:30px; width:140px; margin-right:13px; float:left; } #menu ul li a {padding-top:8px; width:140px; float:left; margin:0; text-decoration:none; color:#FFF; font-size:10px; background:url(../images/bar.gif);} #menu ul li a:hover, #menu ul li .current {background-position: 0px -30px;} #menubottom { height: 40px; width: 775px; overflow:hidden; clear:both; float:left; left:0; margin-bottom: 20px; } #menubottom ul { margin:0; padding:0; height: 30px; float:left; width:100%; font-size:11px; text-indent:0; } #menubottom ul li {list-style:none; background-position: 0px 0px; display:block; overflow:hidden; height:30px; width:140px; margin-right:13px; float:left; } #menubottom ul li a {padding-top:5px; height:30px; width:140px; float:left; margin:0; text-decoration:none; color:#FFF; font-size:10px; background:url(../images/bottombar.gif);} #menubottom ul li a:hover, #menubottom ul li .current {background-position: 0px -30px;} #glasses {background:url(../images/glasses.gif) no-repeat; float:right; margin-top:-40px; z-index:100; clear:both; width:100px; height:50px; margin-right:-40px;} #glasses2 {background:url(../images/glasses.gif) no-repeat; float:right; margin-top:-40px; z-index:100; clear:both; width:100px; height:50px; margin-right:-40px;} #homepanels {width:760px; height:350px; float:left; clear:none; vertical-align:top; z-index:1; margin-top:-370px; margin-left:10px; } #homepanels dl {float:left; } #homepanels dt, #homepanels dt a {background-position: 0 0px; display:block; overflow:hidden; width: 140px; height:350px; margin-right:12px; float:left; background-repeat:no-repeat;} #homepanels dt a:hover {background-position: 0 -350px;} #homepanels dt#Gallery, #homepanels dt#Gallery a {background-image:url(../images/f1.gif); background-repeat: no-repeat;} #homepanels dt#Framing, #homepanels dt#Framing a {background-image:url(../images/f2.gif); background-repeat: no-repeat;} #homepanels dt#Culinary, #homepanels dt#Culinary a {background-image:url(../images/f3.gif); background-repeat: no-repeat;} #homepanels dt#Calendar, #homepanels dt#Calendar a {background-image:url(../images/f4.gif); background-repeat: no-repeat;} #homepanels dt#Lounge, #homepanels dt#Lounge a {background-image:url(../images/f5.gif); background-repeat: no-repeat;} .smallleft {width:130px; height:270px; float:left; color:white; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; background-color:#666; padding: 20px 5px 0px 10px; position:relative; } .smallleftcenter {width:125px; height:270px;color:white; margin-left:150px; float:left; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; background-color:#666; padding: 20px 5px 0px 10px;} .smallcenter {width:125px; height:270px; color:white; margin-right:300px; float:right; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; background-color:#666; padding: 20px 5px 0px 10px;} .bigright {width:275px; height:270px; float:right;color:white; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; background-color:#FF0066; padding: 20px 10px 0px 10px; position:relative;} .smallright {width:125px; height:270px; float:right;color:white; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; background-color:#666; padding: 20px 5px 0px 10px; position:relative;} .smallrightcenter {width:130px; height:270px; color:white; margin-right:150px; float:right; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; background-color:#666; padding: 20px 5px 0px 5px;} .bigleft {width:275px; height:270px; float:left;color:white; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; background-color:#FF0066; padding: 20px 10px 0px 10px;} .scroll {width:280px;height:220px;overflow:auto;} .Hidden { display:none;} /*********************************************** * These are the divs that will be used for the site concerning the interiors * of the content. These are just the IDs and the hidden state for them. When * they are clicked on, they will become visible, and then scroll down, up, etc * using JQuery. They should not contain any more that just a visibility for their * setting, as the appropriate styles will be added by the class. * * Nav is the navigation bar in the field. This takes out the ambiguity when creating * the javaScript. * * Detail is the Detailed information div for a particular screen ***********************************************/ #galleryDivNav {display: none;} #galleryDivDetail {display: none;} #catalogDivDetail {display: none;} #artDivDetail {display: none;} #jewelryDivDetail {display: none;} #homeDivDetail {display: none;} #intdesignDivDetail {display: none;} #morganDivDetail {display: none;} #katieDivDetail {display: none;} #jackieDivDetail {display: none;} #donDivDetail {display: none;} #framingDivNav {display: none;} #framingDivDetail {display: none;} #culinaryCenterDivDetail {display: none;} #culinaryCenterDivNav {display: none;} #partyDivDetail {display: none;} #menuDivDetail {display: none;} #cateringDivDetail {display: none;} #makeitDivDetail {display: none;} #cookingDivDetail {display: none;} #eventsDivNav {display: none;} #eventsDivDetail {display: none;} #loungeDivNav {display: none;} #loungeDivDetail {display: none;} #beerDivDetail {display: none;} #wineDivDetail {display: none;} #historyDivNav {display: none;} #historyDivDetail {display: none;} #ownersDivDetail {display: none;} #inTheNewsDivNav {display: none;} #inTheNewsDivDetail {display: none;} #locationsDivNav {display: none;} #locationsDivDetail {display: none;} #contactUsDivNav {display: none;} #contactUsDivDetail {display: none;} #galleryLink {} #catalogLink {} #artLink {} #jewelryLink {} #homeLink {} #intdesingLink {} #morganLink {} #katieLink {} #jackieLink {} #donLink {} #framingLink{} #culinaryLink {} #partyLink {} #cateringLink{} #makeitLink{} #cookingLink{} #calendarLink {} #loungeLink {} #beerLink {} #wineLink {} #historyLink {} #ownersLink {} #newsLink {} #locationLink {} #contactLink {}