@charset "utf-8";
/* layout */
body { background: url(images/img_background.jpg) repeat-x top #ffffe2; margin:0; padding:0;}
#phone_num {height:0px;text-align:right;} /*Added 2009-07-13*/
#contanier { width:778px; margin:0 auto;}
#top { width:778px; height:110px;  background:url(images/img_logo.png) no-repeat left;}
#logo { width:259px; height:110px; float:left;}
#navigation { width:519px; height:110px; float:left;}
#header { height:291px; background:url(images/img_header.jpg) no-repeat;}
#header-content { width:460px; padding:55px 0 0 220px;}
.readmore { width:102px; height:26px; padding-left:310px;}
#content { padding:30px 20px;}
#sub-content { height:131px; padding:15px; margin:0 auto;}
#col01 { width:217px; height:131px; background:url(images/img_contactus.jpg) no-repeat; float:left;}
#col02 { width:217px; height:131px; background:url(images/img_sub_content.jpg) no-repeat; float:left; margin:0 25px;}
#col03 { width:217px; height:131px; background:url(images/img_sub_content.jpg) no-repeat; float:left;}
#footer { height:55px; background:url(images/img_footer.jpg) repeat-x #319901;}

/* font format */
h1,h2,h3,h4,h5,h6 { margin:0;}
h1 { font: normal 28px Arial, Helvetica, sans-serif; color:#231b06; letter-spacing:-.4px;}
h2 { font: normal 25px Arial, Helvetica, sans-serif; color:#399304;}
h3 { font: normal 18px Arial, Helvetica, sans-serif;}
h4 { font: normal 12px Arial, Helvetica, sans-serif; color:#896c56;}
p { font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:18px; margin-top:10px;}
a, a:link { color:#3fa104;}
a:hover { text-decoration:none;}
ul { margin:0 0 20px 0; padding:0;}
li { font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:18px; margin-left:20px;}
ul.link { list-style:none; padding:0; margin:0}
ul.link { margin-top:10px;}
.link li { font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:18px;}
#header-content p { font-size:13px;}
#footer { font:11px Arial, Helvetica, sans-serif; color:#ccff66; text-align:center; line-height:55px;}

/* formating */
.padding-sub-content { padding:20px 15px 0;}
img, div { behavior: url(iepngfix.htc) }
button {
    background-color:#331e0a;
    color:white;
    border:0;
    padding:2px;
    cursor:pointer;
}
#free_consultation {
    height:0;
    display:none;
}
#free_consultation button{
    position:relative;
    top: 20px;
    left: 225px;
}
#header-content {
    padding-top:20px;
}
#header-content p{
    margin-top:5px;
    margin-bottom:5px;
}
#leave_message_button {
    padding-left:310px;

}
#btn_leave_message{
    /*replace button image*/
    width: 106px;
    height: 34px;
    padding: 34px 0 0;/*for hiding the text*/
    margin: 0;
    border: 0;
    background: transparent url(images/button-leaveamessage.gif) no-repeat center top;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
}

#btn_free_consultation{
    width: 104px;
    height: 28px;
    padding: 32px 0 0;/*for hiding the text*/
    margin: 0;
    border: 0;
    background: transparent url(images/button-freeconsultation.gif) no-repeat center top;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
}
#contactForm {
  width:600px;
  margin-right:auto;
  margin-left:auto;
  margin-top:10px;
}
.formRow {
  margin-top:5px;
}
.formRow input.textfield , .formRow textarea, .formRow select{
  width:280px;
}

.formRow .field{
  font-weight:bold;
  width:200px;
  display:block;
  float:left;
  text-align: left;
  padding-right:10px;
}
#contactForm #message{
  height:80px;
}
.buttonRow {
  margin-top:20px;
  text-align:center;
}
.buttonRow button{
  margin-right:10px;
}
#contactForm #word {
  margin-left:200px;
  margin-top:5px;
}
#contactForm #cant_read_text {
  font-size:11px;
  display:block;
  padding-left:200px;
}
.contact_wrapper {
    margin-bottom:10px;
}
.contact_wrapper .contact_form{
    font-size:12px;
    width:500px;
    float:left;
}
.contact_wrapper .contact_form #contactForm{
    width:100%;
}
.contact_wrapper .formRow input.textfield , .formRow textarea, .formRow select{
   width:280px;
}
.contact_wrapper .formRow .field{
    width:150px;
}
.contact_wrapper #contactForm #word  {
    margin-left:150px;
}
.contact_wrapper #contactForm #cant_read_text{
    padding-left:150px;
}
.contact_wrapper .contact_info {
    width:200px;
    float:right;
    
}
.clear {
    clear:both;
}
#note_required {
    font-size:11px;
    padding-left:200px;
    margin-top:10px;
}
.contact_wrapper #contactForm #note_required{
    padding-left:150px;
}