@import url('liquid_borders.css');


/*************************/
/* main styles */
html, body, div, table{
  margin: 0;
  padding: 0;
  font-family: verdana, sans-serif;
  font-size: 100%;
  color: #555;
}
html{
	background: url(../images/background_tile.jpg) #878787 repeat;
}
body{
	
}
h1, h2, h3, h4, h5, h6{
  font-size: 0.95em;
  padding: 2px 4px;
  color: white;
  letter-spacing: 0.05em;
  word-spacing: 0.2em
}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.0em;}
h5{font-size: 0.9em; margin: 10px 0 0 0; padding-bottom: 0;}
h6{font-size: 0.8em; margin: 10px 0 0 0; padding-bottom: 0;}
p, a, span, li, div p, div a, div span, label{
  font-size: 0.7em;
  padding: 2px 4px;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  word-spacing: 0.2em
}
p a, p span{ font-size: 1em; }
.small{ font-size: 0.6em; }
.large, .large p, .large a{ font-size: 0.9em; }
a{
  text-decoration: none;
  color: #266CBC;
}
a:hover{
  background-color: #266CBC;
  color: white;
}
table{
  border-collapse: collapse;
}
img{
  border: 0;
}
ul, ol{
  color: white;
}

/*************************/
/* common classes */
.pointer{cursor: pointer;}
.inline{display:inline;}
.bold{font-weight:bold;}
.italic{font-style:italic;}


/*************************/
/*************************/
/* layout (order and indent is like html layout) */


#background{
  position: absolute;
  top: -40%;
  left: 0;
  width: 100%;
  height: 140%;
  background: url(../images/background_ray.jpg) #333a47 no-repeat;
  background-position: 50% 50%;
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity=10);
  z-index: 0;
}
#divider{
  position: absolute;
  top: 41%;
  left: 0;
  background: url(../images/divider.jpg) #6ba6e1 no-repeat;
  background-position: 50% 50%;
  height: 22px;
  width: 100%;
}
#client_login{
  position: absolute;
  top: -5px;
  right: 5%;
  width: 172px;
  height: 34px;
  background: url(../images/button_login_client.gif);
}
  #client_login:hover{
    background: url(../images/button_login_client_.gif);
  }
#main{
  position: absolute;
  top: 40%;
  left: 50%;
  width: 776px;
  _width: 780px;
  margin-left: -390px;
  margin-top: -150px;
}
  #main .contact_left, #main .contact_right{
    width: 300px;
  }
  #main .contact_right{
    text-align: right;
    float:right;
    _margin-top: 15px;
  }
  #main .contact_right p{
    margin-bottom: 0;
  }
  #main .contact_right a{
    margin-left: -2%;
    _margin-left: 0;
  }
  .LB_bottom p{
    text-align: justify;
    color: #666;
    margin: 25px 0 0 0;
  }


/*************************/
/* other styling */

.login{
  width: 400px;
  margin-left: 190px;
  margin-top: 40px;
}
.login h3{
  color: #333;
}
.login label{
  margin: 10px 0;
  width: 100px;
  text-align: right;
}
.login .input{
  width: 200px;
}