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

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


div.content
{
  width: 846px;
  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/turquoise.jpg")  transparent no-repeat 2% 44%;
}

#servicesbgnd1
{
  background: url("../graphics/2_1.jpg")  transparent no-repeat 100% 100%;
}

#servicesbgnd2
{
  background: url("../graphics/2_2.jpg")  transparent no-repeat 100% 100%;
}

#servicesbgnd3
{
  background: url("../graphics/2_3.jpg")  transparent no-repeat 100% 100%;
}

#servicesbgnd4
{
  background: url("../graphics/2_4.jpg")  transparent no-repeat 100% 100%;
}

#servicesbgnd5
{
  background: url("../graphics/2_5.jpg")  transparent no-repeat 100% 100%;
}

#contactbgnd
{
//  background: url("../graphics/phone.jpg")  transparent no-repeat 100% 100%;
}

#latitudebgnd1
{
  background: url("../graphics/4_1.jpg")  transparent no-repeat 95% 44%;
}

#latitudebgnd2
{
  background: url("../graphics/4_2.jpg")  transparent no-repeat 95% 44%;
}

#latitudebgnd3
{
  background: url("../graphics/4_3.jpg")  transparent no-repeat 95% 44%;
}

/*
 * *********
 * The menus
 * *********
 */
div.themenu
{
  text-align: left;
  margin: 0 auto;
  height: 5em;
  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;
  width: 200px;
  padding-left: 50px;
}

div.content iframe
{
  border: 1px solid #ddd;
  margin: 20px 0 0 25px;
  width: 800px;
}