/* 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: 1.5em; background: url(../images/body-bg.gif) repeat-x; } #wrapper { /* Adds margin and border to page */ position: relative; margin-right: auto; margin-left: auto; width: 724px; background: #FFFFFF; border: 2px solid #FFFFFF; } /* Start Header */ #header { height: 242px; position: relative; } #header #logo { background: #272727; border-bottom: 2px solid #FFFFFF; } #header .tel { float: right; color: #ffd3bf; font-size: 80%; font-weight: bold; margin-top: 0.9em; margin-right: .5em; } #header #headerimg1 { /* Floats header images to right */ float: right; } #header #headerimg2, #header #headerimg3 { /* Floats header images to right and adds 2px left border*/ float: right; border-left: 2px solid #FFFFFF; } /* End Header */ /* Start top navigation */ #topnav { font-size: 70%; color: #333333; font-weight: bold; height: 4.5em; padding-top: 3px; } #topnav #nav { } #topnav #nav li { float: left; margin-right: 1px; } #topnav #nav a:link, #topnav #nav a:visited { float: left; width: 100px; text-align: center; color: #fff5f1; text-decoration: none; line-height: 190%; background: #df4400 url(../images/menu-tabs.gif) no-repeat 0px top; /* uses same menu-tabs.gif image for both states */ } #topnav #nav a:hover, #topnav #nav a:active { color: #CCCCCC; background: #333333 url(../images/menu-tabs.gif) no-repeat -101px top; /* uses same menu-tabs.gif image for both states */ } #topnav #nav2 { clear: both; font-size: 90%; float: right; } #topnav #nav2 li { float: left; margin-right: 1px; margin-top: 0.5em; } #topnav #nav2 a:link, #topnav #nav2 a:visited { float: left; text-align: center; color: #9c3000; text-decoration: none; line-height: 180%; background: #ffc680 url(../images/menu-tabs-2.gif) no-repeat 0px top; /* uses same menu-tabs2.gif image for both states */ width: 136px; } #topnav #nav2 a:hover, #topnav #nav2 a:active { color: #ffe3bf; background: #0924a8 url(../images/menu-tabs-2.gif) no-repeat -137px top; /* uses same menu-tabs2.gif image for both states */ } #homepage #nav li #homelink, /* Current page menu formatting for top tabs - uses + link id */ #aboutpage #nav li #aboutlink, #contactpage #nav li #contactlink, #projectspage #nav li #projectslink, #sitemap #topnav li #sitemaplink, #testspage #nav li #testslink2 { color: #CCCCCC; background: #333333 url(../images/menu-tabs.gif) no-repeat -101px top; } #resdespage #nav2 li #resdeslink, /* Current page menu formatting for second tabs - uses + link id */ #commdespage #nav2 li #commdeslink, #softfurnpage #nav2 li #softfurnlink, #lightingpage #nav2 li #lightinglink { color: #ffe3bf; background: #9c5600 url(../images/menu-tabs-2.gif) no-repeat -137px top; } /* End top navigation */ /* Start main content */ #content { margin-left: 1em; margin-right: 1em; } #content h1 { font-size: 100%; font-weight: bold; color: #9c001f; margin-top: 1em; } #content h2 { font-size: 90%; color: #333333; margin-left: .5em; } #content p { font-size: 80%; line-height: 130%; margin: 0.5em 1em 1em; } #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 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 address { font-size: 80%; font-style: normal; font-weight: bold; width: 35em; margin-left: 3em; padding: 0.75em; background: #fff5f1; margin-bottom: 2em; } #content #quote { float: right; width: 200px; padding-right: 0.5em; border-top: 1px solid #FFC680; border-right: 1px solid #DF4400; border-bottom: 1px solid #DF4400; border-left: 1px solid #FFC680; margin-left: 1em; } /* 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: #003a66; } #content a:visited { color: #2b0066; } #content a:hover, #content a:active { color: #b580ff; } /* Start Footer styles */ #footer { background: #ffd3bf; text-align: center; font-size: 65%; color: #333333; padding-top: 1em; padding-bottom: 1em; margin-top: 1em; clear: both; } /* End Footer styles */ /* Other formatting */ .center { text-align: center; } .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; }