/*Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

/*body.rp_480 {
    margin:0;
    padding:8px;
}*/

#contactus fieldset
{
  height:100%;
   width:auto;
   padding:0 5%;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;*/
   border:none;
}

/*.rp_480 #contactus fieldset {
    width:100%;
    padding: 0;
}*/

#contactus legend, h2
{
   /*padding:9% 0 9% 0;*/
   font-family : 'Raleway', sans-serif;
   font-size: 36pt;
   font-weight:200;
    color: #fff; // IE Fix
}

/*.rp_480 #contactus legend, h2 {
    font-size: 28pt;
}*/

#contactus label
{
   font-family : 'Raleway', sans-serif;
   font-size:22pt;
   font-weight:100;
}

/*.rp_480 #contactus label {
    font-size:12pt;
}*/

#contactus input[type="text"],textarea
{
  font-family : 'Raleway', sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #fff;
  border: 2px solid #529ED0;
}

/*.rp_480 #contactus input[type="text"],textarea {
    line-height:100%;
}*/

#contactus input[type="text"]
{
  padding:0;
  height:30px;
  width:60%;
  float:right;
  background-color:#222;
  opacity:0.8;
  color:#fff;

/*  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;*/

}

/*.rp_480 #contactus input[type="text"] {
    height:auto;
}*/

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width:100px;
   height:60px;
   padding-left:0px;
   float:right;

/*  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   */
}

#contactus textarea
{
  padding:0;
  height:100px;
  width:60%;
  float:right;
/*  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;*/
    overflow:auto;
  background-color:#222;
  opacity: 0.8;
  font-family: 'Raleway', sans-serif;
}

/*.rp_480 #contactus textarea {
    height:60px;
}*/

#contactus input[type="text"]:focus,textarea:focus
{
  color : #fff;
  background-color : #222;
  opacity: 0.8;
  font-weight:500;
}

#contactus .container
{
   margin-left:10px;
   margin-top:20px;
   margin-bottom: 10px;
}

/*.rp_480 #contactus .container {
    margin-left:0px;
}*/

#contactus .error
{
   font-family: 'Raleway', sans-serif;
   font-size: 12pt;
   color: #900;
   background-color : #222;
   opacity:0.8;
/*    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
}

#contactus fieldset#antispam
{
   padding:2px;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-family : 'Raleway', sans-serif;
   font-size: 40pt;
}

#contactus .short_explanation
{
   margin-left:10px;
   font-family : 'Raleway', sans-serif;
   font-style: italic;
   font-size: 12pt;
}

/*.rp_480 #contactus .short_explanation {
    font-size: 10pt;
}*/

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : 'Raleway', sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);
}
#fg_crdiv p
{
    display:none;
}

#contactus {
    padding-top:2%;
    padding-left:1%;
    font-family: 'Raleway', sans-serif;
    color:#fff;
}

/*.rp_480 #contactus {
    padding:0;
}*/

#contactus .container.submit {
    margin-top:110px;
}

/*.rp_480 #contactus .container.submit {
    margin-top:75px;
    padding-right:15px;
}*/

#contactus .container.submit input {
    color:#222;
    background-color:#529ED0;
    opacity: 0.8;
    /*padding:5px 50px 5px 50px;*/
    font-size:12px;
    height:36px;
    width:100px;
    border:2px solid #222;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

@media (max-width: 700px) {
  body {
    margin:0;
    padding-top:20px;
  }

  #contactus legend, h2 {
    font-size: 18pt;
  }

  #contactus legend, h2 {
    font-size: 28pt;
    padding:4% 0 2% 0;
  }

  #contactus label {
    font-size:12pt;
    display:block;
  }

  #contactus input[type="text"],textarea {
    line-height:100%;
  }

  #contactus input[type="text"] {
    height:auto;
    width:100%;
    margin-top:4px;
    line-height:30px;
    float:left;
  }

  #contactus textarea {
    height:60px;
    width:100%;
    float:left;
  }

  #contactus .container {
    margin-left:0px;
    margin-bottom:35px;
  }

  #contactus .short_explanation {
    font-size: 10pt;
  }

  #contactus {
    padding:0;
  }

  #contactus .container.submit {
    margin-top:105px;
  }

  #contactus fieldset {
    padding-right:5%;
  }
}

@media (min-width: 800px) {

  #contactus .container {
    margin-top: 20px;
  }
}