@font-face { 
	font-family: Delicious-Bold;
	src: url('../fonts/Delicious-Bold.otf') format("truetype");
}

@font-face { 
	font-family: Delicious;
	src: url('../fonts/Delicious-Roman.otf') format("truetype");
}
	
@font-face { 
	font-family: Megalopolis;
	src: url('fonts/MEgalopolisExtra.otf') format("truetype");
}

@font-face { 
	font-family: graublauweb;
	src: url('fonts/GraublauWeb.otf') format("truetype");
}
@font-face { 
	font-family: Share;
	src: url('fonts/Share-Regular.otf') format("truetype");
}

@font-face { 
	font-family: Aller;
	src: url('fonts/Aller_Rg.ttf') format("truetype");
}

@font-face { 
	font-family: Aller;
	src: url('fonts/Aller_Rg.eot'); 
}


body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, tr, form, th, td, fieldset, legend, div, object {
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	border: 0;
	font: normal 16px Delicious, Arial, Verdana, sans-serif;
	text-align :left;
	/*text-rendering: geometricPrecision;*/ /* chromium does not show align:justified with this */
	vertical-align: top;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;*/
}

body{
	background-color: #ECE3C9;
	font-family: Delicious, Arial, Verdana, sans-serif;
	color: #000;
	height:100%; /* needed for container min-height */
	cursor: default;
	/*background: url(images/bg_yellow2.jpg)   this is your bg image */
}

#wrap{
	width: 90%;
	background-color: white;
	margin: auto;
	margin-top: 30px;
	padding: 10px;
}
#wrap h1{
	padding: 10px;
	border: 1px solid #ccc;
	background: #f8f8f8;
}
.mail{
	/*width:500px;*/
	margin:auto;
}
#formail{
	/*width: 500px;*/
	margin: auto;
}
#formail label{
	display: block;
	margin: 10px 0;
}
#mail{
	width:350px;
}
#text{
	background: #f8f8f8;
}
#sendmail{
	margin-top: 20px;
	display: block;
}
#response{
	display: none;
	border: 1px solid #ccc;
	background: #FFFFA0;
	padding: 10px;
	width: 450px;
}