/*  =============================================================================

    STYLES APPLIED FOR CONTACT PAGE ONLY

    ========================================================================== */

#contact { 
font-family:"Nyala", Helvetica, Arial, sans-serif;
background:#f1f1f1;
}

.contact-h1 {
margin:20px 0 0 100px; 
font-size:1.5em; 
text-shadow:1px 1px #fff; 
font-weight:bold; 
text-shadow:1px 1px #fff; 
color:#3272a7; 
font-style:italic;
}

.wrapper {
width:95%; 
position:relative;
margin:auto;
border:1px solid #ccc;
background:#f1f1f1;
}

.wrapper h1 {
	font-size:20px;
	letter-spacing:2px;
	line-height:18px;
	font-weight:bold;
	font-family:Nyala, Arial, Helvetica, sans-serif;
	color:#3a7ab2;
	text-transform:uppercase;
	text-shadow:1px 1px #fff;
	padding:10px;
	font-style:italic;
	}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form textarea, 
#contact-form button[type="submit"] {
font:400 14px/14px Helvetica, Arial, sans-serif;
}

#contact-form {
text-shadow:0 1px 0 #FFF; 
border-radius:4px; 
-webkit-border-radius:4px; 
-moz-border-radius:4px; 
padding:25px;
}

#contact-form label span {
cursor:pointer; 
font-family:Nyala, Arial, Helvetica, sans-serif; 
text-align:left; 
letter-spacing: 1px; 
color:#3a7ab2;
width:960px;
font-size:1.3em; 
font-weight:100; 
text-shadow:1px 1px #fff; 
display:block; 
margin:5px 0;
}
						  
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
width:100%; 
box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF; 
-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF; 
-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF; 
border:1px solid #CCC; 
background:#FFF; 
margin:0 0 5px;
padding:10px; 
border-radius:5px;
}

#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
-webkit-transition:border-color 0.3s ease-in-out; 
-moz-transition:border-color 0.3s ease-in-out; 
transition:border-color 0.3s ease-in-out;
border:1px solid #AAA;
}

#contact-form textarea {
height:150px; 
max-width:100%;
}

#contact-form button[type="submit"] {
cursor:pointer; 
width:180px; 
border:none; 
background:#3a7ab2; 
color:#FFF;
text-shadow:#333 1px 1px; 
margin:0 0 5px; 
padding:10px;
border-radius:5px; 
float:right; 
font-family:"Nyala", Helvetica, Arial, sans-serif; 
font-size:1.2em;
letter-spacing:2px;
}

#contact-form button[type="submit"]:active {
box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}

#contact-form input:focus,
#contact-form textarea:focus {
outline:0;
border:1px solid #F60;
}