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

/* background and margin style  */
body {
	font-family:Arial, Tahoma, sans-serif;  
    margin: 120px 20px 0px 20px; 
	
}

/* main wrapper border */
#contact-wrapper {  
	width:430px; 
	border:1px solid #2e6dc4;  /* grey blue */
	background:#ffffff;  /* white */
	padding:20px;
	margin-left: auto;
    margin-right: auto;
}

/* the inner contact wrapper div  */
#contact-wrapper div { 
	clear:both; 
	margin:1em 0;
}

/* requirement alert font and color */
#contact-wrapper label {  
	display:block; 
	float:none; 
	font-size:10px; color:#F00;
	width:auto;
}

/* label and input font and color  */
.labelname { 
	display:block; 
	float:none;
	font-size:13px; 
	color:#333; 
	font-family:Arial, Helvetica, sans-serif;
	width:auto; 
}

/* input style  */
form#newsletter input {  
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  /* shades of grey  */
	border-style:solid; 
	border-width:1px; 
	padding:5px; 
	font-size:13px; 
	color:#333; 
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFFBF), to(#FEF9BF));
	background: -webkit-linear-gradient(top, #FEFFBF, #FEF9BF);
	background: -moz-linear-gradient(top, #FEFFBF, #FEF9BF);
	background: -ms-linear-gradient(top, #FEFFBF, #FEF9BF);
	background: -o-linear-gradient(top, #FEFFBF, #FEF9BF);
	background: linear-gradient(top, #FEFFBF, #FEF9BF);  /* white to grey */
}

/* select style  */
form#newsletter select {  
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; 
	border-style:solid; 
	border-width:1px; 
	padding:5px; 
	font-size:13px; 
	color:#333; 
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(top, #ffffff, #dddddd);  /* white to grey */
}

/* textarea style  */
form#newsletter textarea {  
	font-family:Arial, Tahoma, Helvetica, sans-serif; 
	font-size:100%; 
	padding:0.6em 0.5em 0.7em; 
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; 
	border-style:solid; 
	border-width:1px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(top, #ffffff, #dddddd);  /* white to grey */
}

/* submit button style  */
button.submit { 
	background-color: #0078ff; /* bright blue */
	background: -webkit-gradient(linear, left top, left bottom, from(#0078ff), to(#00a8ff));
	background: -webkit-linear-gradient(top, #0078ff, #00a8ff); /* Bright blue to Pale blue */
	background: -moz-linear-gradient(top, #0078ff, #00a8ff);
	background: -ms-linear-gradient(top, #0078ff, #00a8ff);
	background: -o-linear-gradient(top, #0078ff, #00a8ff);
	background: linear-gradient(top, #0078ff, #00a8ff);
	border: 1px solid #0381c2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #0381c2;
	-webkit-box-shadow: 0 1px 0 0 #0381c2 inset ;
	-moz-box-shadow: 0 1px 0 0 #0381c2 inset;
	-ms-box-shadow: 0 1px 0 0 #0381c2 inset;
	-o-box-shadow: 0 1px 0 0 #0381c2 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #006cff;
}

button.submit:hover {
	opacity:.90;
	cursor: pointer; 
}

button.submit:active {
	border: 1px solid #cbcbcb;
	box-shadow: 0 0 10px 5px #cbcbcb inset; 
	-webkit-box-shadow:0 0 10px 5px #cbcbcb inset ;
	-moz-box-shadow: 0 0 10px 5px #cbcbcb inset;
	-ms-box-shadow: 0 0 10px 5px #cbcbcb inset;
	-o-box-shadow: 0 0 10px 5px #cbcbcb inset;
}