/*
 * 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: #181818;
    background: rgba(0,0,0,0.85); 
}

/* Container */
#contact-container {
	font: 16px/22px 'Dosis', sans-serif, Trebuchet MS, Verdana, Arial;
	text-align: left;
	width: 390px;
	height: 400px;
	position: inherit;
	margin-top:60px;
}
#contact-container .contact-content {
	background-color: #ddd;  /* #666 */
	color: #111;      /* #fff */
	height: 30px;
}
#contact-container h1 {
	color: #111;  /* #fff */
	font-size: 15px;
	line-height: 24px;
	margin: 0;
	padding-left: 45px;	/*text-align: left; */
}
#contact-container .contact-loading {
	background:url(../img/contact/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: red; /* #000 */
	border: 2px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 auto;
	padding: 2px;
	width: 80%;
	}
#contact-container br {
	clear:both;
	}
#contact-container form {
	margin:0; 
	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:#fff; /* #000 */
/* border:1px solid #000; */
font-family:'Dosis', sans-serif, Trebuchet MS, Verdana, Arial; 
float:left; 
padding:4px; 
margin:2px; 
width:230px;
color:#000;
}
#contact-container textarea {
	height:110px;
	}
/*#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}*/
#contact-container .contact-top {
	background-color:#ddd; /* #666 */
	height: 20px;
	margin: 0;
	padding: 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-radius: 8px 8px 0 0;
}
#contact-container .contact-bottom {
	background-color:#ddd; /* #333 */
	font-size:16px; 
	height:18px; 
	line-height:16px; 
	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: #111; /* #666 */
	position:relative; 
	top:-4px; 
	text-decoration:none;
	}
#contact-container .contact-bottom a:hover {
	color:#ccc;
	}
#contact-container .contact-button {
	background:#fff;
	border: 0;
	color: #000;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	height: 26px;
	margin: 4px 0 0 4px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#contact-container .contact-button:hover {
	background:#eee;
}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {
color:#000; 
font-size:20px; 
font-weight:bold; 
position:absolute; 
text-decoration:none; 
right:58px; 
top:10px;
}
#contact-container a.modal-close:hover {
	color:#000;
}