/*
 * The position style sheet for
 * locating and area sizing
 */

div.header
{
  width: 846px;
  height: 86px;
  margin: 5px auto 0px auto;
  background-image: url("../graphics/clouds-top.jpg");
  border: 1px solid #8492b4;
}


div.content
{
  width: 846px;
  height: 32em;
  min-height: 30em;
  margin: 0px auto;
  text-align: left;
  border-left: 1px solid #8492b4;
  border-right: 1px solid #8492b4;
}


/*
 * Background images for each page
 */

#homebgnd
{
  background: url("../graphics/light-bulbs.jpg")  transparent no-repeat 20px 50px;
}

#contactbgnd
{
  background: url("../graphics/faces.jpg")  transparent no-repeat 20px 50px;
}

#clientsbgnd
{
  background: url("../graphics/orange-can.jpg")  transparent no-repeat 20px 50px;
}

#servicebgnd
{
  background: url("../graphics/green-thumb.jpg")  transparent no-repeat 20px 50px;
}

/*
 * *********
 * The menus
 * *********
 */
div.themenu
{
  text-align: left;
  margin: 0 auto;
  height: 3em;
  width: 846px;
  border-left: 1px solid #8492b4;
  border-right: 1px solid #8492b4;
  border-top: 1px solid #8492b4;
}


/*
 * Portfolio
 * *********
 *
 * The gallery of clients and projects
 */

div.galleryouter
{
/*border: 1px solid black;*/
  width: 724px;
  overflow: auto;
  height: 18.7em;
  padding-top: 10px;
  margin: 0px 60px;
}

div.galleryentry
{
  border-right: 1px solid #8492b4;
  width: 330px;
  float: left;        /* hide the 'clear' from buggy ie mac \*/
  clear: left;        /* let it see the rest */
  margin-right: 10px;
  overflow: hidden;  /* safari overflow bug disables menu links below gallery entries */
}

div.galleryentryright
{
  width: 340px;
  float: left;
  overflow: hidden;  /* safari overflow bug disables menu links below gallery entries */
}


/*
 * The pages of detail for individual clients and projects
 */

div.gallerysingleclient
{
/*border: 1px solid black; */
  height: 300px;
  width: 662px;
  margin: 0px auto;
  padding-top: 30px;
}

div.gallerydetail
{
  border-right: 1px solid #8492b4;
  float: left;
  width: 320px;
}

div.gallerydetailright
{
  margin-left: 10px;
  float: left;
  width: 320px;
}


/*
 * And the final footer banner
 */
div.footer
{
  border: 1px solid #8492b4;
  margin: 0 auto 5px auto;
  height: 54px;
  background-image: url("../graphics/clouds-bottom.jpg");
  width: 846px;
}

/*
 * Contact details page has a couple of
 * inner columns
 */
div.contactdetails
{
  float: left;
  display: inline;
  width: 200px;
  margin-left: 50px;
}

div.credits
{
  margin: 0 auto 0 auto;
  width: 846px;
  font-size: 0.8em;
}