/*
 * SimpleModal Contact Form
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

/* Overlay */
#contact-overlay {
    background-color:#000;
}

/* Container */
#contact-container {
    font-family: Helvetica;
    text-align:left;
    width:500px;
}
#contact-container .contact-content {
    background: url("../images/tree.jpg");
    color:#ddd;
    padding: 15px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid rgb(171, 171, 178);
}
#contact-container h1 {
    color: rgb(255, 220, 130); 
    font-size:20px;
    line-height:20px;
    margin:0; 
    padding:0 0 6px 12px;
    text-align:left;
}
#contact-container .contact-loading {background:url(../images/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {
    background: rgb(83, 50, 32);
    border:1px solid rgb(171, 171, 178);
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    margin:0 auto;
    padding:2px;
    width:92%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#contact-container br {clear:both;}
#contact-container form {
    margin:0;
    margin-top: 4px;
    padding:0;
}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .buttons{
    width: 200px;
    float: right;
}

#contact-container .contact-bottom {
    font-size:12px; 
    height:13px; 
    line-height:12px;
    text-align:center;
    -webkit-border-bottom-right-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-bottomleft:8px;
    border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {    
    background-color:rgb(93, 60, 42);
    border:0;
    color:#fff;
    cursor:pointer;
    font-size:16px;
    font-weight:800;
    height:26px;
    margin:10px 5px 0 4px;
    text-align:center;
    vertical-align:middle;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#contact-container .contact-button:hover {background:#b45000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}