html {
  font-size: 100%;
}

body {
  max-width: 860px;
  margin: 10px auto;
  background-color: #302A2A;
/*  background-color: #D7C5A2;
*/
  color: #EDE4D6;
  font-family: "AvantGarde", Arial, sans-serif;
}
/* ------------------- framework -------- */

#headerindex {
  position: relative;
  float: left;
  clear: left;
  width: 360px;
  margin: 5px 0 40px 40px;
  text-align: center;
  z-index: 1;
}

.indexlogo{
  width: 300px;
  margin: 0 auto;
}

#headerindex h1 {
  text-align: center;
}

#headerindex .logo{
  position: relative;
  width: 360px;
  top: 20px;
  padding-bottom: 40px;
  z-index: 1;
}

#indexnav {
  text-align: center;
  width: 360px;
  margin-left: -40px;
}

#indexnav li {
  list-style-type: none;
  padding-bottom: 10px;
  list-style-position: inside;
}
/* rotator in-page placement */

div.rotatorind {
  position: relative;
  float: left;
  height: 450px;
  width: 300px;
  margin-left: 5px;
  display: none;
  padding-right: 50px;
}
/* rotator css */

div.rotatorind ul li {
  float: left;
  position: absolute;
  list-style: none;
}
/* rotator image style */

div.rotatorind ul li img {
/*border:1px solid #ccc;
    padding: 4px;
    background: #FFF;*/}

div.rotatorind ul li.show {
  z-index: 500;
}

#header {
  height: 90px;
  margin: 0 20px 0 220px;
  max-width: 540px;
  text-align: center;
}

.logo{
  float: left;
  width: 200px;
  margin-left: 20px;
}

.weelogo{
  position: relative;
  float: left;
  width: 200px;
  top: 20px;
  padding-bottom: 10px;
}

#mainnav li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}

#content {
  position: relative;
  max-width: 860px;
  margin: 37px 20px 0;
}

#content1 {
  max-width: 860px;
  overflow: auto;
  margin: 37px 20px 0;
}

.pagehead {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.about {
  position: relative;
  float: left;
  width: 580px;
  overflow: auto;
}

.sidebar {
  float: right;
  width: 200px;
  height: auto;
  margin: 20px;
  padding: 5px;
  border: 1px solid #543530;
}

.sidebarabout {
  position: relative;
  width: 200px;
  height: auto;
  margin: 20px 20px 20px 600px;
  padding: 5px;
  border: 1px solid #543530;
}

#twitter_div {
  font-size: 0.8em;
  border: 1px solid #543530;
  padding: 5px;
  overflow: hidden;
}

.sidebar-title {
  text-align: center;
  border: none;
  background: #543530;
  color: #D7C5A2;
  font-size: 1.1em;
  padding-bottom: 5px;
}

.fb {
  text-align: center;
  padding: 10px 0;
  font-size: 0.7em;
}

.fb a {
  text-decoration: none;
}

.rates {
  max-width: 600px;
  margin: 0 auto;
}
/* -------------- link syltes ------------- */

a{
  color: #EDE4D6;
}

a:hover {
  color: #BE8C69;
}

a:visited {
  color: #B4A091;
}

.active {
  color: #FAD6AD;
}

.designnav ul {
  max-width: 860px;
  text-align: center;
}

.designnav li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}
/* ----------------- text styles ----- */

p {
  font-size: .9em;
  color: #EDE4D6;
}

.p2 {
  text-align: center;
}

.p2desc {
  margin-left: 75px;
}

.caption {
  margin-left: 225px;
  width: 500px;
}

.p3 {
  padding: 5px 0 10px 240px;
  height: 450px;
}

.p4 {
  text-align: center;
  font-size: 0.6em;
  padding-top: 20px;
}

p.c1 {
  margin-top: 60px;
  font-weight: 600;
  clear: both;
  margin-left: 20px;
}

.what {
  clear: both;
  text-align: center;
}


h1 {
  text-align: center;
}

h2 {
  clear: both;
  font: 600 1.3em;
  max-width: 700px;
  border: 2px solid #EDE4D6;
  margin: 0 auto;
  text-align: center;
}

h3 {
  font: 600 1.3em;
  max-width: 700px;
  margin: -10px auto 0;
  text-align: center;
}

h4 {
  font: 600 1em;
  padding-top: 40px;
  border-bottom: solid .5px #EDE4D6;
}

h5 {
  font-size: 1em;
}

#mustanglogo p {
  font-weight: bold;
}

.span1 {
  display: inline;
  font-weight: bold;
  font-size: 1em;
}

#content li {
  font: 0.8em;
  color: #EDE4D6;
}

.t1 {
  border-spacing: 15px;
  max-width: 800px;
  margin: 10px auto 20px;
}

.td1 {
  width: 125px;
  height: 120px;
  text-align: center;
  border-bottom: solid 10px #EDE4D6;
}

.td1 img {
  padding: 10px;
  background: #000000;
}

.td2 {
  width: 90px;
  height: 120px;
  padding: 0 10px;
  text-align: left;
  border-right: solid 10px #EDE4D6;
  border-bottom: solid 10px #EDE4D6;
}

p.archive {
  padding: 5px 10px 2px;
  margin-left: 160px;
  clear: right;
}

.press {
  clear: both;
}

.back {
  margin: -20px 0 0;
  padding: 0;
}

.small {
  font-size: 0.7em;
}

p.extlink {
  font-size: 0.7em;
  text-align: right;
  margin-right: 20px;
  margin-left: 140px;
}

.highlight {
  text-align: center;
}

.logodisplay {
  text-align: center;
  max-width: 860px;
  margin: 5px;
  padding: 2px;
  border: solid 1px #543530;
}

.logoex ul {
  text-align: center;
}

.logoex li {
  display: inline;
  list-style-type: none;
}

.tips li {
  font-size: .9em;
}
/*
#twitter-link {
  font-size: 1em;
}
*/

table {
  width: 450px;
  margin-left: 75px;
  border: none;
  border-collapse: collapse;
}

td {
  font-size: .8em;
  font-family: arial;
  font-weight: bold;
}

.rates h5 {
  margin-top: 60px;
}

.rates td {
  border: 1px solid #EDE4D6;
  padding: 2px 5px;
}

ul.design {
  padding: 0px;
  margin: 0px;
  max-width: 680px;
  list-style: none;
}

li.desdesc {
  border-top: 1px solid #ede4d6;
  margin: 20px 0 10px 0;
  padding-top: 5px;
}

.design img {
  margin: 5px;
}

ul.web span.span1 {
  display: inline;
  font-weight: bold;
  font-size: 1.6em;
}

li.websites {
  display: block;
  font-size: .9em;
  padding-bottom: 20px;
}


/* ----------------------- image styles ---------- */

img {
  border: none;
}

#mustanglogo {
  width: 300px;
  height: 450px;
  margin: 80px 0 20px 460px;
}

#content img.contimg1 {
  float: left;
  width: auto;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
}

#content img.contimg2 {
  float: right;
  width: auto;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
}

div.desc2 {
  clear: right;
  float: right;
  text-align: center;
  font-weight: normal;
  width: 250px;
  margin: -18px 2px -8px;
  font-size: .9em;
}

.album {
  text-align: left;
  padding-left: 5px;
}

.album li {
  list-style-type: none;
  display: inline;
}

.album img {
  margin: 5px;
  padding: 10px;
  border: solid 1px #EDE4D6;
}

.archiveframe {
  max-width: 680px;
  margin: 20px auto;
  padding-bottom: 20px;
  border: solid 2px #543530;
}

.archive2 {
  height: 155px;
  overflow: hidden;
}

.pressbox {
  position: relative;
  border: solid 1px #EDE4D6;
  width: 460px;
  height: auto;
  margin: 20px;
  text-align: center;
}

img.archive {
  float: left;
  width: auto;
  clear: left;
  margin: 5px 10px;
  padding: 10px;
  border: solid 1px #EDE4D6;
}

object.archive {
  float: left;
  width: 187px;
  clear: left;
  margin: 5px 10px;
  padding: 10px;
  border: solid 1px #EDE4D6;
}

img.pressbox {
  float: left;
  width: auto;
  height: auto;
  clear: left;
  margin: 5px 10px;
  padding: 10px;
  border: solid 1px #EDE4D6;
}

img.archivepress {
  display: inline;
  float: left;
  width: auto;
  margin: 5px 10px;
  padding: 10px;
  border: solid 1px #EDE4D6;
}

div.desc {
  clear: both;
  text-align: center;
  width: auto;
  margin: -8px 2px 0px;
}

.logoex img{
  margin: 5px;
  padding: 10px;
  border: 1px solid #BBBBBB;
  background: #ffffff;
}

.websites img {
  margin: 0;
  padding: 5px;
  border: none;
  background: none;
}

.indexphotos {
  max-width: 532px;
  margin: 0 auto;
}
/* ------------------ photo restore images ------------------------- */

#content div.restimg1 {
  float: right;
  width: 450px;
  height: 358px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/example02_before.jpg) no-repeat center;
  z-index: 100;
}

#content div.restimg1:hover {
  float: right;
  width: 450px;
  height: 358px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/example02_after.jpg) no-repeat center;
  z-index: 500;
}

#content div.restimg2 {
  float: right;
  width: 450px;
  height: 358px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/m_and_m01_before.jpg) no-repeat center;
  z-index: 100;
}

#content div.restimg2:hover {
  float: right;
  width: 450px;
  height: 358px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/m_and_m01_after.jpg) no-repeat center;
  z-index: 500;
}

#content div.restimg3 {
  float: right;
  width: 450px;
  height: 609px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/marilynn01_before.jpg) no-repeat center;
  z-index: 100;
}

#content div.restimg3:hover {
  float: right;
  width: 450px;
  height: 609px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/marilynn01_after.jpg) no-repeat center;
  z-index: 500;
}

#content div.restimg4 {
  float: right;
  width: 450px;
  height: 607px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/marilynn03_before.jpg) no-repeat center;
  z-index: 100;
}

#content div.restimg4:hover {
  float: right;
  width: 450px;
  height: 607px;
  margin: 20px;
  padding: 10px;
  border: solid 1px #EDE4D6;
  background: url(Albums/Retouch/marilynn03_after.jpg) no-repeat center;
  z-index: 500;
}

.restdesc {
  height: auto;
  overflow: auto;
}
/* ----------------- breeze styles --------------------- */

#fullsizeheader {
  position: relative;
  float: left;
  clear: left;
  width: 151px;
  margin-top: 20px;
  text-align: center;
  z-index: 1;
}

.fullsizeweelogo{
  position: relative;
  float: left;
  width: 200px;
  top: 20px;
  padding-bottom: 10px;
  z-index: 1;
}

#fullsizenav li {
  float: left;
  clear: left;
  list-style-type: none;
  text-align: left;
  padding-bottom: 10px;
}

.fullsize {
  clear: right;
}

#content img.fullsize {
  margin-left: 20px;
  overflow: scroll;
}

#content1 img.fullsize {
  margin-left: 20px;
}

p.front {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

#headerfront {
  height: 90px;
  margin: 0 20px 0 220px;
  max-width: 540px;
  text-align: center;
}

#headerfront ul.mainnav {
  margin-top: -20px;
  height: 20px;
}

#headerfront .mainnav li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}

#contentfront {
  position: relative;
  max-width: 860px;
  margin: 5px auto 0;
  text-align: center;
}

#contentfront h3 {
  margin-top: -10px;
}

p.captionfront {
  font-size: 1em;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.fronttitle {
  max-width: 840px;
  height: auto;
  padding-top: 20px;
  clear: both;
  font-size: 1.2em;
  text-align: center;
}

div.frontalbum {
  max-width: 650px;
  margin: 0 auto;
  clear: both;
}

div.frontimg {
  margin: 1px;
  padding: 0 5px 0;
  height: 190px;
  width: 150px;
  float: left;
  text-align: center;
  background: #000000;
}

div.frontimg img {
  display: inline;
  border: none;
  background: #000000;
}

div.frontimg a:hover img {
  background: #444444;
}

div.frontdesc {
  text-align: center;
  font-weight: normal;
  font-size: .8em;
  color: #EDE4D6;
  width: 150px;
  margin: -6px 0 0;
}

.frontdesc a {
  color: #EDE4D6;
}
/* ------------------- footer ------------ */

#footer {
  clear: both;
  max-width: 960px;
  margin: 40px auto 10px;
}

#footer p {
  text-align: center;
  font-size: 0.8em;
  color: #EDE4D6;
}
/* ---------------------------------- images with captions */

.captionphotos {
  max-width: 620px;
  margin: 0 auto;
}

div.captionimg {
  margin: 2px 5px;
  border: none;
  height: auto;
  width: 200px;
  float: left;
  text-align: center;
}

div.captionimg img {
  display: inline;
  margin: 3px 5px;
  border: none;
}

.captiondesc a {
  font: 400 .8em arial;
  text-decoration: none;
}
/*div.captionimg a:hover img
  {
  border: none;
  }*/

div.captiondesc {
  text-align: center;
  width: 200px;
  margin: 2px 5px;
}