/* CSS Document */

* {margin:0;padding:0;} 

html, body, #wrapper{height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

body {
  line-height:120%;
  text-align:center;
  background-color:#999999;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}

.logo {
  margin-bottom: 30px;
  float: left;
}

.title {
  margin-bottom: 20px;
  clear: both;
}

#wrapper {
  margin:0;
  padding:0;
  margin-left:auto;
  margin-right:auto;
  font-size:13px;
  clear:both;
  background-image:url(../images/body_bg_white.gif);
  background-repeat: repeat-y;
  background-position: center;
}

#header_bg {
  width: 100%;
  padding-top: 20px;
  text-align:center;
  clear:both;
  background-image:url(../images/body_bg.gif);
  background-repeat: repeat-x;

}

#header {
  width:900px;
  padding:0;
  margin: 0;
  text-align:left;
  clear:both;
  background-image:url(../images/header_logo.gif);
  background-repeat: no-repeat;
}

#menu {
  background-color: #FFFFFF;
  margin: 0 10px 0 0;
  padding: 3px 7px;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  float: left;
}

#main {
  width: 900px;
  padding-bottom: 30px;
}

#content {
  width: 880px;
  height:100%;
  min-height: 100%;
  background-color: #FFFFFF;
  margin: 25px 10px;
  text-align: left;
  font-size: 12px;
  clear: both;
}

#index_left {
  width: 440px;
  margin: 10px 10px 10px 0;
  text-align: left;
  font-size: 12px;
  float: left;
}

#index_left_title1 {
  width: 440px;
  height: 3px;
  margin: 0;
  padding: 0;
  clear: both;
  background-image:url(../images/index_left_title1.gif);
  background-repeat: no-repeat;
}

#index_left_title2 {
  width: 420px;
  margin: 0;
  padding: 0 10px;
  background-color: #666666;
  text-align: left;
  font-size: 11px;
  color:#FFFFFF;
  font-weight:bold;
  clear: both;
}

#index_left_title3 {
  width: 440px;
  height: 3px;
  margin: 0;
  padding: 0;
  clear: both;
  background-image:url(../images/index_left_title3.gif);
  background-repeat: no-repeat;
}

#feature {
  width: 440px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 10px;
}

#feature h2 {
font-size:13px;
color:#000033;
}

#feature a {color: #000000;}
#feature a:link {text-decoration: underline;}
#feature a:visited {text-decoration: underline;}
#feature a:hover {color: #666666;text-decoration: underline;}
#feature a:active {text-decoration: underline;}
#feature a img,:link img,:visited img {border:none;
}


.feature {
margin: 5px 0 3px 0;
}

#index_right {
  width: 420px;
  margin: 10px 0 10px 10px;
  text-align: left;
  font-size: 12px;
  float: right;
}

.access {
margin: 0 0 5px 0;
}

#mailnews {
  width: 400px;
  padding: 32px 10px 10px 10px;
  margin: 10px 0;
  background-color: #DBDBDB;
  text-align: left;
  font-size: 12px;
  float: right;
  background-image:url(../images/about_mail.gif);
  background-repeat: no-repeat;
}

#link_banner {
  width: 420px;
  margin: 10px 0;
  text-align: right;
  font-size: 12px;
  float: right;
}

.banner_left {
  margin-right:20px;
}

#aboutus {
  width: 880px;
  margin: 10px 0;
  text-align: left;
  font-size: 12px;
  float: left;
}

#aboutus_left {
  width: 440px;
  margin: 10px 10px 10px 0;
  text-align: left;
  font-size: 12px;
  float: left;
}

#rental {
  width: 420px;
  padding: 32px 10px 10px 10px;
  margin: 0;
  background-color: #DBDBDB;
  text-align: left;
  font-size: 12px;
  float: right;
  background-image:url(../images/about_rental.gif);
  background-repeat: no-repeat;
}

#rental h2 {
font-size:13px;
color: #CC0000;
}

#floor {
  width: 880px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 10px;
  font-weight:normal;
}

#equipment {
  width: 880px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 10px;
  font-weight:normal;
}

#footer {
  background-color: #333333;
  height: 30px;
  margin-top: -37px;
  position: relative;
  padding-top:7px;
  text-align: center;
  font-size: 10px;
  color: #FFFFFF;
  clear: both;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {color: #000000;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #000000;text-decoration: underline;}
a:active {text-decoration: underline;}
a img,:link img,:visited img {border:none;
}

#clear {
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
}