/* CSS Document */
* {
margin: 0;
padding: 0;
}
html, body, {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

body {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	background: url(../images/mail/contact_bg.png) repeat;
	text-align:center;
	font:62.5% Georgia,'Times New Roman',serif; 
	letter-spacing:1; 
	height:auto;
}

#wrapper {
	MARGIN: 0px auto;
	WIDTH: 80%;
	position:center;
}

#header { height:auto; padding-top:11px; position:relative; top:0px; }


#Content {
	MARGIN: 0px auto;
	WIDTH: 35%;
	position:relative;
	text-align:center;
}
#footerbottom{
	background-color:white;
	box-shadow:1px -1px 5px #ffffff;
	margin-top:0px;
	height:5px;
}

#Footer {
	padding-top: 0px;
	height:20px;
	WIDTH: 100%;
	TEXT-ALIGN: center;
	background-image:url("../images/mail/contact_bg.png");
}
.emphasis {
font-weight:bold;
color:#9B0952;
font-size:13px;
}

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#fff; font:62.5% Georgia,'Times New Roman',serif; letter-spacing:1; height:auto;}

/* COMMON CLASSES */
#contact{
	width:200px;  margin:40px 0 0 0px; float:left; opacity:20%}
#contact span.ctop{
	background:url(images/contact_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block;}
#contact span.cbottom{
	background:url(../images/mail/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:25px; display:block;}
#contact form.contact{
	background:url(images/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000;
	width:272px; padding:0 20px; float:left;}
#contact form.contact h2.text3{
	background:url(../images/mail/contact_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#0B0B0B;
	padding:0 0 10px 55px; float:left; width:228px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact h2.text3 span{
	background-color:#FFFFFF; color:#A60101;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact textarea{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact input.submit{
	background:url(../images/mail/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:left; margin:60px 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input.reset{
	background:url(../images/mail/more_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:left; margin:10px 0 0 20px; padding:0 15px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.mailformbutton {
background-color: white;
border-left: 1px #000066 solid;
border-right: 1px #000066 solid;
border-bottom: 1px #000066 solid;
border-top: 1px #000066 solid;
font-family: Verdana;
font-size: 8pt;
color: #000066;
}

.mailformfield {
background-color: white;
border: 1px solid #000066;
font-family: Verdana;
font-size: 10pt;
}

.mailformtext{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
BORDER: none;
color: #000066;
font-weight:bold;
}

@media all and ( min-width: 961px ){
	.wrapper {
		width:43%;
	}
	.emphasis {
        font-size:13px;
    }
	
}
 
@media screen and (min-width:769px) and (max-width:960px)   {
	.wrapper {
       width:60%;
	}
	.emphasis {
		font-size:11px;
	}
			
}

@media screen and (min-width:481px) and (max-width:768px) {
	.wrapper {
       width:80%;
	}
	.emphasis {
		font-size:10px;
	}


}

@media screen and (max-width: 480px) {
    .f_text {
	   font-size:9px;
	   color:#FFFFFF;
	   padding-top:10px;
	   padding-bottom:10px;
    }
		.wrapper {
       width:100%;
	}
		.text {
		font-size:9px;
	}


}