@charset "UTF-8";
/* CSS Document */

/*      Contact.html      */

#contactForm
{
	width:100%;
	margin-top:10px;
}

#contactForm table
{
	position:relative;
	margin:auto;
	width:600px;
}

#contactForm tr
{
	margin:5px auto;
}

#contactForm td.label
{
	width:100px;
	text-align:right;
}

#contactForm td.input
{
	padding:5px 0px;
}

#contactForm td.label label
{
	margin-right:15px;
}

#contactForm td>input:valid
{
	background:#aea;
}

#contactForm td>input:invalid
{
	background:#fee;
}

#contactForm td>input
{
	width:90%;
	position:relative;
	height:25px;
	margin:auto;
	border:1px solid black;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	padding:0px 5px;
	background:white;
	font-size:1.2em;
	
	outline:none;
	
	-webkit-transition:background 1s ease-in-out;
}





@-webkit-keyframes 'respiration' { 
    0% { 
        -webkit-box-shadow:0px 0px 0px black;
    } 
    
    50% { 
		-webkit-box-shadow:0px 0px 15px black;
    } 
    
    100% { 
		 -webkit-box-shadow:0px 0px 0px black;
    }
    
}


#contactForm td>input[type="submit"]
{
	background:white;
	display:block;
	
	
	
	width:300px;
	
	-webkit-box-shadow:0px 0px 15px black;
	-moz-box-shadow:0px 0px 15px black;
	-o-box-shadow:0px 0px 15px black;
	box-shadow:0px 0px 15px black;
	
	margin:20px auto;
	position:relative;
	
    -webkit-animation-name: respiration; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-out;
}




#contactForm td>input[type="submit"]:active
{
	-webkit-box-shadow:0px 0px 0px black;
	-moz-box-shadow:0px 0px 0px black;
	-o-box-shadow:0px 0px 0px black;
	box-shadow:0px 0px 0px black;
}

#contactForm td>*:focus
{
	-webkit-box-shadow:0px 0px 7px black;
	-moz-box-shadow:0px 0px 7px black;
	-o-box-shadow:0px 0px 7px black;
	box-shadow:0px 0px 7px black;
}

#contactForm textarea
{
	border:1px solid black;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	padding:5px 5px;
	
	display:block;
	position:relative;
	width:450px;
	
	
	height:400px;
	
	
	
	left:0px;
	/*margin:auto;*/
	
	outline:none;
}