/* Normalises margin, padding */ body, div, dl, dt, dd, ul, ol, li, hi, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, caption, th, td { margin: 0; padding: 0; } /* Normalises heading font sizes */ h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* Removes list-style for lists */ ul, ol { list-style: none; } /* Normalises table borders */ table { border-collapse: collapse; border-spacing: 0; border: 1px solid #061976; } /* Removes border from fieldset and img */ fieldset, img { border: 0; } /* Left-aligns text in caption and th */ caption, th { text-align: left; } /* Removes quotation marks from q */ q:before, q:after { content: ''; } body { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #333333; margin-right: auto; margin-left: auto; margin-top: 1em; background: #e98a7b url(../images/body_bg.jpg) repeat-x; } #wrapper { /* Adds margin and border to page */ position: relative; margin-right: auto; margin-left: auto; width: 960px; border: 2px solid #491a00; background: #FFFFFF; } /* Start Header */ #header { height: 250px; position: relative; background: url(../images/hd_bg.jpg) no-repeat; } #header p { float: right; color: #FFFFFF; margin-right: 8em; margin-top: .6em; text-align: center; font: bold 110% Georgia, "Times New Roman", Times, serif; } #header #headerimg { margin-top: -2px; } /* End Header */ /* Start top navigation */ #topnav { font-size: 70%; color: #333333; font-weight: bold; height: 80px; background: url(../images/menu_bg.gif) repeat-x 2px; } #topnav #nav { margin-left: 1px; } #topnav #nav li { float: left; margin-right: 1px; margin-top: 1.5em; } #topnav #nav a:link, #topnav #nav a:visited { float: left; width: 134px; text-align: center; color: #fff5f1; text-decoration: none; line-height: 190%; background: #FFFFFF url(../images/menu_tab.gif) no-repeat 0px top; } #topnav #nav a:hover, #topnav #nav a:active { color: #8A3009; background: #FFFFFF url(../images/menu_tab_ro.gif) no-repeat 0px top; } #topnav #nav #bcalink { margin-left: 115px; width: 168px; margin-right: 0px; } #topnav #nav .bcatab a:link, #topnav #nav .bcatab a:visited { background: url(../images/menu_tab_bca.gif) no-repeat; } #topnav #nav .bcatab a:hover, #topnav #nav .bcatab a:active { background: url(../images/menu_tab_ro_bca.gif); } #topnav #nav2 { clear: both; font-size: 90%; float: right; margin-right: -1px; } #topnav #nav2 li { float: left; margin-right: 1px; margin-top: .85em; } #topnav #nav2 a:link, #topnav #nav2 a:visited { float: left; text-align: center; color: #8A3009; text-decoration: none; line-height: 200%; background: url(../images/submenu_tab.gif) no-repeat 0px top; /* uses same menu-tabs2.gif image for both states */ width: 134px; } #topnav #nav2 a:hover, #topnav #nav2 a:active { color: #FFFFFF; background: url(../images/submenu_tab_ro.gif) no-repeat 0px top; /* uses same menu-tabs2.gif image for both states */ } #topnav #nav2 li.alt a:link, #topnav #nav2 li.alt a:visited { background: url(../images/submenu_tab_2.gif) no-repeat; color: #8A3009; width: 175px; } #topnav #nav2 li.alt a:hover, #topnav #nav2 li.alt a:active { background: url(../images/submenu_tab_2_ro.gif) no-repeat; color: #FFFFFF; width: 175px; } #homepage #nav li #homelink, /* Current page menu formatting for top tabs - uses + link id */ #aboutpage #nav li #aboutlink, #contactpage #nav li #contactlink, #servicespage #nav li #serviceslink, #sitemappage #topnav li #sitemaplink, #testspage #nav li #testslink2 { color: #8A3009; background: url(../images/menu_tab_ro.gif) no-repeat 0px top; } #cabinetpage #nav2 li #cabinetlink, /* Current page menu formatting for second tabs - uses + link id */ #chairpage #nav2 li #chairlink, #antiquepage #nav2 li #antiquelink, #frenchpage #nav2 li #frenchlink, #clockpage #nav2 li #clocklink, #quotespage #nav2 li #quoteslink { color: #FFFFFF; background: url(../images/submenu_tab_ro.gif) no-repeat 0px top; } #clockpage #nav2 li #clocklink { /* Current page menu formatting for second tabs - uses + link id */ color: #FFFFFF; background: url(../images/submenu_tab_2_ro.gif) no-repeat 0px top; } #content h1 { position: relative; height: 35px; width: 620px; overflow: hidden; font-size: 80%; font-weight: bold; margin-left: 1em; } /* Start image replacement for the h1 headings */ #homepage #content h1.homehead span, #cabinetpage #content h1.cabinethead span, #chairpage #content h1.chairhead span, #antiquepage #content h1.antiquehead span, #frenchpage #content h1.frenchhead span, #clockpage #content h1.clockhead span, #quotespage #content h1.quoteshead span, #aboutpage #content h1.abouthead span, #servicespage #content h1.serviceshead span, #contactpage #content h1.contacthead span, #sitemappage #content h1.sitemaphead span { height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; } #homepage #content h1.homehead span { background: url(../images/index_h1_bg.gif) no-repeat; } #cabinetpage #content h1.cabinethead span { background: url(../images/cabinet_h1_bg.gif) no-repeat; } #chairpage #content h1.chairhead span { background: url(../images/chair_h1_bg.gif) no-repeat; } #antiquepage #content h1.antiquehead span { background: url(../images/antique_h1_bg.gif) no-repeat; } #frenchpage #content h1.frenchhead span { background: url(../images/french_h1_bg.gif) no-repeat; } #clockpage #content h1.clockhead span { background: url(../images/clock_h1_bg.gif) no-repeat; } #quotespage #content h1.quoteshead span { background: url(../images/quotes_h1_bg.gif) no-repeat; } #aboutpage #content h1.abouthead span { background: url(../images/about_h1_bg.gif) no-repeat; } #servicespage #content h1.serviceshead span { background: url(../images/services_h1_bg.gif) no-repeat; } #contactpage #content h1.contacthead span { background: url(../images/contact_h1_bg.gif) no-repeat; } #sitemappage #content h1.sitemaphead span { background: url(../images/sitemap_h1_bg.gif) no-repeat; } /* End image replacement for the h1 headings */ #content h1+p { font-weight: bold; } /* End image replacement for the h1 headings */ #content h2 { font-size: 90%; color: #8a1b09; margin-left: 1em; } #content #rimage { float: right; margin-left: 1em; } #content p { font-size: 80%; line-height: 130%; margin: 0.5em 1em 1em 2em; } #content ul { font-size: 80%; margin-left: 3em; line-height: 120%; margin-bottom: 2ex; margin-top: .5em; } #content li { margin-top: 0.45em; list-style: disc; } #content dl { margin-left: 1.5em; } #content dt { font-size: 80%; font-weight: bold; color: #8A3009; } #content dt a:link, #content dt a:visited { color: #8A3009; } #content dd { font-size: 70%; margin: 0.25em 1em 1em 0.5em; } #content blockquote { font-size: 70%; font-weight: normal; margin-left: 1em; margin-top: 1em; } #content cite { font-size: 70%; margin-left: 1em; border-bottom: 1px solid #df7b00; display: block; margin-top: .5em; margin-bottom: 2em; } #content #services { font-size: 70%; font-weight: bold; float: right; background: #ffecf0; margin-top: 0.15em; border-top: 2px solid #ffbfcc; border-right: 2px solid #9c001f; border-bottom: 2px solid #9c001f; border-left: 2px solid #ffbfcc; margin-right: 1em; margin-left: 1em; padding-top: 0.75em; padding-right: 1em; padding-left: 0.5em; } #content #services h2 { font-size: 120%; } #content #services ul { font-size: 100%; margin-left: -0.25em; } #content #services li { list-style: none; margin-left: 2em; } #content #closeups { float: right; margin-left: 1em; } #content #closeups img { margin-bottom: 0.5em; border: 1px solid #999999; } #content #leftimg { float: left; width: 170px; text-align: center; font-size: 70%; font-weight: bold; margin-bottom: 2em; } #content #leftimg #elmtableimg { margin-bottom: .25em; } #content address { font-size: 90%; font-style: normal; font-weight: bold; width: 35em; margin-left: 1em; padding: 0.75em; margin-bottom: 2em; line-height: 140%; } /* End Main content styles */ /* Start Sub Navigation styles */ #content #subnav { font-size: 70%; font-weight: bold; background: #ffecf0; margin-top: 0em; margin-right: 1em; margin-left: 1em; padding-top: 0.25em; padding-bottom: .45em; } #content #subnav li { display: inline; padding-left: 1.5em; } #content #subnav a:link, #content #subnav a:visited { color: #003399; } #content #subnav a:hover, #content #subnav a:active { color: #df002c; } #content #subnav a.alt:link /* Current page menu formatting for sub menu - uses class="alt" */ { color: #df002c; } /* End Sub Navigation styles */ /* Start Main link formatting */ #content a:link { color: #333366; } #content a:visited { color: #2b0066; } #content a:hover, #content a:active { color: #993300; } /* Start Footer styles */ #footer { background: #f9e4e1; text-align: center; font-size: 65%; color: #333333; padding-top: 1em; padding-bottom: 1em; margin-top: 1em; clear: both; border-top: 1px solid #491a00; } #footer a:link, #footer a:visited { color: #333366; } #footer a:hover, #footer a:active { color: #993300; } /* End Footer styles */ /* Other formatting */ .center { text-align: center; } .underline { text-decoration: underline; } .backtotop { text-align: right; border-bottom: 1px solid #009999; padding-bottom: 0.15em; background: #BFFFFF url(../images/up-arrow.gif) no-repeat right; margin-bottom: 0.75em; padding-top: 0.15em; padding-right: 0.5em; } .backtotop a:link, .backtotop a:visited { font-size: 85%; } /* floats */ .floatleft { float: left; margin-right: 1em; margin-top: .25em; } .floatright { float: right; margin-left: 1em; margin-top: 0.25em; margin-bottom: 1em; } .clear { clear: both; } .clearright { clear: right; } .clearleft { clear: left; }