/*
   Engines Of Creation style sheet.

   Oisin Mulvihill
   2005-08-06
   (c) Engines Of Creation
*/
body 
{ 
  padding: 0px;
  font-size: 100%;
  font-family: arial, serif, times;

  /* Hack for IE to do what the container rule is doing. */
  text-align: center;

  background: url("background.jpg");
}

#wrapper 
{  
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}

#container
{
  margin-top: 4px;

  /* Fix the hack for IE */
  text-align: left;

  /* 
     The correct way of centering the fixed with stuff. 
     Supported by Mozilla, Safari, etc...
  */
  margin-left: auto; 
  margin-right: auto;
  width: 740px;

  background-color: transparent;
}

#header
{ 
  margin-top: 4px;
  background-color: transparent;

  /*border: 1px solid orange;*/
}
#header_image 
{
  width: 740px;
  height: 100px;
  background: url("header.png");
}


#content 
{ 
  clear: both;
}

#content_top_image
{ 
  float: left;
  clear: left;
  height: 30px;
  width: 740px;
  background: url("content-top.png");
  /*border: 1px solid blue;*/
}

#content_background
{ 
  /* The main content wrapper to provide the shadowed 
     page effect, via repeating background */
  float: left;
  clear: left;
  width: 740px;
  height: 100%;
  background: url("content-back.png") repeat-y;
  /*border: 1px solid green;*/
}

#content_bottom_image
{ 
  float: left;
  clear: left;
  width: 740px;
  height: 30px;
  background: url("content-bottom.png");  
  /*border: 1px solid red;*/
}



/*
   liquid column two column layout inside the 
   fixed width centered layout:
*/
#left_content 
{ 
  /* contains the main content */ 
  float: left;
  height: 100%;
  width: 550px;
  margin-right: -160px;
  padding-left: 20px;
  padding-right: 4px;

  border-right: 1px dotted #dedede;
}
#left_content h4 
{ 
  margin: 0px;
  padding: 0px;
  width: 98%;
  border-bottom: 1px solid #ccc;
}

#left_content p 
{ 
  padding-left: 8px;
}

#right_content
{ 
  float: right;
  width: 160px;
}

#right_content #menu 
{ 
}

#right_content #menu ul 
{ 
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#right_content #menu ul li 
{ 
  width: 124px;
  color: orange;
  line-height: 20px;
  padding-left: 2px;
  font-weight: bold;
  margin-bottom: 4px;
}

#right_content #menu ul li a
{ 
  color: black;
  font-weight: bold;
}

#right_content #menu ul a:hover
{ 
  color: orange;
}
#right_content #menu ul li:hover
{ 
}


#footer_container
{ 
  float: left;
  clear: both;
  width: 100%;
  margin: 0px;
  padding-top: 4px;  
  text-align: center;
}

#footer 
{ 
  margin-top: 5px;
  padding-top: 4px;

  width: 80%;
  margin-left: auto;
  margin-right: auto;

  color: #9a9a9a;
  font-size: 10px;
  font-style: italic;
} 


.contact-details 
{
    width: 98%;
}

.contact-details th
{
    font-weight: bold;
    text-align: left;
}