@charset "UTF-8";
/* CSS Document */
body {
	font: Verdana;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(images/bg.jpg);
}
#bar {
	font-family: Verdana;
	font-size: 10.5pt;
	color: #FFF;
	font-weight: normal;
}
bar {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

a:link {
	color: #000;
	text-decoration: none; 
}
a:hover {
	color: #E63329;
	text-decoration:none;
}

a:hover .imgopacity {
	opacity:0.7;
	color: #E63329;
	text-decoration:none;
}

a:visited {
	color: #000;
	text-decoration:none;
}

a:active, a:focus { 
color: #000;
	text-decoration: none;
}


.container {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto; 
}

.container2 {
	width: 960px;
	background-color: #FEEEE7;
	margin: 0 auto; 
	height: inherit;
}
.header {
	background-color: #FFF;
}

.content {

	padding: 0 0;
}

.footer {
	padding: 10px 0;
	background-color: #333;
}
#HeadingF {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #FFF;
}
#BodyF {
	font-family: Verdana;
	font-size: 10pt;
	color: #FFF;
}
#footer {
	font-family: Verdana;
	font-size: 8pt;
	color: #FFF;
}

#red {
	font-family: Verdana;
	font-size: 9pt;
	color: #E63329;
	font-weight: bold;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#body {
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #000;
}
#Heading {
	font-family: Verdana;
	font-size: 14pt;
	font-weight: bold;
	color: #000;
}
#caption {
	font-family: Verdana;
	font-size: 7.7pt;
	color: #999999;
}
#subheading {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
}
#body {
	font-size: 9pt;
	font-family: Verdana;
	color: #000;
}
body,td,th {
	font-family: Verdana;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #E63329;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.banner {
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	background-origin:content-box;
	max-height:237px;
}

h1 {
	font-family: Verdana;
	font-size: 14pt;
	font-weight: bold;
	color: #E63329;
}	
h2 {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
}	

.imgopacity {
}

.cornerimage {
  border: 0;
  position: absolute;
  top: 14px;
  right: -180px;
 } 
.popUpTitle {
    background-color: #E63329;
    height: 40px;
    width: 100%;
}

.popUpTitle img {
    float: right;
    margin-top: 5px;
}

.data {
background-image:url(images/iStock_Steel-small.jpg);
    height: auto;
    overflow: hidden;
	font-size: 14px;
    padding: 20px 20px;
    width: auto;
	text-align: center;
		border-width:medium;
	border-style:solid;
	border-color:#E63329;
}

.buttons li {
    cursor: pointer;
    float: left;
    height: 29px;
	margin-right: 15px;
    width: 134px;
}

span.button {
    background-color: #E63329;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 25px;
    text-align: center;
}

.popUpDisplay {
    display: none;
    position: absolute;
    width: 440px;
	height: 300px;
	left: 30%;
	top:20px;
    z-index: 1001;
}

.dimLayer {
    display: none;
    outline: 0px none;
    height: 100%;
    width: 100%;
    background: #A9A9A9;
    top: 0px;
    left: 0px;
    z-index: 1000;
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
}
.popup-form {
	margin-left: 10px;
	margin-right:30px;
}

.popup-form input[type="submit"] {
   display: block;
   background: #E63329;
   color: #FFF;
   border: none;
   -moz-border-radius: 2px;
   border-radius: 2px;
   cursor: pointer;
   text-align: center;
   width:30%;
   padding:10px;
   margin: 0 auto; 
   font-family: Verdana;
   font-size: 14px;
 }

.popup-form input[type="text"] {
	display: block;
padding:10px;
text-align: center;
margin-bottom: 10px;
border-radius:3px;
font-size: 14px;
width: 100%;
font-family: Verdana;
vertical-align:central;
}

.popup-form .input-group input:focus {
outline-color:#FB8833;
}

.subscribe {
    width: 100px;
    height: 100px;
    position: relative;
    -webkit-animation-name: subscribe; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    -webkit-animation-direction: reverse; /* Chrome, Safari, Opera */
	-webkit-animation-timing-function: linear;
    animation-name: subscribe;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-direction: reverse;    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes subscribe {
    0%   {left:0px; top:0px;}
    100% {left:500px; top:0px;}
}

/* Standard syntax */
@keyframes subscribe {
    0%   {left:0px; top:0px;}  
    100% {left:500px; top:0px;}
}