.clear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
.clear { 
	display: inline-block; 
}
	
html[xmlns] .clear { 
	display: block;
}
	
* html .clear { 
	height: 1%;
}

@font-face {
	font-family: myFirstFont;
	src: url('../fonts/OpenSans-Regular.ttf')
    ,url('fonts/OpenSans-Regular.html'); /* IE9+ */
}


div {
	font-family:myFirstFont;
}

a img { border:0 
}

	
#contactWrapper .stage {
    margin-bottom: 0px;
}

#contactWrapper { 
	width:275px; 
	border:1px solid #cfdede; 
	background:#fdfdfd; 
	padding: 30px 30px 30px 30px; 
	margin-top: 0px; 
	
}
	
#contactWrapper h1 { 
	font-size: 12px; 
	font-family: myFirstFont;
	margin: -33px 0px 15px 0px; 
	padding: 12px 0px 4px 20px; 
	background: url(../img/title-background.png) no-repeat; 
	width: 155px; 
	height:20px;
	color: #fff; 
	font-weight: normal;
	letter-spacing: 0.05em;
	
}


	
#contactWrapper label { 
	display:block;  
	font-size:12px; 
	width:auto; 
	font-weight: normal; 
	color: #3B3C3B;
	font-family: Verdana; 
	margin: 8px 0px 5px 0px;

}


#contactWrapper label.error { 
	display:block; 
	float:none; 
	font-size:12px; 
	width:auto; 
	font-weight: normal; 
	margin-bottom: 0px; 
	color: #bb3737; 
	background: #fad6d6; 
	border: 1px solid #bb3737; 
	margin-top: 5px; 
	padding: 5px 7px;
}

		
#contactWrapper label.checked { 
	display:none; 
	background: none; 
	border: 0px; margin-top: 0px; 
	padding: 0px; 
	text-indent: -5000px;
}

#contactWrapper em { 
	color: #FF9934;
}
	
#contactWrapper .stage { 
	margin: 0px 0px 10px 0px;
}
	
#contactWrapper .requiredNote { 
	margin: 20px 0px 20px; 
	color: #333; 
	font-weight: normal;
}
	
#contactWrapper .success { 
	padding: 10px; 
	background: #fbf3ec; 
	border:1px solid #cfdede; 
	color: #3b3c3b;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		
	margin-bottom: 15px;
	width: 250px; 

}
	
#contactWrapper .success p {
	font-size: 12px;
	font-family: Verdana;
	margin: 0px;
}

form#contactform input { 
	border-radius: 5px; 
	 -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
    font-size: 12px;
    width: 100%;
    padding: 10px 8px;
	border: 1px solid #E5E5E5;
	width: 255px;
	color: #3b3c3b;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	font-family:Verdana;		
}
	 
form#contactform textarea {
	border-radius: 5px; 
	 -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
    font-size: 12px;
    width: 100%;
    padding: 10px;
	border: 1px solid #E5E5E5;
	color: #3b3c3b;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		
	width: 255px;
	height: 100px;
	max-width: 270px;
	font-family: Verdana;
	margin-bottom: 12px;
	margin-top:2px;
}
	
form#contactform input:focus, form#contactform textarea:focus { 
	outline: none; 
	border: 1px solid #bbbaba;
}

#submitButton {
	display: block;
	text-indent: -5000px;
	width: 280px!important;
	height: 47px;
	background-image:url(../img/send-button-sprite.png)!important;
	background-repeat: no-repeat;
	padding: 0px!important;

}
	
#submitButton {
	background-position: 0 0;

}

#submitButton:hover {
	background-position: 0 -47px;
	cursor:pointer;
}
	
#submitButton:active {
	background-position: 0 -47px;
}
