body {
  background:       url(../images/bodyBg.jpg) white repeat-y center;
  font-family:      Helvetica, Arial;
  font-size:        12px;
}

div.container {
  margin:           0px auto;
  width:            875px;
  height:           auto;
  height:           600px;
  position:         relative;
  background:       url('../images/siteSprite.jpg') no-repeat 533px 0px;
  border-left:      solid 1px #666666;
  border-right:     solid 1px #666666;
  border-bottom:    solid 1px #666666;
}

h1 {
  text-indent:      -5000px;
  background:       url(../images/siteLogo.jpg) no-repeat;
  height:           27px;
  width:            345px;
  margin:           15px 0px 0px 25px;
  display:          block;
  clear:            both;
  float:            left;
}

p {
  line-height:      20px;
  margin-bottom:    20px;
}


/*-------------------- PAGE CONTENT --------------------*/

div.pageContent { 
  margin:           10px 0px 25px 0px;
  padding:          25px 25px 0px 25px;
  background:       url('../images/transBg.png');
  float:            left;
  clear:            both;
  width:            825px;
  overflow:         hidden;
}


/*----------------------- HEADER -----------------------*/

div.header {
  width:            875px;
  height:           80px;
}


/*---------------------- SITE NAV ----------------------*/

ul.siteNav {
  display:          block;
  clear:            both;
  margin:           0px 0px 0px 25px; 
  height:           24px;
}

ul.siteNav li {
  display:          block;
  float:            left;
  width:            80px;
  border-left:      dotted 1px #b2b2b2;
  font-size:        13px;
  padding:          5px;
  text-align:       center;
}


ul.siteNav li.currentSection {
  border-bottom: none;
}

ul.siteNav li.last {
  border-right:    dotted 1px #b2b2b2;
}

ul.siteNav li a {
  color:            #e00423;
  font-weight:      bold;
  text-decoration:  none;
}

ul.siteNav li a:hover {
  color:            #666666;
}


/*---------------------- DROPDOWN ---------------------*/

div.dropDown {
  float:            left;
  clear:            both;
  margin:           0px 0px 0px 25px; 
  padding:          0px;
  border:           dotted 1px #b2b2b2;
  width:            363px;
}

div.dropDown ul li {
  display:          block;
  float:            left;
  width:            80px;
  font-size:        13px;
  padding:          5px;
  text-align:       center;
}

div.dropDown ul li a {
  color:            #e00423;
  font-weight:      bold;
  text-decoration:  none;
  padding: 3px;
  display: block;
}

div.dropDown ul li a:hover {
  color:            #666666;
}


/*-------------------- PORTFOLIO SLIDESHOW --------------------*/

div.portfolioSlide {
  width:            875px;
  height:           450px;
  margin-left:      -25px;
  border-top:       solid 1px #b2b2b2;
  border-bottom:    solid 1px #b2b2b2;
  background:       #666666;
}

div.portfolioSlide div.imageDiv {
  width:            780px;
  height:           450px;
  background:       url('../images/slideShow.jpg') #ffffff no-repeat left 0px;
  margin:           0px auto;
  position:         relative;
  border-left:      solid 1px #b2b2b2;
  border-right:     solid 1px #b2b2b2;
  float:            left;
}

div.portfolioSlide div.imageDiv a {
  width:            780px;
  height:           450px;
  text-indent:      -5000px;
  display:          block;
  position:         absolute;
}

div.portfolioSlide div.scrollLeft,
div.portfolioSlide div.scrollRight {
  width:            45px;
  float:            left;
}

div.portfolioSlide a.scrollLeft,
div.portfolioSlide a.scrollRight {
  width:            25px;
  float:            left;
  display:          block;
  height:           450px;
  margin-left:      10px;
  text-indent:      -5000px;
}

div.portfolioSlide a.scrollRight {
  background:       url('../images/arrowRight.png') no-repeat -25px center;
}
div.portfolioSlide a.scrollRight:hover {
  background:       url('../images/arrowRight.png') no-repeat 0px center;
}
div.portfolioSlide a.scrollLeft {
  background:       url('../images/arrowLeft.png') no-repeat 0px center;
}
div.portfolioSlide a.scrollLeft:hover {
  background:       url('../images/arrowLeft.png') no-repeat -25px center;
}