#mask {
  position:absolute; width:100%;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:600px;
  height:200px;
  display:none;
  z-index:9999;
  padding:10px; background:#F4F4F4; border:4px solid #386778
}
#boxes .title{font-size:18px; padding:2px 5px 5px 5px; color:#386779; border-left:4px solid #386779; }
#boxes a.close{font-size:18px; padding-right:1px; color:#386779; text-decoration:none; font-size:1.5em}

#boxes a.close:hover{color:#FF3333; text-decoration:none; font-size:1.5em }
#boxes .text{padding:0px 10px}
#boxes .button{background:#386779; color:#FFFFFF; border:1px solid  #003333; margin-top:5px}
#boxes .input{width:180px; border:1px solid  #386779}
#boxes #dialog {
  width:550px; 
  height:160px;
  padding:5px;
  background-color:#F4F4F4;
}
#boxes #contact_dialog {
  width:350px; 
  height:430px;
  padding:5px;
  background-color:#F4F4F4;
}
#boxes #dialog_case_study {
  width:750px; 
  height:500px;
  padding:5px;
  background-color:#F4F4F4;
}
#boxes #sample_dialog {
  width:350px; 
  height:320px;
  padding:5px;
  background-color:#F4F4F4;
}
#boxes #quote_dialog {
  width:350px; 
  height:320px;
  padding:5px;
  background-color:#F4F4F4;
}

 
#boxes #client_login {
  width:240px; 
  height:160px;
}
 

 
#client_login .input {
  position:relative;
  border:1px solid #cccccc;
  height:15px;
  width:150px;
  font-size:11px;
  padding:5px;
  margin-top:4px;
}
 
#client_login .button {
background-color:#4e5f6f; border:1px solid #fff; color:#fff; font-size:100%; font-weight:bold; line-height:1.25; height:25px
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}