/* 					EBTI Limited Style Sheet				*/
/*												*/
/*	If you find this sheet useful - then drop us an email - we might have work for you!	*/
/*												*/
/*					  enquiries@ebti.co.uk					*/
/*												*/

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family: "Microsoft JhengHei", arial, helvetica, sans-serif;
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */

* html body {
  padding:120px 0 50px 0; 
  }

* html #contents {
  height:100%; 
  width:100%; 
  }

#header-outer {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:50px; 
  background:#ffffff;
  color:#000;
  overflow:visible; 
  }

#header-container {
  font-family: "Microsoft JhengHei", arial, helvetica, sans-serif;
  border-bottom: 3px double #5D5D55;
  border-right: 5px double #fffff;
  border-left: 15px double #fffff;
  width: 790px;
  height: 65px;
  margin: 0 auto;
  padding: 20px 0px 0px;
  overflow:visible; 
  }

#logo {
  float:left;
  }

#mid {
  position:fixed;
  font-family: "Microsoft JhengHei", arial, helvetica, sans-serif;
  top:95px;
  left:0;
  bottom:50px; 
  right:0; 
  overflow:auto;  
  background: #ffffff;
  }

#container {
  font-family: "Microsoft JhengHei", arial, helvetica, sans-serif;
  border-right: 5px double #fffff;
  border-left: 5px double #fffff;
  width:  800px;
  margin: 0 auto;
  padding: 0px 0px 10px;
  background:transparent;
  }

#container-inner {
 margin: 10px;
 font-size:1.2em;
 }

#inset {
 float:right;
 padding: 10% 3px 10%;
 border-left: 1px double #000;
 margin: 0 13px 0;
}

#footer-outer {
  position:absolute; 
  bottom:0; 
  left:0; 
  width:100%; 
  height:75px; 
  background:#ffffff;
  color:#000;
  overflow:visible; 
  }

#footer-container {
  font-family: "Microsoft JhengHei", arial, helvetica, sans-serif;
  border-right: 5px double #fffff;
  border-left: 5px double #fffff;
  width: 800px;
  margin: 0 auto;
  padding: 7px 0px 0px;
  overflow:visible; 
  }

#footer {
  padding-top: 4px; 
  position:relative;
  top:0px;
  left: 0px;
  background: #6b92a4;
  margin: 0;
  height: 21px;
  width: 798px;
  color: #373725;
  clear: both;
  font-family: "Microsoft JhengHei", arial, helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  border:0 solid #5D5D55; 
  border-width:0 1px;
}

#footer a {
  color: #373725;
  text-decoration: none;
}

#footer a:hover {
  color: #000000;

}
#footer a.chosen {
  color: #000000;
  text-decoration: underline;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#6b92a4; border-left:1px solid #5D5D55; border-right:1px solid #5D5D55;}
.xb1 {margin:0 5px; background:#5D5D55;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

#company {
  margin-bottom: 0px;
  font-family: "Microsoft JhengHei", arial, helvetica, sans-serif;
  font-size: 12px;
  color: #5D5D55;
  text-align: center;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */

.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
}

/* style the links */
.menu a {
display:block;
font-size:13px;
width:100px;
height:17px;
padding:4px 0;
color:#000;
background:url(./images/3waybutton.gif) left top;
text-decoration:none;
margin-right:0px;
text-align:center;
}

.menu :visited {
color: #373725;
}

/* style the top level links hover */
.menu ul li :hover {
color:#000;
background:url(./images/3waybutton.gif) left center;
}

/* style the top level links active */
.menu ul li :active,.menu ul li a.chosen {
color:#fff;
background:url(./images/3waybutton.gif) left bottom;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:100px;
height:0;
}

/* style the sub level */
.menu ul li ul,.menu ul ul a {
color:#373725;
background:url(./images/big3waybutton.gif) left top;
height:34px;
}

/* style the sub level */
.menu ul li ul:active,.menu ul ul a:active,.menu ul li ul.chosen,.menu ul ul a.chosen {
color:#fff;
background:url(./images/big3waybutton.gif) left bottom;
}

/* style the sub level hover and make visible hover */
.menu ul li:hover ul,.menu ul ul :hover {
color:#000;
background:url(./images/big3waybutton.gif) left center;
visibility:visible;
}

/* make the sub level visible on hoverlink */
.menu ul a:hover ul{
visibility:visible;
}