/*
CSS for Warners Wedding Photography site
*/

body {
  font-family: "Trebuchet MS", Helvetica, Arial,  sans-serif;
  line-height: 125%;
  padding: 0;
  margin: 0;
  background-image: url(images/background.jpg)
}

h1 {
  color: #000080;
  font-size: x-large;
  font-weight: bold;
  line-height: 110%;
}

/*li {
  font-size: medium;
  color: navy;
  font-style: italic;
  line-height: 1.8;
  font-family: Georgia, Times, serif;
}*/

li.subpoints {
  font-size: small;
  list-style: circle;
}

p {
  font-size: 9pt;
  color: navy;
}

#tagline {
  position: absolute;
  top: 180px;
  left: 0px;
  width: 100%;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  background-color: #B07060;
  border: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: .8em;
  margin: 0;
  color: #FFFFFF;

}

#navigation {
  width: 180px;
}

#header {
  height: 180px;
  background-color: #C6AEBE;
}

img.feature {
  float: left;
  margin: 0;
}

img.logotext {
  position: absolute;
  left: 250px;
  top: 40px;
}

img.rightcornerimage {
  float:right;
}

#navigation, #bodycontent, #header {
  position: absolute;
}

#navigation, #bodycontent {
  top: 208px;
}

#bodycontent {
  left: 180px;
}

#header {
  width: 100%;
}

.cssnav {
  position: relative;
  font-family: arial, helvetica, sans-serif;
  background: url(images/button-inverted.gif) no-repeat;
  white-space: nowrap;
  display: block;
  width: 150px;
  height: 30px;
  margin: 8px;
  padding: 0;
  font-weight: bold;
}

.cssnav a {
  display: block;
  color: #ffffff;
  font-size: 11px;
  width: 150px;
  height: 30px;
  display: block;
  float: left;
  text-decoration: none;
}

.cssnav img {
  width: 150px;
  height: 30px;
  border: 0;
}

* html a:hover {
  visibility:visible
}

.cssnav a:hover img {
  visibility:hidden
}

.cssnav span {
  position: absolute;
  left: 35px;
  top: 5px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.gallery_buttons {
  width: 800px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
}

.gallery_buttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 4px;
  position: absolute;
  top: 75px;
}

.gallery_buttons li {
  display: inline;
}

.gallery_buttons a:link img {
  margin-right: 2px;
  padding: 0px 0px 40px 0px;
  text-decoration: none;
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #717171;
  border-right: 3px solid #717171;
  background-image: url(images/background.jpg);
}


.gallery_buttons a:visited img {
  margin-right: 2px;
  padding: 0px 0px 40px 0px;
  text-decoration: none;
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #717171;
  border-right: 3px solid #717171;
  background-image: url(images/background.jpg);
}

.gallery_buttons a:hover img {
  border-top: 3px solid #717171;
  border-left: 3px solid #717171;
  border-bottom: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
}

.gallery_buttons span.bw {
  position: absolute;
  left: 5px;
  top: 178px;
  color: #000000;
  font-size: 6pt;
  text-decoration: none;
}

.gallery_buttons span.cake {
  position: absolute;
  left: 130px;
  top: 178px;
  color: #000000;
  font-size: 6pt;
  text-decoration: none;
  line-height: 14px;
}

.gallery_buttons span.complete {
  position: absolute;
  left: 255px;
  top: 178px;
  color: #000000;
  font-size: 6pt;
  text-decoration: none;
}

.gallery_buttons span.formal {
  position: absolute;
  left: 378px;
  top: 178px;
  color: #000000;
  font-size: 6pt;
  text-decoration: none;
}

.gallery_buttons span.group {
  position: absolute;
  left: 502px;
  top: 178px;
  color: #000000;
  font-size: 6pt;
  text-decoration: none;
}

.gallery_buttons span.picturesque {
  position: absolute;
  left: 625px;
  top: 178px;
  color: #000000;
  font-size: 6pt;
  text-decoration: none;
}

.gallery_thumbnails ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 4px;
}

.gallery_thumbnails li {
  display: inline;
}

.gallery_thumbnails a:link img {
  margin-right: 2px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #717171;
  border-right: 3px solid #717171;
}

.gallery_thumbnails a:visited img {
  margin-right: 2px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #717171;
  border-right: 3px solid #717171;
}

.gallery_thumbnails a:hover img {
  border-top: 3px solid #717171;
  border-left: 3px solid #717171;
  border-bottom: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
}