* { margin: 0px; padding: 0px; } BODY { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.5em; text-align:center} /* ------------------------------------ General Links ----------------------------------------- */ a:link { color: #2A4A83; text-decoration: underline} a:hover { color: #FF9900; text-decoration: underline} a:visited { color: #2A4A83; text-decoration: underline} a:hover { color: #FF9900; text-decoration: underline} /* ------------------------------------ Client Formatting ------------------------------------- */ .textsmallest { font-size: 80%} .textsmaller { font-size: 85%} .textlarger { font-size: 120%} .textlargest { font-size: 140%} .alerttext { color:#f00; font-weight:bold} /*------------------------------------ Layout Elements ---------------------------------------- */ #pagecontainer {width:750px; text-align:left; margin:0 auto} #header { position:relative; display:block; width: 750px; height:90px; background:url(/images/home/header.jpg) 0 0 no-repeat; } #header h1 { font-size:11px} #header h1 a {display:block; width:200px; height:90px; text-decoration:none;} #header h1 i, #header p i {visibility:hidden} #header p { position:absolute; top:19px; right:-2px;} #header p a:link, #header p a:visited {text-decoration:none} #header p a:hover {border:1px solid #ddd} #container {} #footer { position:static; display:block; width:750px; color:#EE755D; background-color: #983623; text-align:center; z-index:1000;} #footer p {margin:0; padding:3px 0} #footer a:link, #footer a:visited {color:#FF907A;} #footer a:hover {color:#fff} #subfooter { color:#999; } #subfooter a { color:#999; text-decoration:underline; } /* ----------------------------------- Navigation Elements ------------------------------------ */ #nav { width: 750px; height:25px; background-color: #983623; margin:0;} #nav ul { padding: 0 0 10px 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;} #nav li { float: left; display:block;} #nav li a { display:block; height:25px; margin-right:8px} #nav li i {visibility:hidden;} #nav-text { width: 750px; height:30px; background-color: #983623; margin:0;} #nav-text ul { padding: 7px 0 10px 24px; list-style-type: none; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em;margin:0;color:#fff;font-weight:normal;} #nav-text li { float: left; display:block;margin-right:16px;} #nav-text ul a {color:#fff;text-decoration:none;} #nav-text ul a:hover {color:#ccc;} #homenav a{ text-decoration:none; width:51px; background:url(/images/home/hometext.gif) top left no-repeat; } #livingnav a{ text-decoration:none; width:85px; background:url(/images/home/livingroom.gif) top left no-repeat; } #diningnav a{ text-decoration:none; width:92px; background:url(/images/home/diningroom.gif) top left no-repeat;} #bedroomnav a{ text-decoration:none; width:76px; background:url(/images/home/bedroom.gif) top left no-repeat;} #officenav a {text-decoration:none; width:106px; background:url(/images/home/officefurniture.gif) top left no-repeat;} #otherworknav a {text-decoration:none; width:80px; background:url(/images/home/otherwork.gif) top left no-repeat;} #craftsmannav a {text-decoration:none; width:107px; background:url(/images/home/craftsmanship.gif) top left no-repeat;} #contactnav a {text-decoration:none; width:82px; background:url(/images/home/contactus.gif) top left no-repeat;} #homenav a:hover{ text-decoration:none; width:51px; background:url(/images/home/hometext.gif) -51px 0 no-repeat; } #livingnav a:hover{ text-decoration:none; width:85px; background:url(/images/home/livingroom.gif) -85px 0 no-repeat; } #diningnav a:hover{ text-decoration:none; width:92px; background:url(/images/home/diningroom.gif) -92px 0 no-repeat;} #bedroomnav a:hover{ text-decoration:none; width:76px; background:url(/images/home/bedroom.gif) -76px 0 no-repeat;} #officenav a:hover{text-decoration:none; width:106px; background:url(/images/home/officefurniture.gif) -106px 0 no-repeat;} #otherworknav a:hover{text-decoration:none; width:80px; background:url(/images/home/otherwork.gif) -80px 0 no-repeat;} #craftsmannav a:hover{text-decoration:none; width:107px; background:url(/images/home/craftsmanship.gif) -107px 0 no-repeat;} #contactnav a:hover{text-decoration:none; width:82px; background:url(/images/home/contactus.gif) -82px 0 no-repeat;} /* ----------------------------------------- Home elements ---------------------------- */ #homecontent { position:relative; height:350px; width:750px; background-color:#fff} #homeproduct { position:absolute;top:0;left:0;width:350px;height:350px; background:url(/images/home/homeproduct01.jpg) 0 0 no-repeat;} #knockdownimage { position:absolute;top:0px;left:350px;width:400px;height:200px;overflow: hidden;} #knockdownimage img {display: block;} #knockdowndescription { position:absolute;top:0;left:550px;width:200px;height:200px;background:url(/images/home/knockdowndescript01.gif) 0 0 no-repeat;} #knockdowndescription p, #knockdowndescription h2, #homepress p, #homepress h3, #ordercatalog p, #ordercatalog h3 {display:none;} #homepress { position:absolute;top:200px;left:350px;width:267px;height:150px;background:url(/images/home/press01.gif) 0 0 no-repeat;} #ordercatalog { position:absolute;top:200px;left:617px;width:133px;height:150px;background:url(/images/home/cataloghome.gif) 0 0 no-repeat;} #ordercatalog a, #homepress a {position:absolute; bottom:9px; right:23px; color:#fff} #ordercatalog a:hover, #homepress a:hover {color:#ccc} /* ****************************************************************************************************** */ /* ******************************* Shared Elements ******************************************* */ /* ****************************************************************************************************** */ #subpagecontent { position:relative; height:450px; width:750px; background-color:#eee} #subpagecontent ul { margin:10px 10px 10px 60px; } #subpagecontent ul ul { margin:0 0 0 20px; } #productcontent { position:relative; height:350px; width:750px; background-color:#fff} #bedroomtitle h1, #diningroomtitle h1, #livingroomtitle h1, #officetitle h1, #craftsmanshiptitle h1, #contacttitle h1, #otherworktitle h1, #testimonialstitle h1, #furniturecaretitle h1 {display:none} #popup {text-align:left;padding:10px;background-color:#ECECEC;} #popup h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; color: #799236; margin-bottom:10px; font-weight:normal; } #popup a { color: #799236; text-decoration: underline; } #popup a:hover { color:#000; } #popup p { margin:10px 0; } /* ********************************************************* */ /* Checkerboard image links to catagory products */ /* ********************************************************* */ #subpageimages {position:absolute; width:701px; height:200px; top:250px; left:50px; margin:0; padding:0; background:url(/images/checkered.gif) 0 -0 no-repeat; overflow:hidden} #subpageimages ul { list-style-type:none; margin:0; padding:0;} #subpageimages li { float:left; margin:0; padding:0;width:100px; height:100px} #subpageimages img { margin:0; padding:0; border:0px solid #fff;} /* ********************************************************* */ /* Left Area box for content for each furniture catagory */ /* ********************************************************* */ #productsubpages { position:absolute; top:0; left:50px; height:250px; width:250px; background: #799236; color:#fff; overflow:auto } #productsubpages a {padding: 0 3px; color:#fff} #productsubpages a:hover { color:#9AB357} #productsubpages h2 {font-size:1em; border-bottom:1px solid #BDD972; padding:8px 0px 0px 0px; margin:0 8px 0 8px} #productsubpages p {padding:0 8px 8px 8px} /* ********************************************************* */ /* Product Description boxes */ /* ********************************************************* */ #individualproducts { position:absolute; top:0; left:470px; height:280px; width:280px; background: #ECECEC; color:#000; z-index:45; overflow:auto; } #individualproducts a {color:#586923; padding:0 3px;} #individualproducts a:hover { color:#9AB357} #individualproducts h2 {font-size:1em; border-bottom:1px solid #9AB355; padding:8px 0px 0px 0px; margin:0 8px 0 8px} #individualproducts p {padding:0 8px 8px 8px} /* ********************************************************* */ /* 4-option list for products */ /* ********************************************************* */ #productsoptions { position:absolute; top:280px; left:470px; height:70px; width:280px; background: #DADADA; color:#586923; z-index:50} #productsoptions a {color:#586923; font-weight:bold; margin-left:4px} #productsoptions a:hover {color:#333;} #productsoptions p {padding:0 8px} /* ********************************************************* */ /* Area for swapping product images */ /* ********************************************************* */ #productimages { position:absolute; top:50px; left:50px; height:300px; width:420px; background: #fff url(/images/clicktoenlarge.gif) 100px 0 no-repeat; color:#586923; overflow:hidden} #productimages p {margin:0; padding:0} #thumbnails, #largeimage {float:left} #largeimage {margin-left:20px} #thumbnails a img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.7; } #thumbnails a:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } #productimages img {margin:0; padding:0} /* ****************************************************************************************************** */ /* ********************************** Bedroom Elements ************************************* */ /* ****************************************************************************************************** */ #bedroomtitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/bedroom/bedroomtitle.gif) 0 0 no-repeat; } #bedroomtitleshort { position:absolute; top:0; left:0; height:350px; width:50px; background: #9AB357 url(/images/bedroom/bedroomtitle.gif) 0 0 no-repeat; } #bedroomtitle h1, #bedroomtitleshort h1, #otherworktitleshort h1 {display:none} #bedroomimage {position:absolute; width:450px; height:250px; top:0; left:300px; background: url(/images/bedroom/bedroomimage01.jpg) 0 0 no-repeat; z-index:10} #otherworktitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/otherwork/otherworktitle.gif) 0 0 no-repeat; } #otherworktitleshort { position:absolute; top:0; left:0; height:350px; width:50px; background: #9AB357 url(/images/otherwork/otherworktitle.gif) 0 0 no-repeat; } #otherworkimage {position:absolute; width:450px; height:250px; top:0; left:300px; background: url(/images/otherwork/otherworkimage01.jpg) 0 0 no-repeat; z-index:10} #alberosidetable h2, #alberobed h2, #medinabed h2, #medinadresser h2, #medinachestdrawers h2, #medinawardrobe h2, #owensbed h2, #owenssidetable h2, #highboy h2, #medinasidetable h2, #medinatabledrawer h2, #smi_mainaltar h2, #smi_bishopschair h2, #smi_cantorslectern h2, #smi_chapelaltar h2, #smi_chapelambo h2, #smi_ambo h2, #smi_deaconschair h2, #ic_ambo h2, #ic_altar h2 {display:none} #alberosidetable, #alberobed, #medinabed, #medinadresser, #medinawardrobe, #medinachestdrawers, #owensbed, #owenssidetable, #highboy, #medinasidetable, #medinatabledrawer, #smi_mainaltar, #smi_bishopschair, #smi_cantorslectern, #smi_chapelaltar, #smi_chapelambo, #smi_ambo, #smi_deaconschair, #ic_ambo, #ic_altar { position:absolute; top:0; left:50px; height:50px; width:420px; } #alberosidetable {background: #9AB357 url(/images/bedroom/alberosidetable_subtitle.gif) 0 0 no-repeat; } #alberobed {background: #9AB357 url(/images/bedroom/alberobed_subtitle.gif) 0 0 no-repeat; } #medinabed {background: #9AB357 url(/images/bedroom/medinabed_subtitle.gif) 0 0 no-repeat; } #medinadresser {background: #9AB357 url(/images/bedroom/medinadresser_subtitle.gif) 0 0 no-repeat; } #medinawardrobe { background: #9AB357 url(/images/bedroom/medinawardrobe_subtitle.gif) 0 0 no-repeat; } #medinachestdrawers { background: #9AB357 url(/images/bedroom/medinachestdrawers_subtitle.gif) 0 0 no-repeat; } #owensbed { background: #9AB357 url(/images/bedroom/owensbed_subtitle.gif) 0 0 no-repeat; } #owenssidetable { background: #9AB357 url(/images/bedroom/owenssidetable_subtitle.gif) 0 0 no-repeat; } #highboy { background: #9AB357 url(/images/bedroom/highboy_subtitle.gif) 0 0 no-repeat; } #medinasidetable {background: #9AB357 url(/images/bedroom/medinasidetable_subtitle.gif) 0 0 no-repeat; } #medinatabledrawer {background: #9AB357 url(/images/bedroom/medinatabledrawer_subtitle.gif) 0 0 no-repeat; } #smi_mainaltar { background: #9AB357 url(/images/otherwork/subtitles/smi_mainaltar.gif) no-repeat 0 0; } #smi_bishopschair { background: #9AB357 url(/images/otherwork/subtitles/smi_bishopschair.gif) no-repeat 0 0; } #smi_cantorslectern { background: #9AB357 url(/images/otherwork/subtitles/smi_cantorslectern.gif) no-repeat 0 0; } #smi_chapelaltar { background: #9AB357 url(/images/otherwork/subtitles/smi_chapelaltar.gif) no-repeat 0 0; } #smi_chapelambo { background: #9AB357 url(/images/otherwork/subtitles/smi_chapelambo.gif) no-repeat 0 0; } #smi_ambo { background: #9AB357 url(/images/otherwork/subtitles/smi_ambo.gif) no-repeat 0 0; } #smi_deaconschair { background: #9AB357 url(/images/otherwork/subtitles/smi_deaconschair.gif) no-repeat 0 0; } #ic_ambo { background: #9AB357 url(/images/otherwork/subtitles/ic_ambo.gif) no-repeat 0 0; } #ic_altar { background: #9AB357 url(/images/otherwork/subtitles/ic_altar.gif) no-repeat 0 0; } /* ****************************************************************************************************** */ /* ******************************** Dining Room Elements ***************************** */ /* ****************************************************************************************************** */ #diningroomtitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/diningroom/diningroomtitle.gif) 0 0 no-repeat; } #diningroomtitleshort { position:absolute; top:0; left:0; height:350px; width:50px; background: #9AB357 url(/images/diningroom/diningroomtitle.gif) 0 0 no-repeat; } #diningroomtitle h1, #diningroomtitleshort h1, #medinatrestletable h2 , #medinabuffet h2, #owenssideboard h2, #medinaexttable h2, #medinaarmchair h2, #tretterbuffet h2, #medinaservingtable h2, #brotherstrestletable h2, #aurorachair h2 { display:none} #diningroomimage {position:absolute; width:450px; height:250px; top:0; left:300px; background: url(/images/diningroom/diningroomimage01.jpg) 0 0 no-repeat; z-index:10} #medinatrestletable, #medinabuffet, #owenssideboard, #medinaexttable, #medinaarmchair, #tretterbuffet, #medinaservingtable, #brotherstrestletable, #aurorachair { position:absolute; top:0; left:50px; height:50px; width:420px;} #medinatrestletable { background: #9AB357 url(/images/diningroom/medinatrestletable_subtitle.gif) 0 0 no-repeat; } #medinabuffet{ background: #9AB357 url(/images/diningroom/medinabuffet_subtitle.gif) 0 0 no-repeat; } #medinatrestletable { background: #9AB357 url(/images/diningroom/medinatrestletable_subtitle.gif) 0 0 no-repeat; } #owenssideboard { background: #9AB357 url(/images/diningroom/owenssideboard_subtitle.gif) 0 0 no-repeat; } #medinaexttable { background: #9AB357 url(/images/diningroom/medinaexttable_subtitle.gif) 0 0 no-repeat; } #medinaarmchair { background: #9AB357 url(/images/diningroom/medinaarmchair_subtitle.gif) 0 0 no-repeat; } #tretterbuffet { background: #9AB357 url(/images/diningroom/tretterbuffet_subtitle.gif) 0 0 no-repeat; } #medinaservingtable { background: #9AB357 url(/images/diningroom/medinaservingtable_subtitle.gif) 0 0 no-repeat; } #brotherstrestletable { background: #9AB357 url(/images/diningroom/brotherstrestletable_subtit.gif) 0 0 no-repeat; } #aurorachair { background: #9AB357 url(/images/diningroom/aurorachair_subtit.gif) 0 0 no-repeat; } /* ****************************************************************************************************** */ /* ******************************** Living Room Elements ***************************** */ /* ****************************************************************************************************** */ #livingroomtitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/livingroom/livingroomtitle.gif) 0 0 no-repeat; } #livingroomtitleshort { position:absolute; top:0; left:0; height:350px; width:50px; background: #9AB357 url(/images/livingroom/livingroomtitle.gif) 0 0 no-repeat; } r#livingroomtitle h1, #livingroomtitleshort h1, #medinacoffeetable h2, #morrischair h2, #medinasofatable h2, #grearsideboard h2 { display:none} #livingroomimage {position:absolute; width:450px; height:250px; top:0; left:300px; background: url(/images/livingroom/livingroomimage02.jpg) 0 0 no-repeat; z-index:10} #medinacoffeetable, #morrischair, #medinasofatable, #grearsideboard { position:absolute; top:0; left:50px; height:50px; width:420px;} #medinacoffeetable { background: #9AB357 url(/images/livingroom/medinacoffeetable_subtitle.gif) 0 0 no-repeat; } #morrischair { background: #9AB357 url(/images/livingroom/morrischair_subtitle.gif) 0 0 no-repeat; } #medinasofatable { background: #9AB357 url(/images/livingroom/medinasofatable_subtitle.gif) 0 0 no-repeat; } #grearsideboard { background: #9AB357 url(/images/livingroom/grearsideboard_subtitle.gif) 0 0 no-repeat; } /* ****************************************************************************************************** */ /* ******************************** Office Elements ***************************** */ /* ****************************************************************************************************** */ #officetitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/office/officetitle.gif) 0 0 no-repeat; } #officetitleshort { position:absolute; top:0; left:0; height:350px; width:50px; background: #9AB357 url(/images/office/officetitle.gif) 0 0 no-repeat; } #officetitle h1, #officetitleshort h1, #librarydesk h2, #medinabookcase h2 { display:none} #officeimage {position:absolute; width:450px; height:250px; top:0; left:300px; background: url(/images/office/officeimage01.jpg) 0 0 no-repeat; z-index:10} #librarydesk, #medinabookcase { position:absolute; top:0; left:50px; height:50px; width:420px; } #librarydesk {background: #9AB357 url(/images/office/librarydesk_subtitle.gif) 0 0 no-repeat; } #medinabookcase { background: #9AB357 url(/images/office/medinabookcase_subtitle.gif) 0 0 no-repeat; } /* ****************************************************************************************************** */ /* ******************************** Craftmanship Elements ***************************** */ /* ****************************************************************************************************** */ #craftsmanshiptitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/craftsmanship/craftsmanshiptitle.gif) 0 0 no-repeat; } #craftsmanshippages {width:700px; background: #eee; color:#000; border-left:50px solid #9AB357; float:left } #craftsmanshippages a {padding: 0 3px; color:#4C5C21} #craftsmanshippages a:hover { color:#333} #craftsmanshippages h2 {font-size:1em; border-bottom:1px solid #BDD972; padding:8px 0px 0px 1px; margin:0 18px 0 28px} #craftsmanshippages p {padding:10px 50px} /* ****************************************************************************************************** */ /* ******************************** Contact Elements ***************************** */ /* ****************************************************************************************************** */ #contacttitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/contact/contacttitle.gif) 0 0 no-repeat; } #testimonialstitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/testimonials/testimonialstitle.gif) 0 0 no-repeat; } #furniturecaretitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357 url(/images/furniturecare/furniturecaretitle.gif) 0 0 no-repeat; } #notitle { position:absolute; top:0; left:0; height:450px; width:50px; background: #9AB357; } .clear {clear:both;} .crimage {margin-right:25px; border:2px solid #000} #linkimg {width:700px; height:119px;margin:0px; padding:0; overflow:hidden} #linkimg ul { list-style-type:none; margin:0; padding:0;} #linkimg li { float:left; margin:0; padding:0;width:175px; height:119px} #linkimg img { margin:0 0 0 -3px; padding:0; border:0px solid #fff;} #presstitle { position:absolute; top:0; left:0; height:450px; width:50px; background-color: #9AB357; } /* ---------------------------------- Form Elements ------------------------- */ /* Overrides */ .at15t_email {display:none;} label,input, select,textarea { display: block; float: left; margin-bottom: 5px; margin-left: 5px; } label { text-align: Left; width: 200px; padding-left: 60px; font-weight: bold; line-height: 1.5em; } form br { clear: both; }