#contactArea { height: 225px; border-bottom: 2px solid #BB211F; overflow: hidden;  }


/* ----- The Pretty Stuff ----- */

 * { margin: 0; padding: 0; outline: 0;  } 

 html, body {   background: #000 url(redbginverted.jpg) ; background-position: bottom center; height:100%; overflow-x:hidden;  }

.container { margin: 0 auto; }

 
 
.content {  padding: 55px; margin: 0 auto;   position: relative; top: 45px;}


 

a.contact { margin-top:-1px;float: right; height: 38px; width: 115px; padding:10px; display: block; text-indent: -9999px; background: url(../contactbutton.png) no-repeat 0 0; outline:none;}
a.contact:hover {float: right; height: 38px; width: 115px; background: url(../contactbuttonhover.png) no-repeat 0 0; outline:none;}
form { width: 910px; height: 300px; padding: 30px; margin: 0 auto; }

#info { float: left; width: 350px; }
#message { float: right; width: 500px;  }


input { margin-bottom: 15px; padding: 7px 7px; color: #4A4A4A; float: right; }
label { margin-bottom: 5px; float: left; clear: both; position: relative; top: 10px; }
textarea { padding: 7px 7px; height: 110px; margin-bottom: 15px; color: #4A4A4A; line-height: 20px; font-size: 12px; float: right; }

input { width: 250px; }
textarea { width: 350px; }

label { font-family: Arial; font-size: 16px; color: #fff; }

input#submit { float: right; clear: both; cursor: pointer; width: 125px; padding: 7px 7px; background-color: #972324; border: 0; color: #fff; }

input, textarea { outline: none; background-color: #f1f1f1; border: 3px solid #b2b2b2; padding: 7px; }
input:focus, textarea:focus { border: 3px solid #972324; }

input, textarea { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

 #logo{
 margin-top:-50px;
  width: 1024px;
height: 85px;
  
   background-repeat: no-repeat;
  background-image:url(../NEWFE_logo.jpg);
 position: relative;
  
}
  
 

 
 
 
 /* inserting scrolling jquery menue bar */
 /* hide from ie on mac  
	html {
		height: 100%;
		overflow: hidden;
	}	
	#flashcontent {
		height: 100%;
	}
	/* end hide 
	body {
		height: 100%;
		margin: 0;
		padding: 0;
		<!-- wvmode is enabled -->
		background-color:transparent;
		<!-- wvmode is enabled -->
		color:#ffffff;
		font-family:sans-serif;
		font-size:40;
	}	
	a {	
		color:#cccccc;
	}
  
 /* inserting scrolling jquery menue bar */
 /* inserting scrolling jquery menue bar */
 
 
 
 
a:focus {
outline: none;
}
h1 {
font-size: 34px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-2px;
color:#9FC54E;
font-weight:700;
padding:20px 0 0;
}

h2{
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
text-align: justify;
padding: 0 0 5px,0px;  
}

h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

img{
float: left;
margin: 10px 3px 10px 8px;
padding: 8px;
background: #222222;
border: 1px solid #333333;
}
 

.panel {
position: absolute;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 50px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
text-align: justify;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #388FAB;
text-decoration: none;
/*border-bottom: 1px solid #388FAB; */
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 100px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../plusblue.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
} 

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 100px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../plusblue.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(../minusclose.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 350px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
} 
 
 
.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

 
  #demo {
	width: 433px;
height: 40px;
margin-top:50px

}
 
	#demo p a.press-it-btn {
		display: block; /* Change anchor to block element */
		width: 245px; height: 30px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../sig.png); /* Add the image as a background */
		 
		background-repeat: no-repeat;
		 /* Set the position to the top */
		text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
		#demo p a.press-it-btn:hover, #demo p a.press-it-btn:focus {
			background-image: url(../sigh.png); /* Add the image as a background */
			  /* Set the position to the center */
			background-repeat: no-repeat;
		}
		#demo p a.press-it-btn:active {
		 
		}