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

input.rounded {

  border: 1px solid #ccc;
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 20px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 7px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
  
}

input.rounded:focus {
  
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #339933;
  
}

input.rounded {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	font-size: 20px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}
input.rounded:focus {
	border-color: #339933;
}

.contactset input {float:left; margin-left:20px;}
.contactset {font-size:18px; font-weight:bold; margin-bottom:20px; }
.contactset legend { margin-left:20px; font-size:30px; color:#600; border-style:double; border-color:#333;}
.contactset legend p {margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px;}
.contactset fieldset { -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
.formwhat {margin-left:20px;}

textarea#styled {
	width: 300px;
	height: 120px;
	margin-left:20px;
	/*border: 3px solid #cccccc;*/
     border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	font-size: 20px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;

	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-color:#fff;
	margin-bottom:20px;

}

#pushit input {
	cursor: pointer;
	outline: none;
	background-color:#333;
	color: #FFF;
	margin-left:275px;
}
 
#pushit input:hover {
	background-color: #000;
	color: white;
}
 
#pushit input {
	color: #fff;
	padding: 7px;
	border: 1px solid #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

#contactinfo {margin-top:37px;}

.contactset2 input {float:left; margin-left:20px;}
.contactset2 {font-size:18px; font-weight:bold; margin-bottom:20px; }
.contactset2 legend { margin-left:20px; font-size:30px; color:#600; border-style:double; border-color:#333;}
.contactset2 legend p {margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px;}
.contactset2 fieldset { -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}