@font-face {
    font-family: 'antonioregular';
    src: url('fonts/antonio-regular-webfont.eot');
    src: url('fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-regular-webfont.woff') format('woff'),
         url('fonts/antonio-regular-webfont.ttf') format('truetype'),
         url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body, html{
	margin:0;
	padding:0;
}
.container{
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
}
a.close{
	position:absolute;
	right:10px;
	top:10px;
}
a.close:hover{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

h1{
	font-size:22px;
	margin:0;
	padding:0;
	color:#21c9dd;
	text-align:center;
	text-transform:uppercase;
	font-family: 'antonioregular';
}

/* @group Contact us form  */
.form{
	margin:0;
	padding:10px 0 0 0;
	float:left;
	width:100%;
}
.content .form li{ 
	float:left;
	width:100%;
	background:none;
	min-height:30px;
	height:auto!important;
	height:30px;
	padding:0 0 15px 0;
	margin:0 0 0 0;
	position:relative;
	list-style:none;
}
.form li label{
	float:left;
	width:25%;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
.form li span.error{
	color:#c20007;
	font-size:11px;
	position:absolute;
	left:250px;
	bottom:0px;
}
.form li input.txt{
	float:left;
	width:69%;
	padding:2px 3px 2px 3px;
	height:24px;
	font-size:12px;
	color:#999;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
}
.form li select{
	float:left;
	width:70%;
	padding:0;
	height:24px;
	font-size:12px;
	color:#999;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
}

.form li textarea{
	width:69%;
	height:50px;
	font-size:12px;
	color:#999;
	overflow:auto;
	padding:2px 3px 2px 3px;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
}
.form li .btn{
	float:right;
	width:auto;
	height:auto;
	padding:0;
	margin:0 5% 0 0;
	border:none;
	background:none;
	cursor:pointer;
	outline:none;
}
.form li .btn:hover{color:#fff;}
	
	
	
p.note{
	padding:0;
	margin:0 0 10px 0;
}
small.note{
	font-size:12px;
	color:#666;
}
p.thank-msg{
	font-size:16px;
	line-height:28px;
	color:#333333;
	width:80%;
	margin-bottom:20px;
	background:#f1f1f1;
	width:100%;
	text-align:center;
	 border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	display:inline-block;
}

p.validationmsg{
    float: left;
	clear: both;
	margin:0 0 0 25%;
	color:#990000;
}


.content p{
  font-size:12px;
  color:#666;
  margin:0 10px;
  padding:10px 0 15px 0;
  font-family:Arial, Helvetica, sans-serif;
}
.content ul{
	margin:0 10px;
	padding:0;
}
.content ul li{
  font-size:12px;
  color:#666;
  margin:0 0 0 20px;
  padding:0 0 15px 0px;
  list-style:disc;
  font-family:Arial, Helvetica, sans-serif;
}