body {
margin: 0;
font-size: 13px;
line-height: 1.231;
font-family: sans-serif;
color: #222;
}

a {
color: #2c5284;
text-decoration: none;
}

a:visited {
color: #2c5284;
}

a:hover {
color: #2c5284;
text-decoration: none;
}

a:focus {
outline: none;
}

::-moz-selection, ::selection {
background: #2c5284;
color: #fff;
text-shadow: none;
}

button, input, select, textarea {
font-family: sans-serif;
color: #222;
}

#wrapper {
position: relative;
margin: 0 auto 20px auto;
width: 975px;
background: #ffffff;
box-shadow: 0 0 30px #999;
}

#header {
position: relative;
width: 975px;
height: 104px;
background: url('../img/header.jpg') no-repeat;
}

a.logo {
display: block;
width: 715px;
height: 82px;
}

#logo {
position: relative;
width: 715px;
height: 82px;
background: url('../img/logo.png') no-repeat;
margin-left: 40px;
}

#nav {
position: relative;
width: 160px;
height: 550px;
background: url('../img/sidebar.png') no-repeat;
padding: 32px 0 0 0;
}

/* ///////////////////////  NAVIGATION LINK STYLES  /////////////////////// */
#nav-home {
position: relative;
width: 160px;
height: 58px;
background: url('../img/nav_1_home.png') 0 0 no-repeat;
z-index: 6;
}

#nav-home:hover  { background: url('../img/nav_1_home.png') 0 -60px no-repeat; }

.home {
display: block;
width: 65px;
height: 40px;
position: absolute;
margin: 10px 0 0 60px;
}

#nav-newsteel {
position: relative;
width: 160px;
height: 70px;
background: url('../img/nav_2_newsteel.png') no-repeat 0 -24px;
margin: 0;
z-index: 5;
}

#nav-newsteel:hover {
position: relative;
width: 160px;
height: 102px;
background: url('../img/nav_2_newsteel.png') no-repeat 0 -110px;
margin: -24px 0 -8px 0;
}

#nav-newsteel:hover .newsteel {
margin: 24px 0 0 36px;
}

.newsteel {
display: block;
width: 114px;
height: 63px;
position: absolute;
margin: 0 0 0 36px;
}

#nav-scrap {
position: relative;
width: 160px;
height: 70px;
background: url('../img/nav_3_scrap.png') no-repeat 0 -24px;
margin: 8px 0 0 0;
z-index: 4;
}

#nav-scrap:hover {
position: relative;
width: 160px;
height: 110px;
background: url('../img/nav_3_scrap.png') no-repeat 0 -110px;
margin: -16px 0 -24px 0;
}

#nav-scrap:hover .scrap {
margin: 24px 0 0 36px;
}

.scrap {
display: block;
width: 114px;
height: 61px;
position: absolute;
margin: 0 0 0 36px;
}

#nav-email {
position: relative;
width: 160px;
height: 58px;
background: url('../img/nav_4_email.png') no-repeat 0 0;
z-index: 3;
margin: -8px 0 0 0;
}

#nav-email:hover  { background: url('../img/nav_4_email.png') 0 -60px no-repeat; }

.email {
display: block;
width: 65px;
height: 40px;
position: absolute;
margin: 10px 0 0 60px;
}

#nav-location {
position: relative;
width: 160px;
height: 58px;
background: url('../img/nav_5_location.png') no-repeat 0 0;
z-index: 3;
margin: -8px 0 0 0;
}

#nav-location:hover  { background: url('../img/nav_5_location.png') 0 -60px no-repeat; }

.location {
display: block;
width: 65px;
height: 40px;
position: absolute;
margin: 10px 0 0 60px;
}

/* ///////////////////////  NAVIGATION CONTACT INFORMATION STYLES  /////////////////////// */

#contact {
position: relative;
margin: 24px 0 0 0;
width: 130px;
}

#contact h3 {
text-align: right;
margin: 2px 0;
font-size: 14px;
color: #333;
font-family: helvetica, arial, sans-serif;
}

#contact h4 span.small {
font-weight: normal;
color: #444
}

#contact h4 {
text-align: right;
margin: 2px 0;
font-size: 12px;
color: #222;
font-family: helvetica, arial, sans-serif;
}

#cards {
text-align: right;
margin: 12px 0;
}

#cards img {
padding: 2px;
}

/* ///////////////////////  MAIN CONTENT STYLES  /////////////////////// */

#main {
position: relative;
width: 835px;
margin: -582px 0 0 140px;
}

#main-shadow {
position: relative;
background: url('../img/shadow.png') repeat-x;
width: 835px;
height: 20px;
z-index: 20;
}


#content {
padding: 20px 40px 40px 40px;
width: 480px;
position: relative;
z-index: 5;
}

#content td {
padding: 0 25px 0 0;
}

#content h1 {
font-family: Impact, Arial;
color: #213462;
font-weight: normal;
text-transform: uppercase;
font-size: 50px;
margin: 0 0 10px 0;
}

#content h2 {
font-family: Impact, Arial;
color: #213462;
font-weight: normal;
font-size: 22px;
margin: 10px 0 0px 0;
}

#content h3 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 14px;
color: #213462;
text-transform: uppercase;
margin: 0;
}

#content p {
font-family: Helvetica, Arial, Sans-serif;
font-size: 14px;
font-weight: normal;
color: #333;
line-height: 18px;
}

#content p.light-list {
font-family: Helvetica, Arial, Sans-serif;
font-size: 12px;
color: #213462;
line-height: 18px;
font-style: italic;
margin: 0 0 0 14px;
text-indent: -10px;
}

#content ul {
list-style-image: url('../img/bullet.jpg');
color: #222;
font-weight: bold;
font-size: 12px;
padding: 0 0 0 15px;
margin: 0;
}

/* ///////////////////////  HOME PAGE STYLES  /////////////////////// */

#content.index {
height: 590px !important;
}

#content.index p {
max-width: 460px !important;
}

#large-container {
width: 375px;
height: 265px;
position: relative;
float: right;
margin: -20px 0 -60px 0;
overflow: hidden;
}

#large-home {
background: url(../img/large_home.jpg) no-repeat;
width: 375px;
height: 265px;
position: relative;
float: right;
margin: -20px 0 0 0;
z-index: 0;
/*-webkit-transform: rotate(-2deg);
-webkit-transition: all 2s;
-moz-transform: rotate(-2deg);
-moz-transition: all 2s;
-o-transform: rotate(-2deg);
-o-transition: all 2s; */
}

#large-home:hover {
/* -webkit-transform: rotate(2deg);
-webkit-transition: all 2s;
-moz-transform: rotate(2deg);
-moz-transition: all 2s;
-o-transform: rotate(2deg);
-o-transition: all 2s; */
}

#small-home {
background: url(../img/small_home.jpg) no-repeat;
width: 250px;
height: 140px;
position: relative;
margin: 240px 55px -400px 510px;
z-index: 0;
float: right;
}

#home-column-1 {
width: 220px;
border-right: 2px solid #213462;
padding: 0 20px 0 0;
height: 280px;
}

#home-column-2 {
width: 220px;
float: right;
}

/* ///////////////////////  NEW STEEL PAGE STYLES  /////////////////////// */

#content.steel {
width: 510px !important;
}

#large-newsteel {
background: url(../img/large_newsteel.jpg) no-repeat;
width: 375px;
height: 265px;
position: relative;
float: right;
margin: -20px 0 -60px 0;
z-index: 0;
}


#small-newsteel {
background: url(../img/small_newsteel.jpg) no-repeat;
width: 250px;
height: 190px;
position: relative;
margin: 190px 30px -400px 510px;
z-index: 0;
float: right;
}



/* ///////////////////////  SCRAP RECYCLING PAGE STYLES  /////////////////////// */


#large-scrap {
background: url(../img/large_scrap.jpg) no-repeat;
width: 470px;
height: 265px;
position: relative;
float: right;
margin: -20px 0 -60px -100px;
z-index: 0;
}


#small-scrap {
background: url(../img/small_scrap.jpg) no-repeat;
width: 200px;
height: 200px;
position: relative;
margin: 190px 30px -400px 510px;
z-index: 0;
float: right;
}

/* ///////////////////////  LOCATION PAGE STYLES  /////////////////////// */


#large-location {
background: url(../img/large_location.jpg) no-repeat;
width: 332px;
height: 265px;
position: relative;
float: right;
margin: -20px 0 -60px -100px;
z-index: 0;
}


#small-location {
background: url(../img/small_location.jpg) no-repeat;
width: 200px;
height: 240px;
position: relative;
margin: 90px 15px -400px 510px;
z-index: 0;
float: right;
}

/* ///////////////////////  FOOTER STYLES  /////////////////////// */

#footer {
width: 975px;
height: 35px;
background: #3f3f40;
line-height: 35px;
}

#copyright {
background: #213964;
padding: 0 20px;
color: white;
width: 450px;
text-align: left;
font-size: 12px;
}

#copyright span {
font-weight: bold;
color: #777;
padding: 0 4px;
}


/* ///////////////////////  IE7/IE8 STYLES  /////////////////////// */

.ie7 #wrapper, .ie8 #wrapper {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}


.ie7 #content {
margin: -205px 0 0 0;
width: 500px !important;
}

.ie7  #content p {
max-width: 410px;
}

.ie7 #content.index {
height: 580px !important;
}