/* the bit that does the work */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#efefef; 
  font-family:arial, verdana, sans-serif; 
  font-size:13px;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:124px 0 180px 0; 
}

#container {
  position:fixed; 
  top:126px;
  left:0;
  bottom:180px; 
  right:0px; 
  overflow:auto; 
  background:#efefef;
  z-index: 1;
}

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

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:126px; 
  overflow:hidden; 
  background:#efefef;
  z-index: 10;
}

#footer1 {
  position:absolute; 
  bottom:20px; 
  left:0;
  width: 100%;
  height:160px; 
 	background-color: #efefef;
	z-index: 10900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-top-color: #666666;
	border-top-style: solid;
	overflow-x: scroll;
	overflow: scroll;
	overflow-y: hidden;
	display: inline;
	white-space: nowrap;
}

#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:20px; 
  overflow:auto; 
 	background-color: #dedede;
	z-index: 20;
	text-align: center;
	font-size: 10px;
	vertical-align: middle;
	
}
div.footer {
	height: 20px;
	vertical-align: middle;
}

/* end of bit that does the work */



#top_1 {
	margin: 0px;
	background-color: #efefef;
	z-index: 10;
	height: 74px;
	padding: 0px;
	padding-right: 300px;
	background-image: url(images/banner1.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 300px;
}


#top_2 {
	margin: 0px;
	background-color: #efefef;
	z-index: 20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#top_3 {
	margin: 0px;
	background-color: #666666;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	text-align: right;
	padding-right: 300px;
}

#logo {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 126px;
	width: 300px;
	margin: 0px;
	z-index: 100;
	padding: 0px;

}



/*navigation*/
div.navbar_1 {
	text-align: right;
	right: 300px;
	position: relative;
	background-color: #efefef;
}
span.navbar_1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
a.navbar_1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	color: #666666;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
a.navbar_1:link {
	color: #666666;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;

}
a.navbar_1:hover {
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1:active {
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1:visited{
	color: #666666;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1:visited:hover{
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1:visited:active{
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
}






div.navbar_1_1 {
	text-align: right;
	right: 300px;
	position: relative;
	background-color: #efefef;
}
span.navbar_1_1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
a.navbar_1_1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
a.navbar_1_1:link {
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;

}
a.navbar_1_1:hover {
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1_1:active {
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1_1:visited{
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1_1:visited:hover{
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_1_1:visited:active{
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
}







/*navigation 2*/
span.navbar_2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
a.navbar_2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
a.navbar_2:link {
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;

}
a.navbar_2:hover {
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_2:active {
	color: #666666;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_2:visited{
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_2:visited:hover{
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navbar_2:visited:active{
	color: #666666;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;
}

/*links for images*/
span.mavimg1 {
	display: inline;
	height: 140px;
}
div.navimg {
	display: inline;
	padding: 0px;
}
img.navimg {
	padding-top: 10px;
}
img {
	border-width: 0px;
}
a.navimg {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	border: 0;
	display: inline;
	height: 120px;
}
a.navimg:link {
	color: #ffffff;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;
}
a.navimg:hover {
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navimg:active {
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navimg:visited{
	color: #ffffff;
	background-color: #efefef;
	text-decoration: none;
	font-weight: bold;
}
a.navimg:visited:hover{
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.navimg:visited:active{
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}

/*layers for visibility*/

#loading_bar_2
{
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
}
#productbar {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	padding-right: 171px;
}

#exhibitionbar {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	padding-right: 209px;
}

.padding {
	padding: 20px;
}

/*normal links*/
a:link {
	color: #0000aa;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: underline;
}
a:active {
	color: #990000;
	text-decoration: none;
}
a:visited {
	color: #0000aa;
	text-decoration: none;
}
a:visited:hover{
	color: #990000;
	text-decoration: underline;
}
a:visited:active {
	color: #990000;
	text-decoration: none;
}

/*cols*/
.left {	
	padding-top: 10px;
	position: absolute;
	width: 45%;
	text-align: justify;
	left: 5px;
	display: block;
	margin-right: 20px;
}
.right {
	padding-top: 10px;
	position: absolute;
	width: 48%;
	display: block;
	right: 20px;
	padding-left: 20px;
	padding-right: 20px;

}
#hidefooter {
	right: 20px;
	bottom: 200px;
	position: absolute;
	z-index: 1;
	padding: 3px;
	border: 1px solid #666666;
	background-color: #999999;
}
#fshow {
	display: none;
}
#fhide {
	display: inline;
}
#clicktn {
	left: 20px;
	bottom: 200px;
	position: absolute;
	z-index: 1;
	padding: 3px;
	border: 1px solid #666666;
	background-color: #999999;
}