#goldsmith {position:absolute; z-index: 1;} * { margin: 0; padding: 0; } /* ------------------------------ HTML Redefine Tags ------------------------------ */ .cufon-loading h1 { visibility: hidden !important; } .cufon-loading h2 { visibility: hidden !important; } .cufon-loading h3 { visibility: hidden !important; } body{font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:12px; margin:0px; padding:0; background-color:#000;} input, form, textarea h1, h2, h3, h4, h5, h6{margin:0; padding:0;} h1{font-size:29px; color:#fff; text-transform:uppercase; font-family:"Arial Narrow"; line-height:1.6; margin:0px 0px 12px 0px;} h2{font-size:39px; color:#fff;} h3{font-size:25px; color:#fff; text-transform:uppercase; line-height:1.4;} a:link, a:visited{color:#0033CC;} a:hover{text-decoration:none;} a:active { outline: none; border:none; } /* ------------------------------ PAGE STRUCTURE ------------------------------ */ /* #container has an absolute width (780 pixel) */ #container{width:1010px; margin:0 auto;} #container_jewelry{width:1010px; height:460px; background:url(images/secondary/goldsmith_secondary_bg.gif) 0px 0px no-repeat; float:left; } #container_jewelry01{width:1010px; height:460px; background:url(images/secondary/goldsmith_secondary_bg.gif) 0px 0px no-repeat; float:left; } #container_jewelry02{width:1010px; height:460px; background:url(images/secondary/goldsmith_secondary_bg.gif) 0px 0px no-repeat; float:left; } #container_jewelry03{width:1010px; height:460px; background:url(images/secondary/goldsmith_secondary_bg.gif) 0px 0px no-repeat; float:left; } #container_jewelry04{width:1010px; height:460px; background:url(images/secondary/goldsmith_secondary_bg.gif) 0px 0px no-repeat; float:left; } #container_jewelry05{width:1010px; height:460px; background:url(images/secondary/goldsmith_secondary_bg.gif) 0px 0px no-repeat; float:left; } #topbar{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:auto; display:block; width:1010px; height:67px; background:url(images/goldsmith_top.gif) 0 0 no-repeat;} #topbar_logo{margin:0px 0px 0px 0px; width:488px; height:64px; display:block; float:left; background:url(images/goldsmith_top_logo-trans.png) 0 0 no-repeat; text-indent: -9999em;} #topbar_logo_index{margin:0px 0px 0px 0px; width:502px; height:64px; display:block; float:left; } #topbar_logo:hover {cursor: pointer; cursor: hand; padding:0px margin:0px outline-style:none; border-style:none;} #navigation{ padding:38px 0px 0px 0px; float:left; text-align:left; width:493px; height:64px; color:#ffffff; font-size:11px; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; } #navigation a {display:inline; margin-left:-12px; } #navigation a:link {color:#ffffff; text-decoration:none; padding-left:12px; } #navigation a:visited {color:#ffffff; text-decoration:none; padding-left:12px; } /* visited link */ #navigation a:hover {padding-left:12px; color:#deb65e; text-decoration:none; background:url(images/link_hover.gif) 0px 3px no-repeat; } /* mouse over link */ #navigation a:active {padding-left:12px; color:#ffffff; text-decoration:none; } /* selected link */ .navigation_on {padding-left:12px; color:#deb65e; text-decoration:none; background:url(images/link_hover.gif) 0px 3px no-repeat; } /* mouse over link */ #topspace{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:1010px; display:block; width:1010px; height:54px;} #topspace_nav{position:absolute; display:inline; margin:24px 0px 0px 54px; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:19px; color:#cfcfcf; } #topspace_nav_right{position:absolute; display:inline; width:948px; margin:24px 0px 0px 0px; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:19px; color:#deb65e; text-align:right; } #navbar a{height:28px; line-height:28px; padding:0 8px; display:inline;} #main{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:1010px; height:360px; display:block; } #content{width:1010px; height:360px; float:left; } #content_main{width:1010px; height:360px; float:left; background-color:#000;) 0 0 no-repeat; background-color:#000;} #main_nav{height:360px; width:205px; float:left; display:block; background:url(images/secondary/main_nav_bg.gif) top right no-repeat; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:13px; color:#fff; } #main_nav ul {margin:18px 0px 0px 70px; padding:0px 0px 0px 0px; list-style-type:none; color:#fff; } #main_nav li {margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; } #main_nav a { display:inline; margin-left:-15px; } #main_nav a:link {padding-left:15px; color:#fff; text-decoration:none; background:url(images/secondary/main_nav_bullet_single.gif) 0px 5px no-repeat; } #main_nav a:visited {padding-left:15px; color:#fff; text-decoration:none; background:url(images/secondary/main_nav_bullet_single.gif) 0px 5px no-repeat; } /* visited link */ #main_nav a:hover {padding-left:15px; color:#deb65e; text-decoration:none; background:url(images/secondary/main_nav_bullet_single.gif) 0px -22px no-repeat; } /* mouse over link */ #main_nav a:active {padding-left:15px; color:#fff; text-decoration:none; background:url(images/secondary/main_nav_bullet_single.gif) 0px 5px no-repeat; } /* selected link */ #main_copy {height:360px; width:375px; float:left; margin:0px 0px 0px 50px; display:block; font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px; color:#b6b6b6; line-height:1.7; } #main_copy_services {height:360px; width:400px; float:left; margin:0px 0px 0px 17px; display:block; font-family:Arial, Arial, Helvetica, sans-serif; font-size:11.5px; color:#fff; line-height:1.7; } #main_imagerotate {height:360px; width:378px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .main_copy_about { margin-top:116px; } ul#jewelry_rotate{ width:378px; height:360px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type: none; list-style-image: none; } #jewelry_rotate ul li{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } ul#jewelry_rotate li img{ border: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } //* quotes *// ul#quotes_rotate{ width:375px; height:360px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type: none; list-style-image: none; } #jewelry_rotate ul li{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } ul#quotes_rotate li img{ border: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } ul#quotes_rotate li { height:360px; width:375px; list-style-type: none; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:24px; color:#deb65e; line-height:1.2; } ul#quotes_rotate li p{ border-top-style: solid; border-top-width: 2px; border-top-color:#deb65e; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color:#deb65e; padding:6px 0px 6px 0px; } #desc_imagerotate {height:360px; width:438px; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} ul#rings_rotate{ width:438px; height:360px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type: none; list-style-image: none; border: none; } #rings_rotate ul li{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border: none; } ul#rings_rotate li img{ border: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } ul#rings_rotate li img a{ border: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; outline:none; } #jewelry_headline {background:url(images/secondary/jewelry_headline.gif) 0 0 no-repeat; margin:58px 0px 0px 0px; width:425px; height:124px; text-indent: -9999em; display:block; float:left;} #rings_headline {background:url(images/secondary/jewelry/rings/headline.gif) 0 0 no-repeat; margin:58px 0px 0px 0px; width:434px; height:74px; text-indent: -9999em; display:block; float:left;} #necklaces_headline {background:url(images/secondary/jewelry/necklaces/headline.gif) 0 0 no-repeat; margin:58px 0px 0px 0px; width:434px; height:74px; text-indent: -9999em; display:block; float:left;} #hearts_headline {background:url(images/secondary/jewelry/hearts/headline.gif) 0 0 no-repeat; margin:58px 0px 0px 0px; width:434px; height:74px; text-indent: -9999em; display:block; float:left;} #charms_headline {background:url(images/secondary/jewelry/charms/headline.gif) 0 0 no-repeat; margin:54px 0px 0px 0px; width:434px; height:204px; text-indent: -9999em; display:block; float:left;} #bracelets_headline {background:url(images/secondary/jewelry/bracelets/headline.gif) 0 0 no-repeat; margin:58px 0px 0px 0px; width:434px; height:199px; text-indent: -9999em; display:block; float:left;} #antiques_headline {background:url(images/secondary/jewelry/antiques/headline.gif) 0 0 no-repeat; margin:58px 0px 0px 0px; width:434px; height:132px; text-indent: -9999em; display:block; float:left;} #wedding_headline {background:url(images/secondary/jewelry/wedding/headline.gif) 0 0 no-repeat; margin:58px 0px 0px 0px; width:434px; height:132px; text-indent: -9999em; display:block; float:left;} #main_desc{height:360px; width:414px; float:left; display:block; padding:0px 44px 0px 0px; margin:0px 0px 0px 50px; background:url(images/secondary/main_nav_bg.gif) top right no-repeat; font-family:Arial, Arial, Helvetica, sans-serif; font-size:11.5px; color:#b6b6b6; line-height:1.8; } #main_desc p{margin-bottom:8px;} #about_headline {background:url(images/secondary/about/headline.gif) 0 0 no-repeat; margin:18px 0px 0px 0px; width:434px; height:111px; text-indent: -9999em; display:block; float:left; position:absolute; z-index:100; } #philosophy_headline {background:url(images/secondary/about/philosophy/headline.gif) 0 0 no-repeat; margin:18px 0px 0px 0px; width:425px; height:34px; text-indent: -9999em; display:block; float:left; } #history_headline {background:url(images/secondary/about/history/headline.gif) 0 0 no-repeat; margin:18px 0px 0px 0px; width:425px; height:65px; text-indent: -9999em; display:block; float:left; } #customwork_headline {background:url(images/secondary/about/customwork/headline.gif) 0 0 no-repeat; margin:18px 0px 0px 0px; width:425px; height:96px; text-indent: -9999em; display:block; float:left; } #repairs_headline {background:url(images/secondary/about/repairs/headline.gif) 0 0 no-repeat; margin:18px 0px 0px 0px; width:425px; height:164px; text-indent: -9999em; display:block; float:left; } #services_headline {background:url(images/secondary/services/headline.gif) 0 0 no-repeat; margin:18px 0px 0px 0px; width:425px; height:69px; text-indent: -9999em; display:block; float:left; position:absolute; z-index:100;} /* JEWELRY */ #main_jewelry{width:1010px; height:460px; display:block; background-color:#000; } #column_right{width:160px; margin-right:20px; float:left;} #column_right_adsense{width:120px; float:left;} div.spacer{clear:both; height:10px; display:block;} /* GALLERY */ .gallery_column { width:300px; height:360px; float:left; display:block; } .gallery_block_large { width:300px; height:240px; float:left; display:block; background:url(images/secondary/gallery_block_large.gif) 0 0 no-repeat; } .gallery_block_full { width:300px; height:360px; float:left; display:block; background:url(images/secondary/gallery_block_large.gif) 0 0 no-repeat; } .gallery_block_small { width:150px; height:120px; float:left; display:block; background:url(images/secondary/gallery_block_small.gif) 0 0 no-repeat; } .gallery_block_small img{ border: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .gallery_block_large img{ border: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .gallery_block_small_wide { width:300px; height:120px; float:left; display:block; background:url(images/secondary/gallery_block_small.gif) 0 0 no-repeat; } .gallery_block_small_wide img{ border: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } /* Bottom Space */ #bottomspace{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:1010px; height:46px; display:block; float:left; font-size:11px; background:url(images/goldsmith_bottomspace.gif) 0 0 no-repeat;} #bottomtagline{width:1010px; height:50px; display:block; float:left; font-size:11px; background:url(images/goldsmith_bottomtagline.gif) 0 0 no-repeat;} #footer{width:1010px; display:block; font-size:11px; text-align:center; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:11px; color:#b6b6b6;} #footer a {margin-left:-12px; } #footer a:link {padding-left:12px; color:#deb65e; text-decoration:none; } #footer a:visited {padding-left:12px; color:#deb65e; text-decoration:none; } /* visited link */ #footer a:hover {padding-left:12px; color:#deb65e; text-decoration:none; background:url(images/link_hover.gif) 0px 3px no-repeat; } /* mouse over link */ #footer a:active {padding-left:12px; color:#deb65e; text-decoration:none; } /* selected link */ .desc_link{font-size:11px; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:11px; color:#b6b6b6; width:82px; display:inline; } .desc_link a {margin-left:-12px; } .desc_link a:link {padding-left:12px; color:#deb65e; text-decoration:none; background:url(images/secondary/main_nav_bullet_single.gif) 0px -24px no-repeat; } .desc_link a:visited {padding-left:12px; color:#deb65e; text-decoration:none; } /* visited link */ .desc_link a:hover {padding-left:12px; color:#fff; text-decoration:none; background:url(images/secondary/main_nav_bullet_single.gif) 0px 3px no-repeat; } /* mouse over link */ .desc_link a:active {padding-left:12px; color:#deb65e; text-decoration:none; } /* selected link */ /* ------------------------------ CUSTOM CLASSES ------------------------------ */ #button_back {background:url(images/secondary/button_back.gif) 0 0 no-repeat; width:70px; margin-top:10px; height:36px; text-indent: -9999em; display:block; float:left; outline: none;} #button_next{background:url(images/secondary/button_next.gif) 0 0 no-repeat; width:53px; margin-top:10px; height:36px; text-indent: -9999em; display:block; float:left; outline: none;} /* HOURS */ #hours_headline {background:url(images/hours/hours_01.gif) 0 0 no-repeat; width:563px; height:24px; text-indent: -9999em; display:block; float:left;} /*#hours_hours {background:url(images/hours/hours_04.gif) 0 0 no-repeat; width:563px; height:81px; text-indent: -9999em; display:block; float:left;} */ #hours_hours {background:black 0 0 no-repeat; width:563px; display:block; float:left;} #hours_address{background:url(images/findus/findus_04.gif) 0 0 no-repeat; width:563px; height:44px; text-indent: -9999em; display:block; float:left;} #hours { margin: auto; } /* FINDUS */ #findus_headline {background:url(images/findus/findus_01.gif) 0 0 no-repeat; width:563px; height:24px; text-indent: -9999em; display:block; float:left;} #findus_map {background:url(images/findus/findus_03.jpg) 0 0 no-repeat; width:563px; height:419px; text-indent: -9999em; display:block; float:left;} #findus_address{background:url(images/hours/findus_04.gif) 0 0 no-repeat; width:563px; height:44px; text-indent: -9999em; display:block; float:left;} #findus_map:hover { background-position: 0 -419px; cursor: pointer; cursor: hand; padding:0px margin:0px outline-style:none; border-style:none;} #findus { margin: auto; } /* CONTACT */ #contact_headline {background:url(images/contact/contact_01.gif) 0 0 no-repeat; width:563px; height:24px; text-indent: -9999em; display:block; float:left;} #contact_content {background:url(images/contact/contact_03.gif) 0 0 no-repeat; width:563px; height:419px; text-indent: -9999em; display:block; float:left;} #gems_headline {background:url(images/secondary/services/gems.gif) 0 0 no-repeat; width:563px; height:24px; text-indent: -9999em; display:block; float:left;} #cuts_headline {background:url(images/secondary/services/cuts.gif) 0 0 no-repeat; width:563px; height:24px; text-indent: -9999em; display:block; float:left;} /* CONTACT FORMS */ .contactBox { background-image:url('images/contact/input_bg.gif'); background-repeat:repeat-x; padding:6px; background-color:#fff; border-style:solid; border-color:#474747; border-width:2px; color:#474747; } /* Add here your custom classes */ .topspace_nav_right_link a { padding-right:18px; font-size:19px; color:#deb65e; text-decoration:none; text-align:right; background:url(images/secondary/arrow_right.gif) top right no-repeat; } .topspace_nav_right_link a:link { font-size:19px; color:#deb65e; text-decoration:none; text-align:right; background:url(images/secondary/arrow_right.gif) top right no-repeat; } .topspace_nav_right_link a:visited { font-size:19px; color:#deb65e; text-decoration:none; text-align:right; } /* visited link */ .topspace_nav_right_link a:hover {font-size:19px; color:#deb65e; text-decoration:none; text-align:right; background:url(images/secondary/arrow_right.gif) top right no-repeat; } /* mouse over link */ .topspace_nav_right_link a:active { font-size:19px; color:#deb65e; text-decoration:none; text-align:right; background:url(images/secondary/arrow_right.gif) top right no-repeat;} /* selected link */ .topspace_nav_normal a:link { font-size:19px; color:#cfcfcf; text-decoration:none; } .topspace_nav_normal a:visited { font-size:19px; color:#cfcfcf; text-decoration:none; } /* visited link */ .topspace_nav_normal a:hover {font-size:19px; color:#deb65e; text-decoration:none; } /* mouse over link */ .topspace_nav_normal a:active { font-size:19px; color:#cfcfcf; text-decoration:none; } /* selected link */ .topspace_nav_on a:link { font-size:19px; color:#deb65e; text-decoration:none; } .topspace_nav_on a:visited { font-size:19px; color:#deb65e; text-decoration:none; } /* visited link */ .topspace_nav_on a:hover {font-size:19px; color:#deb65e; text-decoration:none; } /* mouse over link */ .topspace_nav_on a:active { font-size:19px; color:#deb65e; text-decoration:none; } /* selected link */?