/*
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!
*/


#contactus {display:block; padding:0; width: 700px; float:right;}
#contactus fieldset {border: none; padding:0;}
#contactus label {font-weight: 300;}
#contactus label span {display:none;}
#contactus input[type="text"], #contactus textarea, .captcha-image {font-size: 100%; font-weight: 300; padding: 10px; margin: 3px 0; background: #d5dde6; border: none; box-shadow: 0px 5px 0px #bfc6cf inset; font-family: 'Signika',Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #233142; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.captcha-image {padding: 5px 10px 0;}
.captcha-image img {display: block; margin: 0 auto;}
#contactus input[type="text"] {height:25px; width:200px;}

#contactus input[type="submit"]
{
   width:100%;
   height:44px;
   padding: 0 20px 0 20px;
   border:0;
   margin-top: 3px;
   cursor:pointer;
   color: #fff;
   font-size: 22px; font-size: 2.2rem; line-height:38px; line-height:3.8rem;
   font-family: 'Signika',Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
   font-weight: 700;
   text-transform: uppercase;
   text-shadow: 0px -2px 0px #c1392b; 
   box-shadow: 0px 5px 0px #0e1115;
   background: #e84c3d;
   -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
#contactus input[type="submit"]:hover {background: #c1392b; box-shadow: none; margin-top: 2px; margin-bottom: -2px;}

#contactus textarea
{
  height:150px;
  width:680px;
}

#contactus input[type="text"]:focus, #contactus textarea:focus {background: #fff; box-shadow: none;}

#contactus .container {width: 220px; margin:8px 20px 10px 0; float:left;}
#contactus .container.last {margin-right:0;}
#contactus .container.long {margin:8px 0 0 0; width: 700px; clear:both;}

#contactus .error {display:block; padding: 5px 5px 1px 25px; width: 190px; visibility: hidden; font-size: 85%; color: #be0f04; line-height: 1.2; font-weight:500; margin-bottom:0.5em; background: url(images/ico-error.png) no-repeat 0 5px;}
#contactus .success {display:block; padding: 10px 5px 8px 5px; text-align:center; width: 690px; margin-bottom:1em; font-size: 16px; font-size: 1.6rem; font-weight:700; color: #1BBC9D; background-color: #233142;}

/* 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 : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}