@charset "utf-8";
/* CSS Document */
body{
	font-family: "Open Sans";
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}
form, button{
	font-family: 'Open Sans Condensed', sans-serif;
	border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:310px;
	height:396px;
	padding:12px;
}
.textarea {
	padding-left: 16px;
	float:left;
}
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 9px rgba(255, 255, 0, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=email], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=email]:focus, textarea:focus {
  box-shadow: 0 0 9px rgba(255, 255, 0, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=tel], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=tel]:focus, textarea:focus {
  box-shadow: 0 0 9px rgba(255, 255, 0, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

/* ----------- stylized ----------- */
#stylized{
	border:solid 2px rgba(50,75,175,1.0);
		background:rgba(175,175,200,0.65);
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p{
	font-family: "Open Sans";
	font-size:14px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylized label{
	color:black;
	display:block;
	font-weight:bold;
	text-align:right;
	width:42px;
	float:left;
}
#stylized .small{
	font-family: 'Open Sans Condensed', sans-serif;
	color:black;
	display:block;
	font-size:9px;
	font-weight:normal;
	font-style:italic;
	letter-spacing: 1px;
	text-align:right;
	width:140px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:236px;
	margin:2px 0 14px 12px;
}
#stylized button{ 
	clear:both;
	margin-left:60px;
	width:236px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color:white;
	font-size:14px;
	font-weight:bolder;
	font-weight:300;
	text-align:center;
	padding: .4em 2em .45em;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	-webkit-border-radius: .6em; 
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	background-color: rgba(0,0,100,0.75);
}
#stylized button:hover {
	background-color: rgba(100,100,200,0.75);
	color:black;
	text-shadow: 0 1px 1px rgba(255,255,255,.5);
}