body, html {
height: 100%;
}
body {
margin: 0;
padding: 0;
font: 78% Georgia, "Times New Roman", Times, serif;
background: #e6f0e0;
}
table td {
font-size: 1em;
}
h2 {
font-size: 2.121em;
color: #afcf7b;
font-weight: normal;
font-variant: small-caps;
}
h3 {
font-size: 1.454em;
color: #afcf7b;
font-weight: normal;
font-variant: small-caps;
}
h4 {
font-size: 1.272em;
color: #666;
}
a:link {
color: #afcf7b;
text-decoration: none;
}
a:visited {
color: #4c655c;
text-decoration: underline;
}
a:hover {
color: #79ab28;
text-decoration: underline;
}
#outercontainer {
position: relative;
left: 50%;
width: 955px;
height: 100%;
margin: 0 0 0 -477px;
background: #fff;
}
#container {
position: relative;
min-height: 600px;
background: #fff url(/images/ui/dashed-line-bg.gif) no-repeat;
}
#sidebar {
position: relative;
float: left;
top: 9px;
width: 151px;
margin: 0 0 9px;
background: #fff url(/images/ui/sidebar-bg.gif) repeat-y;
}
ul#navbar {
position: relative;
float: left;
top: 10px;
width: 804px;
height: 59px;
margin: 0 0 32px;
padding: 0;
overflow: hidden;
list-style: none;
}
ul#navbar li {
float: left;
height: 28px;
margin: 0 0 1px;
padding: 0;
}
ul#navbar li a {
display: block;
height: 0;
padding: 28px 0 0;
background-image: url(/images/ui/navbar.gif);
background-repeat: no-repeat;
overflow: hidden;
}
ul#navbar li#nav-about a:link, ul#navbar li#nav-about a:visited {
width: 136px;
background-position: 0 0;
}
ul#navbar li#nav-about a:hover, ul#navbar li#nav-about a.selected:link {
background-position: 0 -57px;
}
ul#navbar li#nav-contact a:link, ul#navbar li#nav-contact a:visited {
width: 132px;
background-position: -136px 0;
}
ul#navbar li#nav-contact a:hover, ul#navbar li#nav-contact a.selected:link {
background-position: -136px -57px;
}
ul#navbar li#nav-headaches a:link, ul#navbar li#nav-headaches a:visited {
width: 134px;
background-position: -268px 0;
}
ul#navbar li#nav-headaches a:hover, ul#navbar li#nav-headaches a.selected:link {
background-position: -268px -57px;
}
ul#navbar li#nav-toothcolour a:link, ul#navbar li#nav-toothcolour a:visited {
width: 134px;
background-position: -402px 0;
}
ul#navbar li#nav-toothcolour a:hover, ul#navbar li#nav-toothcolour a.selected:link {
background-position: -402px -57px;
}
ul#navbar li#nav-bleaching a:link, ul#navbar li#nav-bleaching a:visited {
width: 133px;
background-position: -536px 0;
}
ul#navbar li#nav-bleaching a:hover, ul#navbar li#nav-bleaching a.selected:link {
background-position: -536px -57px;
}
ul#navbar li#nav-crowns a:link, ul#navbar li#nav-crowns a:visited {
width: 135px;
background-position: -669px 0;
}
ul#navbar li#nav-crowns a:hover, ul#navbar li#nav-crowns a.selected:link {
background-position: -669px -57px;
}
ul#navbar li#nav-orthodontics a:link, ul#navbar li#nav-orthodontics a:visited {
width: 136px;
background-position: 0 -28px;
}
ul#navbar li#nav-orthodontics a:hover, ul#navbar li#nav-orthodontics a.selected:link {
background-position: 0 -85px;
}
ul#navbar li#nav-implants a:link, ul#navbar li#nav-implants a:visited {
width: 132px;
background-position: -136px -28px;
}
ul#navbar li#nav-implants a:hover, ul#navbar li#nav-implants a.selected:link {
background-position: -136px -85px;
}
ul#navbar li#nav-children a:link, ul#navbar li#nav-children a:visited {
width: 134px;
background-position: -268px -28px;
}
ul#navbar li#nav-children a:hover, ul#navbar li#nav-about a.selected:link {
background-position: -268px -85px;
}
ul#navbar li#nav-aged a:link, ul#navbar li#nav-aged a:visited {
width: 134px;
background-position: -402px -28px;
}
ul#navbar li#nav-aged a:hover, ul#navbar li#nav-aged a.selected:link {
background-position: -402px -85px;
}
ul#navbar li#nav-gumdisease a:link, ul#navbar li#nav-gumdisease a:visited {
width: 133px;
background-position: -536px -28px;
}
ul#navbar li#nav-gumdisease a:hover, ul#navbar li#nav-gumdisease a.selected:link {
background-position: -536px -85px;
}
ul#navbar li#nav-emergencies a:link, ul#navbar li#nav-emergencies a:visited {
width: 135px;
background-position: -669px -28px;
}
ul#navbar li#nav-emergencies a:hover, ul#navbar li#nav-emergencies a.selected:link {
background-position: -669px -85px;
}
#content {
position: relative;
float: left;
width: 766px;
min-height: 459px;
padding: 0 12px 16px;
color: #4c655c;
line-height: 1.919em;
}
.content-group {
float: left;
width: 748px;
padding: 1em 0;
border-bottom: 1px dashed #4c655c;
}
.image-list {
float: left;
width: 278px;
}
.content-block {
margin: 0 0 0 278px;
}
#intro {
position: relative;
height: 0;
padding: 112px 0 0;
overflow: hidden;
background: url(/images/titles/intro.gif) center top no-repeat;
}
h2.title-image {
position: relative;
height: 0;
padding: 16px 0 0;
overflow: hidden;
}
h3.title-image {
position: relative;
height: 0;
padding: 12px 0 0;
overflow: hidden;
}
#footer {
position: relative;
clear: both;
width: 955px;
height: 28px;
padding: 0 0 6px;
background: url(/images/ui/footer-bg.gif) no-repeat;
}
#footer p {
margin: 0;
}
#footer-contact {
position: absolute;
top: 0;
left: 820px;
width: 135px;
height: 28px;
}
#footer-contact a:link, #footer-contact a:visited {
display: block;
width: 135px;
height: 0;
padding: 27px 0 0;
background-image: url(/images/ui/navbar.gif);
background-position: -805px 0;
background-repeat: no-repeat;
overflow: hidden;
}
#footer-contact a:hover, #footer-contact a.selected:link {
background-position: -805px -57px;
}

/* H2 Titles */
h2#title-about-us {
background: url(/images/titles/about-us.gif) no-repeat;
}
h2#title-aged-care {
background: url(/images/titles/aged-care.gif) no-repeat;
}
h2#title-bleaching {
background: url(/images/titles/bleaching.gif) no-repeat;
}
h2#title-childrens-teeth {
background: url(/images/titles/childrens-teeth.gif) no-repeat;
}
h2#title-contact-us {
background: url(/images/titles/contact-us.gif) no-repeat;
}
h2#title-crowns-and-veneers {
background: url(/images/titles/crowns-and-veneers.gif) no-repeat;
}
h2#title-emergencies {
background: url(/images/titles/emergencies.gif) no-repeat;
}
h2#title-gum-disease {
background: url(/images/titles/gum-disease.gif) no-repeat;
}
h2#title-headaches-jaw-joint-pain {
background: url(/images/titles/headaches-jaw-joint-pain.gif) no-repeat;
}
h2#title-implants {
background: url(/images/titles/implants.gif) no-repeat;
}
h2#title-orthodontics {
background: url(/images/titles/orthodontics.gif) no-repeat;
}
h2#title-tooth-coloured-fillings {
background: url(/images/titles/tooth-coloured-fillings.gif) no-repeat;
}

/* H3 Titles */
h3#title-treatment {
background: url(/images/titles/aged-treatment.gif) no-repeat;
}
h3#title-treatment {
background: url(/images/titles/aged-treatment.gif) no-repeat;
}
h3#title-power-bleach {
background: url(/images/titles/bleaching-power-bleach.gif) no-repeat;
}
h3#title-location {
background: url(/images/titles/contact-location.gif) no-repeat;
}
h3#title-accidents {
background: url(/images/titles/children-accidents.gif) no-repeat;
}
h3#title-early {
background: url(/images/titles/children-early.gif) no-repeat;
}
h3#title-first-visit {
background: url(/images/titles/children-first-visit.gif) no-repeat;
}
h3#title-looking-ahead {
background: url(/images/titles/children-looking-ahead.gif) no-repeat;
}
h3#title-now-pregnant {
background: url(/images/titles/children-now-pregnant.gif) no-repeat;
}
h3#title-oral-health {
background: url(/images/titles/children-oral-health.gif) no-repeat;
}
h3#title-pregnancy {
background: url(/images/titles/children-pregnancy.gif) no-repeat;
}
h3#title-prevention {
background: url(/images/titles/children-prevention.gif) no-repeat;
}
h3#title-contact {
background: url(/images/titles/contact-contact.gif) no-repeat;
}
h3#title-veneers {
background: url(/images/titles/crowns-veneers.gif) no-repeat;
}
h3#title-crowns {
background: url(/images/titles/crowns-crowns.gif) no-repeat;
}
h3#title-symptoms {
background: url(/images/titles/headache-symptoms.gif) no-repeat;
}
h3#title-cause {
background: url(/images/titles/headaches-cause.gif) no-repeat;
}
h3#title-headache-treatment {
background: url(/images/titles/headaches-treatment.gif) no-repeat;
}
h3#title-why {
background: url(/images/titles/implants-why.gif) no-repeat;
}
h3#title-faq {
background: url(/images/titles/implants-faq.gif) no-repeat;
}
h3#title-braces {
background: url(/images/titles/orthodontics-braces.gif) no-repeat;
}
h3#title-jaw {
background: url(/images/titles/orthodontics-jaw.gif) no-repeat;
}