body {
    background: url('bg-main-pic-fade2.jpg') no-repeat;
    background-position: top right;
    background-attachment: fixed;
    font-family: tahoma,helvetica,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}


ul {
    margin-top: 0.75em;
    margin-bottom: 0;
}

div.spacer {
    clear: both !important;
}


.PottsTop {
    margin-bottom: 30px;
}

.PottsTopLeft {
    color: #40C;
    float: left;
    font-size: 14pt;
    margin: 0;
    width: 240px;
    height: 116px;
}

.PottsLogo {
    margin-left: 20px;
    margin-top: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.PottsTopMiddle {
    color: #40C;
    float: left;
    font-size: 14pt;
    margin: 0;
    width: 645px;
    height: 116px;
}

.PottsTopRight {
    color: #034985;
    float: right;
    font-size: 11pt;
    margin: 0;
    width: 190px;
    height: 116px;
}

.PottsText {
    text-shadow: #C0C0C0 1px 1px 0px;
}

.PottsAbout {
    width: 640px;
}

.PottsContact {
    color: #034985;
    float: right;
    font-family: serif;
    font-size: 11pt;
    margin-right: 20px;
    margin-top: 20px;
}

.PottsContact ul {
    list-style-type: none;
}

.PottsContactForm form label {
    float: left;
    margin-bottom: 10px;
    width: 5em;
}
.PottsContactForm form input {
    float: left;
    margin-bottom: 10px;
    width: 13.7em;
}

.PottsHeading {
    color: #000;
    float: left;
    font-size: 24pt;
    font-weight: bold;
    margin-left: 0;
    margin-top: 35px;
    margin-bottom: 20px;
    text-shadow: #444 2px 2px 1px;
    width: 95%;
}

.PottsSchedule {
    margin: auto;
/*    margin-left: 3em; */
    padding: 1px;
    text-align: center;
/*    width: 480px; */
    width: 99%;
}
.PottsSchedule a {
    background: #785F5B;
    background: url('images/sched-bg.jpg') repeat-x;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    border-right: 1px solid #533;
    border-bottom: 1px solid #533;
    display: block;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    width: 19em;
    height: 20px;
    margin: auto;
    padding: 0.2em 0.4em;
    text-decoration: none;
    text-shadow: #111 1px 1px 0px;
}
.PottsSchedule a:hover {
    text-shadow: #111 2px 2px 1px;
    color: #F0EDDF;
}


.PottsMenu {
/*    background: url('bg-menu.jpg') no-repeat; */
    clear: both;
    float: left;
    margin: 0;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center;
}

#HeadMenuList {
    list-style: none;
    margin: 0;
    padding: 0;
}
#HeadMenuList a {
    display: block;
    width: 5em;
}
#HeadMenuList li {
    background: #785F5B;
    background: url('images/menu-bg.jpg') repeat-x;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    border-right: 1px solid #533;
    border-bottom: 1px solid #533;
    float: left;
    margin: 0;
    padding: 1px;
    width: 5em;
}
#HeadMenuList li a {
    color: white;
    font-size: 11pt;
    font-weight: bold;
    height: 20px;
    margin: 0;
    padding: 0.2em 0.4em;
    text-decoration: none;
    text-shadow: #111 1px 1px 0px;
}
#HeadMenuList li a:hover {
    text-shadow: #111 2px 2px 1px;
    color: #F0EDDF;
}

#HeadMenuList li ul {
    left: -1000px;
    list-style: none;
    margin: 2px 0 0 -100px;
    position: absolute;
    width: 300px;
}
#HeadMenuList li ul li, #HeadMenuList li ul li a {
    background: #B3B973;
    color: #584F4B;
    margin: 0;
    text-shadow: #000000 0 0 0px;
    width: 130px;
}
#HeadMenuList li ul li a {
    font-size: 10pt;
    width: 119px;
}
#HeadMenuList li ul li a:hover {
    text-shadow: #000000 0 0 2px;
    color: #FFFFFF;
}

#HeadMenuList li:hover ul, #HeadMenuList li.sfhover ul {
    left: auto;
}
#HeadMenuList li ul:hover, #HeadMenuList li ul.sfhover {
    left: auto;
}


.PottsMiddle1 {
    clear: both;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
}
.PottsMiddle2 {
    margin: 0;
    padding: 0;
    width: 100%;
}

.PottsMain {
    float: right;
    margin: 0;
    padding: 2em;
    padding-top: 0;
    width: 95%;
}

.PottsLeft {
    float: left;
    width: 48%;
}
.InsideLeft {
    float: right;
    padding-right: 1em;
}

.PottsRight {
    float: left;
    padding-left: 1em;
    width: 48%;
}

.PottsImageTop {
    background: url(bg-pic-top.gif) repeat-y;
    color: white;
    margin-bottom: 0;
    padding-top: 5px;
    padding-left: 15px;
    width: 404px;
    height: 30px;
}

.PottsImageBody {
    margin: 0px;
    background: url(bg-pic-mid.jpg);
    border-top: 2px solid #006699;
    width: 404px;
}
.PottsImageBody img {
    border-bottom: 2px solid #006699;
    margin: 0;
    margin-left: 2px;
    padding: 0;
}
.PottsImageBody p {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.PottsBottom {
    clear: both;
    height: 45px;
    margin: 0;
}


.ServicesHeader {
    float: left;
    width: 300px;
}
.ServicesHeader h2 {
    background: url('images/bg-white-title-300-top.png') no-repeat;
    color: #600000;
    margin: 0;
    padding: 10px 0 0 1em;
    width: 300px;
}
.ServicesHeader img {
    float: left;
}

.ServicesList {
    background: url('images/bg-dark-red-300-mid.png') repeat-y;
    color: white;
    font-size: 0.9em;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 10px 0 0 1em;
    width: 295px;
}
.ServicesList li {
    background: url('images/li-arrow-white.png') no-repeat;
    padding: 0 0 10px 20px;
}
.ServicesList a, .ServicesList a:visited {
    border-bottom: 1px solid white;
    color: white;
    text-decoration: none;
}
.ServicesList a:hover {
    background: white;
    color: #800000;
    text-decoration: none;
}

.ServicesText {
    float: right;
    margin-left: 15px;
    width: 640px;
}
.ServicesText div {
    background: url('images/bg-black-partial-640-mid.png') repeat-y;
    float: left;
    width: 640px;
}
.ServicesText h2 {
    border-bottom: 1px solid #AAAAAA;
    color: white;
    margin: 0 1em 0 1em;
    padding-bottom: 0.5em;
    text-align: center;
    width: 600px;
}
.ServicesText p {
    color: white;
    padding: 1em 2em 0 2em;
}
.ServicesText .FirstP {
    margin-top: 0;
}
.ServicesTextFooter {
    clear: both;
    color: white;
    margin-bottom: 0;
    padding: 1em 1em 0 1em;
    text-align: center;
    width: 99%;
}
.ServicesTextFooter a {
    color: white;
    font-size: 1.2em;
    margin: 0;
    padding: 3px;
    text-decoration: underline;
}
.ServicesTextFooter a:hover {
    background: black;
}
.ServicesTextBg {
    float: left;
    height: 10px;
    width: 640px;
}


.ContactInfo {
    font-weight: bold;
    list-style-type: none;
}

.slide_title {
/*    color: #996633; */
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    width: 100%;
}

#jstartstop {
    display: block;
    float: left;
    width: 180px;
    text-align: center;
}
#jstartstop a {
    color: white;
}
#jstartstop a:hover {
    color: #DDDDDD;
}

/* begin gallery styling */
#jgal { list-style: none; width: 360px; }
#jgal li { opacity: .75; float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 2px solid #40C; margin-right: 12px; margin-bottom: 12px; filter: alpha(opacity = 75);/*IE bug*/}
#jgal li span { position: fixed; top: 123px; left: 500px; display: none; padding: 3px; border: 2px solid #E0CDBF; overflow: visible; font-weight: bold; background: #EEEEEE; }
#jgal li img { position: fixed; top: 217px; left: 500px; display: none; padding: 3px; border: 2px solid #E0CDBF; overflow: visible; width: 400px; }
#jgal li.active span { display: block; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}
#jgal li.sfhover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}

.jgal-m { list-style: none; width: 360px; }
.jgal-m li { opacity: .75; float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 2px solid #40C; margin-right: 12px; margin-bottom: 12px; filter: alpha(opacity = 75);/*IE bug*/}
.jgal-m li span { position: absolute; left: 480px; display: none; padding: 3px; border: 2px solid #E0CDBF; overflow: visible; width: 400px; background: #EEEEEE; }
.jgal-m li img { position: absolute; left: 480px; display: none; padding: 3px; border: 2px solid #E0CDBF; overflow: visible; width: 400px; }
.jgal-m li.active span { display: block; }
.jgal-m li.active img { display: block; }
.jgal-m li.active, .jgal-m li:hover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}
.jgal-m li.sfhover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}

.multi-gallery h3 {
   clear: both;
}

#jgal-mpatio-1 li { opacity: .75; float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 2px solid #40C; margin-right: 12px; margin-bottom: 12px; filter: alpha(opacity = 75);/*IE bug*/}
#jgal-mpatio-1 li.active { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}
#jgal-mpatio-1 li.sfhover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}
#jgal-mpatio-1 li img { position: fixed; }
#jgal-mpatio-1 li span { position: fixed; font-size: 0.9em; font-weight: bold; }

#jgal-mrest-1 li { opacity: .75; float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 2px solid #40C; margin-right: 12px; margin-bottom: 12px; filter: alpha(opacity = 75);/*IE bug*/}
#jgal-mrest-1 li.active { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}
#jgal-mrest-1 li.sfhover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}

#jgal-mfire-1 li { opacity: .75; float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 2px solid #40C; margin-right: 12px; margin-bottom: 12px; filter: alpha(opacity = 75);/*IE bug*/}
#jgal-mfire-1 li.active { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}
#jgal-mfire-1 li.sfhover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}

#jgal-mfire-2 li { opacity: .75; float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 2px solid #40C; margin-right: 12px; margin-bottom: 12px; filter: alpha(opacity = 75);/*IE bug*/}
#jgal-mfire-2 li.active { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}
#jgal-mfire-2 li.sfhover { outline-color: #40C; opacity: .99; /* safari bug */ filter: alpha(opacity = 99);/*IE bug*/}


#jgal-m-1      { top: 210px; height: 600px; }
#jgal-m-1 img  { top: 252px;}
#jgal-m-2      { top: 890px; height: 210px; }
#jgal-m-2 img  { top: 955px; }
#jgal-m-3      { top: 1210px; height: 280px; }
#jgal-m-3 img  { top: 1273px; }
#jgal-m-4      { top: 1590px; height: 280px; }
#jgal-m-4 img  { top: 1660px; }
#jgal-m-5      { top: 1970px; height: 300px; }
#jgal-m-5 img  { top: 2045px; }
#jgal-m-6      { top: 2370px; height: 620px; }
#jgal-m-6 img  { top: 2450px; }
#jgal-m-7      { top: 3090px; height: 300px; }
#jgal-m-7 img  { top: 3177px; }
/*#jgal-m-8      { top: 3490px; height: 300px; }
#jgal-m-8 img  { top: 3490px; }*/
#jgal-m-9      { top: 3540px; height: 600px; }
#jgal-m-9 img  { top: 3625px; }
/*#jgal-m-10     { top: 4290px; height: 300px; }
#jgal-m-10 img { top: 4290px; }*/
#jgal-m-11     { top: 3940px; height: 300px; }
#jgal-m-11 img { top: 4330px; }
#jgal-m-12     { top: 4340px; height: 300px; }
#jgal-m-12 img { top: 4735px; }
/*#jgal-m-13     { top: 5490px; height: 300px; }
#jgal-m-13 img { top: 5490px; }*/
#jgal-m-14     { top: 4740px; height: 400px; }
#jgal-m-14 img { top: 5142px; }
#jgal-m-15     { top: 5240px; height: 620px; }
#jgal-m-15 img { top: 5648px; }
#jgal-m-16     { top: 5940px; height: 500px; }
#jgal-m-16 img { top: 6375px; }
#jgal-m-17     { top: 6550px; height: 315px; }
#jgal-m-17 img { top: 6982px; }
#jgal-m-18     { top: 6950px; height: 200px; }
#jgal-m-18 img { top: 7403px; }
#jgal-m-19     { top: 7250px; height: 600px; }
#jgal-m-19 img { top: 7708px; }
#jgal-m-20     { top: 7950px; height: 320px; }
#jgal-m-20 img { top: 8415px; }
#jgal-m-21     { top: 8360px; height: 320px; }
#jgal-m-21 img { top: 8840px; }
#jgal-m-22     { top: 8810px; height: 320px; }
#jgal-m-22 img { top: 9265px; }
#jgal-m-23     { top: 9230px; height: 320px; }
#jgal-m-23 img { top: 9690px; }
#jgal-m-24     { top: 9750px; height: 320px; }
#jgal-m-24 img { top:10117px; }
#jgal-m-25     { top:10200px; height: 420px; }
#jgal-m-25 img { top:10545px; }
#jgal-m-26     { top:10700px; height: 270px; }
#jgal-m-26 img { top:11069px; }

#jgal-mr-1      { top: 210px; height: 680px; }
#jgal-mr-1 img  { top: 204px; }

#jgal-mr-2      { top: 935px; height: 710px; }
#jgal-mr-2 img  { top: 253px; }

#jgal-mr-3      { top: 1772px; height: 600px; }
#jgal-mr-3 img  { top: 1067px; }

#jgal-mr-4      { top: 2600px; height: 580px; }
#jgal-mr-4 img  { top: 1774px; }

#jgal-mr-5      { top: 3200px; height: 580px; }
#jgal-mr-5 img  { top: 2462px; }

#jgal-mr-6      { top: 3800px; height: 580px; }
#jgal-mr-6 img  { top: 3146px; }

#jgal-mr-7      { top: 4400px; height: 580px; }
#jgal-mr-7 img  { top: 3833px; }

#jgal-mr-8      { top: 5000px; height: 580px; }
#jgal-mr-8 img  { top: 4520px; }

#jgal-mr-9      { top: 5600px; height: 580px; }
#jgal-mr-9 img  { top: 5204px; }

#jgal-mr-10      { top: 6200px; height: 580px; }
#jgal-mr-10 img  { top: 5890px; }

#jgal-mrest-1      { top: 210px; height: 520px; }
#jgal-mrest-1 img  { top: 467px; }

#jgal-mpatio-1      { top: 210px; height: 520px; }
#jgal-mpatio-1 img  { top: 110px; }
#jgal-mpatio-1 span { top:  60px; height: 35px; }

#jgal-mfire-1      { top: 210px; height: 520px; }
#jgal-mfire-1 img  { top: 253px; }

#jgal-mfire-2      { top: 1772px; height: 600px; }
#jgal-mfire-2 img  { top: 1079px; }


/* Residential gallery */
#jgal-mr-1 { width: 480px; }
#jgal-mr-1 li img  { left: 580px; width: 400px; }

#jgal-mr-2 { width: 480px; }
#jgal-mr-2 li img  { left: 580px; width: 400px; }

#jgal-mr-3 { width: 480px; }
#jgal-mr-3 li img  { left: 580px; width: 400px; }

#jgal-mr-4 { width: 480px; }
#jgal-mr-4 li img  { left: 580px; width: 400px; }

#jgal-mr-5 { width: 480px; }
#jgal-mr-5 li img  { left: 580px; width: 400px; }

#jgal-mr-6 { width: 480px; }
#jgal-mr-6 li img  { left: 580px; width: 400px; }

#jgal-mr-6 { width: 480px; }
#jgal-mr-6 li img  { left: 580px; width: 400px; }

#jgal-mr-7 { width: 480px; }
#jgal-mr-7 li img  { left: 580px; width: 400px; }

#jgal-mr-8 { width: 480px; }
#jgal-mr-8 li img  { left: 580px; width: 400px; }

#jgal-mr-9 { width: 480px; }
#jgal-mr-9 li img  { left: 580px; width: 400px; }

#jgal-mr-10 { width: 480px; }
#jgal-mr-10 li img  { left: 580px; width: 400px; }


/* Restoration gallery */
#jgal-mrest-1 { width: 480px; }
#jgal-mrest-1 li img  { left: 550px; width: 400px; }

#jgal-mpatio-1 { width: 480px; }
#jgal-mpatio-1 li img  { left: 550px; width: 400px; }
#jgal-mpatio-1 li span { left: 550px; width: 400px; }

#jgal-mfire-1 { width: 480px; }
#jgal-mfire-1 li img  { left: 550px; width: 400px; }

#jgal-mfire-2 { width: 480px; }
#jgal-mfire-2 li img  { left: 550px; width: 400px; }


/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }


#rotator
{
  cursor: pointer;
  overflow: hidden;
  margin: 20px auto 10px;
  position: relative;
  width: 502px;
  height: 377px;
}
#rotator img
{
  border: 0;
  border: 1px solid #000;
  cursor: pointer;
  display: none;
  width: 500px;
  height: 375px;
  position: absolute;
  top: 0;
  left: 0;
}

#jslideshow
{
  cursor: pointer;
  display: none;
  overflow: hidden;
  margin: 50px auto 10px;
  position: relative;
  width: 502px;
  height: 377px;
}
#jslideshow img
{
  border: 0;
  border: 1px solid #000;
  cursor: pointer;
  display: none;
  width: 500px;
  height: 375px;
}

.PottsPopupPhoto {
    margin: 5px;
}
.PottsPopupPhoto img {
    border: 2px solid #996633;
    padding: 3px;
}


div.transbox
  {
  width:400px;
  height:90px;
  background-color:#333333;
  border:2px solid black;
  color: white;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  text-align: center;
  }
div.transbox p
  {
  margin:5px 5px;
  color: white;
  filter:alpha(opacity=99);
  opacity:0.99;
  }
div.transbox h3
  {
  margin:5px 5px;
  color: white;
  filter:alpha(opacity=99);
  opacity:0.99;
  }
div.transbox h3 a
  {
  color: #ccc;
  }
div.transbox h3 a:hover
  {
  color: #fff;
  }
div.transbox h4
  {
  color: white;
}
div.transbox a
  {
  color: #ccc;
  }
div.transbox a:hover
  {
  color: #fff;
  }

.ContentContainer {
    margin-right: 150px;
    margin-top: 50px;
}

.ImageList {
    color: white;
    list-style-type: none;
}
.ImageList a {
    color: white;
    padding: 3px 4px 4px 0;
}
.ImageList a:hover {
    background: #555555;
    border: 2px solid black;
}
.ImageList img {
    margin-right: 15px;
    vertical-align: middle;
}

.TeamList {
    float: left;
    list-style-type: none;
}
.TeamList li {
    height: 375px;
    padding-left: 50px;
    width: 200px;
}
.TeamList li h4 {
    background: #EEE;
    border: 1px solid black;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    margin-bottom: 0;
    width: 170px;
}
.TeamList li h4 span {
    color: #555;
    display: block;
    font-size: 12px;
    padding-left: 1em;
    padding-top: 3px;
}
.TeamList li img {
    border: 1px solid black;
    border-top: none;
}



.FromTheGrill {
    border: 0;
    color: #775;
    font-family: serif;
    font-size: 0.8em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-left: 10px;
    padding: 3px;
    position: relative;
    text-align: left;
    width: 11.5em;
    opacity: .80; filter: alpha(opacity = 80);/*IE bug*/
}

.FromTheGrill a:link {
    color: #554;
}
.FromTheGrill a:hover {
    color: #331;
}


.Clear {
    clear: both;
}
#lastGallery {
    clear: both;
    display: none;
}