/***
ABOUT:
  Styles for Christopher Video > Contact
  Legal multimedia for law offices that appreciate efficiency.

RELEASE:
  15 april 2008

LAST UPDATED:
  30 may 2008

LOCATION:
  kansas city, mo
***/
@import url(base.css);
#contact-page {
  background-image: url(../images/guy_in_suit.gif);
  background-repeat: no-repeat;
  background-position: 100% 160px;
}
#contact-page #content #intro {
  float: left;
}
  #contact-page #content #intro p { 
    width: 505px;
    padding: 15px 0 13px 0;
    border: none;
  }
#depo-page fieldset p {
  padding: 5px 0 0 5px;
  font-size: 0.74em;
  font-weight: bold;
}
#contact-page #content #biz-card {
  float: left;
  margin: -75px 0 0 75px;
  _margin: 30px 0 0 25px;   /*underscore hack: ie5, 5.5 and 6 */
  _width: 230px;        /*underscore hack: ie5, 5.5 and 6 */
}
#contact-page #content .vcard {
  padding: 10px 40px 10px 13px;
  border: 1px solid #15406e;
  font-size: 0.85em;
  background-color: #fff;
  _background-color: none;  /*underscore hack: ie5, 5.5 and 6 */
}
  #contact-page #content .vcard .street-address,
  #contact-page #content .vcard .locality,
  #contact-page #content .vcard .region,
  #contact-page #content .vcard .postal-code,
  #contact-page #content .vcard .adr,
  #contact-page #content .vcard .type,
  #contact-page #content .vcard .tel {
  
    line-height: 15px;
  }
  #contact-page #content #biz-card .vcard a {
    color: #1b4c7f; /* navy */
    font-size: 1.45em;
    line-height: 24px;
  }
  #contact-page #content #biz-card #main-phone {
    padding-top: 4px;
    line-height: 24px;
  }
  #contact-page #content #biz-card img {
    float: left;
  }
  #contact-page #content #biz-card #main-phone span {
    float: left;
    display: block;
    color: #1b4c7f; /* navy */
    font-size: 1.92em;
    letter-spacing: -1.15px;
    padding: 5px 0 0 3px;
  }
#send-message,
#message-sent {
  width: 630px;
  clear: both;
  padding-top: 5px;
}
#message-sent {
  width: 530px;
  background-image: url(../images/util/gradient.gif);
  background-repeat: repeat-x; background-position: 0 100%;
  border: 1px solid #bbb;
  padding: 7px 10px;
}
#message-sent h5 {
  margin: 5px 0 15px 0;
  color: #1b4c7f;
}
  #contact-page #content #send-message h3 { /* send us a message */
    margin: 30px 0 0 0;
    background-image: url(../images/util/sprites.gif);
    background-position: 0 -360px;
    background-repeat: no-repeat;
    padding-top: 14px; height: 0 !important;
    height /**/: 14px; overflow: hidden;
    width: 170px;
  }
  #content #send-message form {	     width: 485px;}
  #depo-page #content #send-message fieldset {
	border: 1px solid #bbb;
	margin: 25px 0 15px 0;
	padding: 0 15px 10px 0;
  }
  #depo-page #content #send-message fieldset legend {
    padding: 0 10px 0 5px;
    margin-left: 5px;
    font-size: 0.86em;
    color: #1b4c7f;
    font-weight: bold;
  }
  #depo-page #content #send-message select {
    margin: 5px 0 0 5px;
    font-size: 0.70em;
  }
  #contact-page #content #send-message label {
    display: block;
    float: left;
    background-image: url(../images/util/sprites.gif);
    background-repeat: no-repeat;
    width: 70px;
    _width: 90px;
    text-indent: -9000px;
  }
  #depo-page #content #send-message label {
    display: block;
    clear: both;
    font-size: 0.70em;
    padding: 15px 0 0 5px;
  }
  #depo-page #content #send-message textarea {
    margin: 2px 0 0 5px;	
  }
    #contact-page #content #send-message #your-name label {
      padding: 12px 0 0 15px;
      height /**/: 12px;
      background-position: -378px -320px;
    }
    #contact-page #content #send-message #your-email label {
      padding: 12px 0 0 15px;
      height /**/: 12px;
       background-position: -378px -400px;
      margin-top: 12px;
    }
  #content #send-message input.user-text-field {
    float: left;
    background-image: url(../images/util/gradient.gif);
    background-repeat: repeat-x; background-position: 0 0;
    border: 1px solid #bbb;
    width: 360px;
    padding: 7px 10px;
    margin: 0;
  }
    #depo-page #content #send-message input.user-text-field {
	  width: 240px;
	  margin: 2px 0 0 5px;
    }
  input#submit {
    font-size: 0.85em;
    color: #111;
    font-weight: bold;
    padding: 5px 6px 6px 6px;
    margin: 15px 20px 10px 0;
    float: right;
  }
  #content #send-message textarea {
    border: 1px solid #bbb;
    background-image: url(../images/util/gradient.gif);
    background-repeat: repeat-x; background-position: 0 200px;
    width: 450px;  
    height: 220px;
  }
  #content #send-message input.user-text-field,
  #content #send-message textarea {
    color: #777;
    font-size: 0.80em;
    font-weight: bold;
    letter-spacing: -0.25px;
  }
  #content #send-message textarea {  
    line-height: 16px;
    padding: 5px;
  }
  /* validation errors */
  #send-message #form-error {
    background-image: url(../images/util/error.gif);
    background-repeat: no-repeat;
    background-position: 3px 50%;
    width: 447px;
    padding: 4px 4px 4px 33px;
    font-size: 0.72em;
    font-weight: bold;
    border: 1px solid #bbb;
    color: #d00;
    margin: 16px 0 0 0;
  }