/* -------------------------------------------------------------- reset.css * Resets default browser CSS. Taken from Blueprint CSS Framework: * code.google.com/p/blueprintcss Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; margin: 0 0 10em; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; margin: 0;} /* --------------------------------------------------------------------------------------- PRIMARY LAYOUT ---------------------------------------------------------------------------------------*/ body { text-align: left; color: #444; background: #e2dfd8 url(../images/nav_bkgrd.gif) 0 0 repeat-y; } #header { width: 100%; height: 150px; text-align:left; background: #a1a477; margin: 0; padding: 0; } #logo { text-align: left; margin: 0; padding: 0; } #main { width: 825px; margin: 0; padding: 0; } #nav { float: left; width: 150px; text-align: left; margin: 0; padding: 0; } #content { float: left; width: 675px; text-align: left; margin: 0; padding: 25px 0 0 0; } #footer { clear: both; width: 675px; text-align: left; margin: 25px 0 0 150px; padding: 0 0 0 25px; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clear { display: inline-block; } .clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } /* --------------------------------------------------------------------------------------- TYPOGRAPHY ---------------------------------------------------------------------------------------*/ body { font-size: 75%; font-family: Lucida Grande, Lucida Sans Unicode, Lucida, sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: Lucida Grande, Lucida Sans Unicode, Lucida, sans-serif; color: #5e5d48; background: none; } h1,h2,h3,h4,h5,h6 { font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: normal; } p { margin: 0 0 1.5em; } p.last { margin-bottom: 0; } p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.top { margin-top: 0; } /* Use this if the image is at the top of the

. */ a, a:link, a:visited, a:active, a:hover {text-decoration: none; color: #222; background: none;} a:active, a:hover {color: #777; background: none;} ul, ol { margin:0 1.5em 1.5em 1.5em; } ul { list-style-type: circle; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} /* --------------------------------------------------------------------------------------- BASIC IMAGE/MEDIA STYLES ---------------------------------------------------------------------------------------*/ img { margin: 0; } object {margin: 0 auto;} /* --------------------------------------------------------------------------------------- LOGO STYLES ---------------------------------------------------------------------------------------*/ #logo h1 { text-transform: lowercase; color: #fef7e5; background: none; text-indent: -9999px; } #logo h1 a, #logo h1 a:link, #logo h1 a:visited, #logo h1 a:active, #logo h1 a:hover { display: block; width: 846px; height: 150px; overflow: hidden; background: transparent url(../images/header.jpg) 0 0 no-repeat; } /* --------------------------------------------------------------------------------------- NAVIGATION STYLES ---------------------------------------------------------------------------------------*/ #nav ul { width:150px; list-style: none; margin: 25px 0 0 0; padding: 0; } #nav li { width: 150px; text-indent: -9999px; margin: 0 0 25px; } /* Fix for

  • padding in IE PC.Hide from IE 5 Mac \*/ #nav li { float: left; clear: both; } /* */ html>body #nav li { float: none; clear: none; } #nav ul li a { display: block; width: 150px; height: 13px; overflow: hidden; } /* HIDE FROM IE MAC \*/ #nav ul li a { width: 100%; } /**/ html>body #nav ul li a { width: auto; } #nav ul li#about_us a, #nav ul li#about_us a:link, #nav ul li#about_us a:visited { background: url(../images/nav/nav_about_us.jpg) 0 0 no-repeat; } #nav ul li#china_new a, #nav ul li#china_new a:link, #nav ul li#china_new a:visited { background: url(../images/nav/nav_china_new.jpg) 0 0 no-repeat; } #nav ul li#china_estate a, #nav ul li#china_estate a:link, #nav ul li#china_estate a:visited { background: url(../images/nav/nav_china_estate.jpg) 0 0 no-repeat; } #nav ul li#crystal_silver a, #nav ul li#crystal_silver a:link, #nav ul li#crystal_silver a:visited { background: url(../images/nav/nav_crystal_silver.jpg) 0 0 no-repeat; } #nav ul li#linens a, #nav ul li#linens a:link, #nav ul li#linens a:visited { background: url(../images/nav/nav_linens.jpg) 0 0 no-repeat; } #nav ul li#gifts_baskets a, #nav ul li#gifts_baskets a:link, #nav ul li#gifts_baskets a:visited { background: url(../images/nav/nav_gifts.jpg) 0 0 no-repeat; height: 17px; } #nav ul li#bridal_registry a, #nav ul li#bridal_registry a:link, #nav ul li#bridal_registry a:visited { background: url(../images/nav/nav_bridal.jpg) 0 0 no-repeat; height: 17px; } #nav ul li#design_corporate_services a, #nav ul li#design_corporate_services a:link, #nav ul li#design_corporate_services a:visited { background: url(../images/nav/nav_inhome.jpg) 0 0 no-repeat; height: 34px; } #nav ul li#press a, #nav ul li#press a:link, #nav ul li#press a:visited { background: url(../images/nav/nav_press.jpg) 0 0 no-repeat; height: 14px; } #nav ul li#customer_service a, #nav ul li#customer_service a:link, #nav ul li#customer_service a:visited { background: url(../images/nav/nav_customer_service.jpg) 0 0 no-repeat; } #nav ul li#contact a, #nav ul li#contact a:link, #nav ul li#contact a:visited { background: url(../images/nav/nav_contact.jpg) 0 0 no-repeat; } #nav ul li#about_us a:hover, #nav ul li#about_us a:active, #nav ul li#china_new a:hover, #nav ul li#china_new a:active, #nav ul li#china_estate a:hover, #nav ul li#china_estate a:active, #nav ul li#crystal_silver a:hover, #nav ul li#crystal_silver a:active, #nav ul li#linens a:hover, #nav ul li#linens a:active, #nav ul li#gifts_baskets a:hover, #nav ul li#gifts_baskets a:active, #nav ul li#bridal_registry a:hover, #nav ul li#bridal_registry a:active, #nav ul li#design_corporate_services a:hover, #nav ul li#design_corporate_services a:active, #nav ul li#press a:hover, #nav ul li#press a:active, #nav ul li#customer_service a:hover, #nav ul li#customer_service a:active, #nav ul li#contact a:hover, #nav ul li#contact a:active { background-position: -150px 0; } .about_us #nav ul li#about_us a, .china_new #nav ul li#china_new a, .china_estate #nav ul li#china_estate a, .crystal_silver #nav ul li#crystal_silver a, .linens #nav ul li#linens a, .gifts_baskets #nav ul li#gifts_baskets a, .bridal_registry #nav ul li#bridal_registry a, .design_corporate_services #nav ul li#design_corporate_services a, .press #nav ul li#press a, .customer_service #nav ul li#customer_service a, .linens #nav ul li#linens a, .contact #nav ul li#contact a { background-position: -150px 0; } /* --------------------------------------------------------------------------------------- CONTENT STYLES ---------------------------------------------------------------------------------------*/ .full { width: 675px; margin: 0; padding: 0 0 25px 25px; } .half { width: 450px; margin: 0; padding: 0 0 25px 0; } .third { width: 225px; margin: 0; padding: 0 0 25px 0; } .left { float: left; } .right { float: right; } .center { text-align: center; margin: 0 auto; } .full p img, .half p img, .center p img {margin: 0; padding: 0 25px 25px 0;} .illustration_left {float: left; margin: 0 15px 5px 0;} .illustration_right {float: right; margin: 0 0 5px 10px;} #content h1 { text-indent: -9999px; } #content ul { list-style: none; margin: 0 0 1.5em 0; } .about_us #content h1 {background: url(../images/img_titles/title_about.gif) 0 0 no-repeat;} .china_new #content h1 {background: url(../images/img_titles/title_chinanew.gif) 0 0 no-repeat;} .china_estate #content h1 {background: url(../images/img_titles/title_chinaestate.gif) 0 0 no-repeat;} .contact #content h1 {background: url(../images/img_titles/title_contact.gif) 0 0 no-repeat;} .linens #content h1 {background: url(../images/img_titles/title_linens.gif) 0 0 no-repeat;} .bridal_registry #content h1 {background: url(../images/img_titles/title_bridal.gif) 0 0 no-repeat;} .press #content h1 {background: url(../images/img_titles/title_press.gif) 0 0 no-repeat;} .vspace { margin: 0 0 25px; } /* --------------------------------------------------------------------------------------- FOOTER/VALIDATION/COPYRIGHT STYLES ---------------------------------------------------------------------------------------*/