* {
  margin: 0;
  padding: 0;
}

body {
  background: #ecf3f7;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #858585;
}

br.clear {
  clear: both;
}

p {
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 1em;
}

a {
  color: #1d66b5;
}

h3 {
  font-size: 0.8em;
  margin-bottom: 1em;
}

ol, ul {
  font-size: 0.8em;
  margin-bottom: 1em;
  margin-top: 1em;
}

ol li {
  margin: 0 0 10px 30px;
}

ol ul {
  font-size: 1em;
  list-style: upper-alpha;
}

ol ul li strong {
  font-style: italic;
}

/* --------------------------------------------------------------------- Container */

div#container {
  width: 700px;
  margin: 0 auto;
  text-align: left;
}

/* --------------------------------------------------------------------- Structure */


div#header {
  height: 277px;
  background: url(../images/header_smile.jpg) no-repeat;
}

div#main {
  background: #fff url(../images/logo_pattern.jpg);
}

div#leftcol {
  float: left;
  margin-top: 10px;
}

div#rightcol {
  float: left;
  margin: 10px 30px 0 30px;
  display: inline;
  width: 430px;
}

div#footer {
  margin: 10px 0 30px 0;
}

/* --------------------------------------------------------------------- Logo */

h1#logo {
  margin-left: 370px;
  width: 330px;
  height: 118px;
  position: relative;
  font-size: 1px;
  background: #fff;
  top: 57px;
}

h1#logo span {
  background: url(../images/logo.jpg) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* --------------------------------------------------------------------- Navigation */

ul#nav {
  width: 180px;
  margin: 0 0 30px 30px;
  font-size: 0.8em;
  list-style: none;
}

ul#nav li {
  border-bottom: 1px solid #fff;
  list-style: none;
}

ul#nav a {
  background-image: url(../images/nav_bullet.gif);
  background-repeat: no-repeat;
  background-color: #5bb1ea;
  background-position: left center;
  padding: 9px 0;
  text-decoration: none;
  color: #fff;
  width: 180px;
  display: block;
  text-indent: 30px;
}

ul#nav a:hover {
  background: #1d66b5 url(../images/nav_bullet.gif) no-repeat;
  background-position: left center;
}

/* --------------------------------------------------------------------- Navigation - Highlight Active Page */

body#home li#nav-home a,
body#practice li#nav-practice a,
body#services li#nav-services a,
body#gallery li#nav-gallery a,
body#appointments li#nav-appointments a,
body#contact li#nav-contact a, 
body#contact li#nav-therapy a,
body#contact li#nav-links a {
  background: #1d66b5 url(../images/nav_bullet.gif) no-repeat;
  background-position: left center;
}


/* --------------------------------------------------------------------- Headings */

h2 {
  position: relative;
  font-size: 1px;
  margin-bottom: 10px;
  height: 20px;
}

h2 span {
  position: absolute;
  width: 100%;
  height: 100%;
}

h2#welcome {width: 286px;}
h2#welcome span {background: url(../images/heading_welcome.gif) no-repeat;} 

h2#heading-practice {width: 162px;}
h2#heading-practice span {background: url(../images/heading_practice.gif) no-repeat;}

h2#heading-services {width: 70px;}
h2#heading-services span {background: url(../images/heading_services.gif) no-repeat;}

h2#heading-gallery {width: 58px;}
h2#heading-gallery span {background: url(../images/heading_gallery.gif) no-repeat;}

h2#heading-makeovers {width: 292px;}
h2#heading-makeovers span {background: url(../images/heading_makeovers.gif) no-repeat;}

h2#heading-whitening {width: 205px;}
h2#heading-whitening span {background: url(../images/heading_whitening.gif) no-repeat;}

h2#heading-appointments {width: 112px;}
h2#heading-appointments span {background: url(../images/heading_appointments.gif) no-repeat;}


h2#heading-links {width: 87px;}
h2#heading-links span {background: url(../images/heading_links.gif) no-repeat;}

h2#heading-contact {width: 87px;}
h2#heading-contact span {background: url(../images/heading_contact.gif) no-repeat;}


/* --------------------------------------------------------------------- Footer */


div#footer p {
  font-size: 0.7em;
  text-align: center;
}

/* --------------------------------------------------------------------- Appointments Page */

ul#hours {
  list-style: none;
  line-height: 1.6em;
}

/* --------------------------------------------------------------------- Gallery Page */

table#gallery-table {
  width: 430px;
}

table#gallery-table th {
  text-align: center;
  padding-bottom: 5px;
  font-size: 0.8em;
}

table#gallery-table td.left {
  padding-right: 10px;
}

table#gallery-table td img {
  padding-bottom: 5px;
}

table#gallery-table td {
  text-align: center;
  font-style: italic;
  font-size: 0.7em;
  padding-bottom: 10px;
}

ul.gallery-nav li {
  list-style: none;
  display: inline;
}