html, body, h1, h2, h3, h4, h5, a, p, div, span, ul, li {
  margin: 0;
  padding: 0;
}

.top { margin-top: 0 !important; padding-top: 0 !important; }
.bottom { margin-bottom: 0 !important; padding-bottom: 0 !important; }

#canvas {
  position: relative;
  margin: 0 auto;
  width: 890px; 
}

#navigation {
  margin-top: 15px;
  position: relative;
}

#navigation h1 {
  font-family: arial;
  text-transform: uppercase;
  font-size: 24pt;
  font-weight: normal;
}

#navigation h1 a {
  color: #F7B37D;
  text-decoration: none;
}

#navigation ul {
  position: absolute;
  top: 0px;
  right: 0;
  width: 605px;
}

#navigation li {
  float: left;
  width: 95px;
  line-height: 35px;
  border-left: 1px solid black;
  list-style: none;
}

#navigation li a {
  font-family: arial;
  text-transform: uppercase;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  color: #554030;
  width: 95px;
  height: 35px;
  display: block;
}

#navigation li a:hover {
  background: #E0E4CC;
}

#navigation li a span {
  position: relative;
  left: 15px;
}

.headline p {
  color:#886D59 !important;
  font-family:"Times New Roman" !important;
  font-size:21px !important;
  font-weight:normal !important;
  line-height:27px !important;
  margin: 1em 0 !important;
}

#content p {
  color:#886D59;
  font-family:Arial;
  font-size:13px;
  line-height:18px;
  margin:1em 0;
}

#content h2 {
  text-transform: uppercase;
  font-size: 13pt;
  padding: 10px 0 0;
  font-family: Arial;
  color: #F86910;
}

#content a {
  color: #F86910;
}

#content a:hover {
  text-decoration: none;
}

#content a img {
  border: 0;
}

#intro {
  border-top: 1px solid #606060;
  padding-top: 20px;
  overflow: hidden;
}

#intro .column {
  float: left;
  width: 290px;
  padding: 0 3px;
  height: 735px;
}

#intro .column.salon,
#intro .column.bridal {
  border-right: 1px dotted black;
}

#intro .column .header {
  width: 290px;
  height: 435px;
  display: block;
}

#intro .column.salon .header {
  background-position: top left;
}
#intro .column.salon .header:hover {
  background-position: 290px 0;
}

#intro .column.bridal .header {
  background-position: top left;
}
#intro .column.bridal .header:hover {
  background-position: 290px 0;
}

#intro .column.creative .header {
  background-position: top left;
}
#intro .column.creative .header:hover {
  background-position: 290px 0;
}

#footer {
  margin-top: 10px;
  border-top: 1px solid #606060;
  padding-bottom: 50px;
}

#footer ul li {
  float: left;
  list-style: none;
  border-right: 1px solid black;
  padding-left: 5px;
  padding-right: 5px;
}

#footer ul li.first-child {
  padding-left: 0px;
}

#footer ul li.last-child {
  border-right: 0;
}

#footer ul li a,
#footer #copywright p {
  color:#554030;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:bold;
  padding-left:7px;
  padding-right:7px;
}

#footer ul {
  position: relative;
  top: 10px;
  border-right: 1px solid black;
}

#footer #copywright p {
  float: right;
  padding-top: 10px;
}

.salon_services img {
  float: left;
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px dotted black;
}

.salon_services h2 {
  padding: 0 !important;
}

.map_view {
  overflow: hidden;
}

.map_view .map_location {
  float: left;
  width: 280px;
  padding-right: 10px;
  margin-right: 5px;
  border-right: 1px dotted black;
  height: 390px;
}

.map_view #map {
  float: right;
}

.bridal_images .first-child {
  padding-right: 5px;
  border-right: 1px dotted black;
}

.bride_testimonials {
  overflow: hidden;
}

.bride_testimonials .testimonial_text {
  float: left;
  width: 288px;
  height: 435px;
}

.bride_testimonials img {
  padding-left: 4px;
  border-left: 1px dotted black;
  margin-left: 5px;
  float: left;
}

.creative_intro {
  overflow: hidden;
}

.creative_intro a.image_container {
  float: left;
  display: block;
  width: 590px;
  height: 435px;
  padding-right: 5px;
  border-right: 1px dotted black;
  margin-right: 5px;
}

.creative_intro a.image_container .image {
  display: block;
  background-position: top left;
  width: 590px;
  height: 435px;
}

.creative_intro a.image_container .image:hover {
  background-position: 590px 0;
}

.creative_content {
  overflow: hidden;
}

.creative_content .column {
  float: left;
  width: 170px;
  border-right: 1px dotted black;
  height: 525px;
  padding: 0 3px;
}

.creative_content .column.last-child {
  border-right: 0;
}

.headline.gallery {
  position: relative;
}

.headline.gallery .back {
  position: absolute;
  top: 3px; right: 0;
  font-weight: bold;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
}

.gallery_images .first-child {
  padding-right: 5px;
  border-right: 1px dotted black;
}

.links_of_interest {
  overflow: hidden;
}

.links_of_interest .content {
  float: right;
  width: 438px;
}

.links_of_interest img {
  float: left;
  padding-right: 5px;
  border-right: 1px dotted black;
  margin-right: 5px;
}

.makeup_services {
  overflow: hidden;
}

.makeup_services img {
  float: left;
}

.makeup_services .content {
  float: right;
  width: 285px;
  padding-left: 5px;
  border-left: 1px dotted black;
  margin-left: 5px;
}

.hairdressing_services {
  overflow: hidden;
}

.hairdressing_services img {
  float: right;
  padding-left: 5px;
  border-left: 1px dotted black;
  margin-left: 5px;
}

.hairdressing_services .content {
  float: left;
  width: 285px;
}

.contact_message {
  background: #ebcbb4;
  color:#493b30;
  border: 1px solid #886d59;
  padding: 5px;
  font-family:Arial;
  font-size:13px;
  margin: 5px 0;
}

.links_of_interest form {
  padding-top: 15px;
}

.links_of_interest form p {
  display: block;
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 0 0 8px 0 !important;
}

.links_of_interest form span {
  width: 130px;
}

.links_of_interest form select {
  font-family:Arial;
  font-size: 13px;
  margin-right: 5px;
}

.links_of_interest form input[type=text] {
  width: 202px;
}

.links_of_interest form textarea,
.links_of_interest form input[type=text] {
  border: 1px solid #c2b1a5;
  font-family:Arial;
  font-size: 13px;
  padding: 3px;
}

.links_of_interest form textarea {
  width: 298px;
  height: 60px;
}

.links_of_interest .submit_button {
  margin-left: 130px;
}

.links_of_interest form span,
.links_of_interest form select,
.links_of_interest form textarea {
  float: left;
}

