/* CSS Document */
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
a:active
{
  outline: none;
}

A { color:#231f20; text-decoration:underline }

img {border: none; padding:0;}
body {
height:100%; 
width:100%;
margin:0;
padding:0;
text-align: left; 
font:12px Arial, Helvetica, sans-serif;
color:#231f20;
background-image:url(../images/arc-body-bg.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;

}
* { margin: 0; padding: 0; }
#container {
width:795px;
height:auto;
padding:0 0 0 0px;
margin:0 0 0 212px;
text-align:left;
}
#nav {
padding:56px 0 0 40px;
}
#nav ul li {
display:inline;
float:left;
padding:4px 11px;
font:18px "Futura", "Trebuchet MS";
font-weight:100;
position:relative;
width:auto;
}
#nav ul li a.navselect {
color:#8196cb;
}
#nav ul li a.navro:hover {
color:#8196cb;
}
#nav ul li a {
font:19px "Futura", "Trebuchet MS";
color:#231f20;
font-weight:100;
}
#nav ul li a.redtxt {
color:#ee3124;
}
#nav ul li a.bluetxt {
color:#005daa;
}
#nav ul li a:hover {

}
#nav ul li.navselect {
color:#ee3124;
font-weight:500;
}
#metals {

}
#nav  .menudropdown {
position:absolute;
top:29px;
left:0px;
z-index:5;

width:100%;
display:none;
background-color:#FFFFFF;
}
#metalsdrop {

width:100%;
}
#glassdrop {

width:290px;


}
#metalsdrop p {
border-bottom:1px solid #f9a88a;
padding:6px 0 6px 0;
width:100%;
background-image:url(../images/dropbg.gif);
background-repeat:repeat-y;
background-position:right;
}
#metalsdrop p a {
padding-left:2px;
}
#metalsdrop p.bottom {
border-bottom:6px solid #ee3224;
}
#glassdrop  p  a {
padding-left:2px;

}
#glassdrop  p  {
background-image:url(../images/glassdropbg.gif);
background-repeat:repeat-y;
background-position:right;
border-bottom:1px solid #005daa;
padding:6px 0 6px 0;
width:290px;
}
#glassdrop  p.bottom  {
border-bottom:6px solid #3333FF;
}
#nav  .menudropdown a {
font-size:12px;
font-weight:600;

}
#nav p .droparrow {
float:left;
width:14px;
position:relative;
left:3px;
top:-3px;
}
#header {
background-image:url(../images/innovative-solutions-to-com.jpg);
background-repeat:no-repeat;
width:795px;
height:232px;
}
#header h1 {
text-indent:-9999999px;
}
#metals-header {
background-image:url(../images/metals/header.gif);
background-repeat:no-repeat;
width:786px;
height:153px;
}
#glass-header {
background-image:url(../images/glassconstruction/top-text-bar.gif);
background-repeat:no-repeat;
width:786px;
height:150px;
}
#about-header {
background-image:url(../images/about/about-expert-staff.jpg);
background-repeat:no-repeat;
width:786px;
height:159px;
}
#contact-header {
background-image:url(../images/contact/experience-bar.gif);
background-repeat:no-repeat;
width:786px;
height:159px;
}
#news-header {
background-image:url(../images/whatsnew/whats-new-header.gif);
background-repeat:no-repeat;
width:786px;
height:159px;
}
#metals-header h1, #glass-header h1, #about-header h1, #contact-header h1, #news-header h1  {
text-indent:-9999999px;
}
#main-content {
height:auto; 
padding:0;
margin:0;
position:relative;
float:left;
width:786px;
}

#main-content .left {
float:left;
width:152px;
height:100%;
background-image:url(../images/home-left-bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#9fb1d9;
margin:0;
padding:0 0 0 13px;
}
.metals-bg {
height:auto;
background-image:url(../images/hbg.gif);
background-repeat:repeat-y;
width:786px;
}
.glass-bg {
height:auto;
background-image:url(../images/glasshbg.gif);
background-repeat:repeat-y;
width:786px;
}
.contact-bg {
height:auto;
background-image:url(../images/contact/contacthbg.gif);
background-repeat:repeat-y;
width:786px;
}

#metals-bottom-img {
position:absolute;
bottom:0px;
left:0px;
}
#glass-bottom-img {
position:absolute;
bottom:0px;
right:0px;
}
#metals-bottom-right-img {
position:absolute;
bottom:0px;
right:0px;
z-index:1;
}
#main-content .metals-left {
float:left;
width:165px;
height:100%;
background-image:url(../images/metals/lefttopbg.gif);
background-repeat:no-repeat;
background-position:top;

margin:0;
padding:0 0 0 0;
text-align:center;
}
#main-content .about-left {
float:left;
width:165px;
height:100%;
margin:0;
padding:0 0 0 0;
text-align:left;
}
#main-content .glass-left {
background-image:url(../images/glasstoplbg.gif);
background-repeat:no-repeat;

}
#main-content .about-left h2 {
font-size:17px;
color:#0364ac;
font-family:"Futura", "Trebuchet MS";
padding:6px 0 6px 18px;
font-weight:100;
}
#main-content .about-left p {
font-size:11px;
color:#0364ac;
padding:6px 6px 6px 18px;
}
#main-content .about-left ul {
margin:0 0 0 30px;

}
#main-content .about-left ul li {
color:#0364ac;
font-size:12px;
padding:10px 0;
font-weight:bold;
}
#main-content .metals-left p {
background-color:#a5b6dc;
background-image:url(../images/metals/metals-lnavbg.gif);
background-position:top;
background-repeat:no-repeat;
padding:16px 0;

}

#main-content .metals-left p.lnav1 {
margin-top:47px;
}
#main-content .metals-left p a {

color:#231f20;
font-weight:100;
}
#main-content .metals-left p a.bold {
font-weight:bold;
}
#main-content .metals-left p a:hover {
font-weight:bold;
}
#main-content .left h2 {
font-size:23.4px;
color:#ee3124;
font-weight:100;
padding:0 0 10px;
}
#main-content .left p {
width:140px;
padding:8px 0;
font-weight:800;
}
#main-content .left ul {
margin:0 0 0 13px;
padding:0 6px 0 0;
}
#main-content .left ul li {
padding:4px 0;
font-weight:bold;
}
#main-content .center {
float:left;
width:404px;
padding:0 10px 0 28px;
}

#main-content .metals-center {
float:left;
width:414px;
padding:20px 0 0 28px;

}
#main-content .contact-center {
float:left;
width:335px;
padding:20px 0 0 28px;

}
#main-content .news-center {
float:left;
width:518px;
padding:20px 0 0 28px;

}
#main-content .contact-center h2 {
font-size:11px;
padding-bottom:14px;
}
#main-content .metals-projectmgt {
padding-bottom:220px;
}
#main-content .glass-consulting {

padding:20px 12px 190px 28px;
width:416px;
}
* html #main-content .glass-consulting {
width:415px;
}
#main-content .glass-retrofits {
background-image:url(../images/glassretrofits/larry-retrofit.jpg);
background-repeat:no-repeat;
background-position:bottom right;
padding:20px 12px 13px 28px;
width:416px;
}
* html #main-content .glass-retrofits {
width:415px;
}
#main-content .glass-construction {
background-image:url(../images/glassconstruction/ARCweb_GlassConstructionBG.jpg);
background-repeat:no-repeat;
background-position:bottom right;
padding:20px 12px 220px 28px;
width:416px;
}
* html #main-content .glass-construction {
width:415px;
}
#main-content .about-main {
background-image:url(../images/about/bottom-image.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding:20px 12px 240px 28px;
width:416px;
}
#main-content .glass-saw {
background-image:url(../images/glassthesaw/thesawbg.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding:20px 12px 300px 28px;
width:416px;
}
* html #main-content .glass-saw {
width:415px;
}
#main-content .retrofits {
background-image:url(../images/metals3/ARCweb_MetalsRetrofits.jpg);
background-repeat:no-repeat;
background-position:bottom right;
padding:20px 12px 161px 28px;
width:416px;
}
* html #main-content .retrofits {
width:415px;
}
#main-content .metals-center ul {
margin:0 0 0 15px;
}
#main-content .metals-center h2 {
font-size:15px;
padding:6px 0;
}
#main-content .center h3 {
padding:10px 0;
}
#main-content .center p {
padding:5px 0;
}
#main-content .metals-center p {
padding:8px 4px 8px 0;
z-index:4;
}
#main-content .metals-center ul li {
padding:12px 0;
}
#main-content .right {
float:left;
width:142px;
height:195px;
background-image:url(../images/hot-repairs-bg.jpg);
margin:0;
padding:27px 0 0 30px;
}
#main-content .glass-retrofits-left {
float:left;
width:210px;
}
#main-content .glass-retrofits-left ul li {
padding:12px 0;
}
#main-content .glass-retrofits-right {
float:left;
width:142px;
height:195px;
background-image:url(../images/hot-repairs-bg.jpg);
margin:0 0 0 25px;
padding:27px 0 0 30px;
}
#main-content .right2 {
float:left;
width:152px;
height:282px;
background-image:url(../images/home-env-bg.jpg);
margin:0;
padding:27px 0 0 20px;
background-repeat:no-repeat;
}
#main-content .metals-right {
float:right;
width:144px;
height:100%;

margin:0;
padding:0 6px 0 15px;

}
#main-content .contact-right {
float:right;
width:223px;
height:435px;
border-left:1px #0965ae solid;
margin:0;
padding:30px 6px 0 25px;
background-image:url(../images/contact/globe.jpg);
background-repeat:no-repeat;
background-position:0px 236px;
}
#main-content .contact-right h3 {
font-size:13px;
}
#main-content .contact-right p {
font-size:11px;
padding:0 0 21px 0;
color:#373535;
}
#main-content .contact-right p a {
color:#373535;
text-decoration:underline;
}
#main-content .enviro {
height:auto;
}
#main-content .metals-right h2 {
color:#FFFFFF;
font-size:17.57px;
font-weight:100;
font-family:"Futura", "Trebuchet MS";
margin:0;
padding:0 0 20px 0;
}
#main-content .metals-right ul {
margin:0 0 0 15px;
width:130px;
}
#main-content .metals-right ul li {
color:#FFFFFF;
padding:6px 4px 6px 0;
}
#main-content .metals-right p {
color:#FFFFFF;
font-size:14px;
font-family:"Futura", "Trebuchet MS";
width:140px;
margin:0;
padding:8px 0;
}
#main-content .about-right p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#main-content .right p a, #main-content .glass-retrofits-right p a  {
color:#231f20;
}
#main-content .right h2, #main-content .glass-retrofits-right h2 {
color:#FFFFFF;
font-size:17.57px;
font-weight:100;
font-family:"Futura", "Trebuchet MS";
margin:0;
padding:0 0 20px 0;
}
#main-content .right p, #main-content .glass-retrofits-right p {
color:#231f20;
font-size:14px;
font-family:"Futura", "Trebuchet MS";
width:98px;
margin:0;
padding:8px 0;
}
#main-content .right2 ul {
list-style-image:url(../images/blue_arrow.gif);
margin:0 0 0 16px;
}
#main-content .right2 ul li {
padding:4px 0;
}
#main-content .right2  a {
color:#0364ac;
text-decoration:underline;
}
#main-content .right2 h2 {
color:#FFFFFF;
font-size:17.57px;
font-weight:100;
font-family:"Futura", "Trebuchet MS";
margin:0;
padding:0 0 20px 0;
}
#main-content .right2 p {
color:#231f20;
font-size:14px;
font-family:"Futura", "Trebuchet MS";
width:130px;
margin:0;
padding:8px 0;
}
#main-content .right2 p a {
color:#231f20;
}
#main-content .bold {
font-weight:bold;
} 
#news-box {
background-image:url(../images/news-bg.gif);
width:786px;
height:107px;
background-repeat:no-repeat;
padding:0;
margin:0;
position:relative;
float:left;
}
#newslink2 {
position:absolute;
top:64px;
left:21px;
width:134px;
height:32px;
}
* html #news-box {
position:relative;
top:-6px;
}
#news-box .newstxt {
position:relative;
top:56px;
left:191px;
color:#FFFFFF;
}
#news-box .newstxt p {
padding-right:60px;
}
#newslink {
position:absolute;
left:684px;
top:68px;
}
#footer {
clear:both;
text-align:center;
padding-bottom:30px;
}
#footer ul {
color:#231f20;
padding:12px 0 0px 15px;
width:612px;
text-align:center;
}

#footer ul li {
display:inline;
padding:10px 3px 0 3px;
text-align:center;
}
#footer ul li a {
color:#373535;
text-decoration:underline;
}
#fimg {
position:relative;
top:-8px;
left:24px;
}

#nfib {
float:right;
width:97px;
margin:10px 28px 0 0;
}
#main-content  .font2 {
font-size:15px;
}
#main-content  .ital {
font-style:italic;
}
#main-content label, #main-content textarea, #main-content text  {
display: block;
padding-top:2px;
}
#main-content .ctextbox  {
width:322px;
height:13px;
background-color:#d0d8ed;
border:none;
padding:8px 0;
}
#main-content textarea {
width:322px;
height:100px;
background-color:#d0d8ed;
border:none;
padding:8px 0;
}
#contact-sub {
margin:12px 0 0 232px;
padding-bottom:50px;
}

    .clearfix:after {  
content: ".";  
display: block;  
height: 0;  
clear: both;  
visibility: hidden;  
   }  
.enviro {
padding-bottom:50px;
}
.news-article p {
padding:4px 0;
}

.news-article h3 {
padding:11px 0;
}
.newsnav  {
color:#231f20;
}
.newsselect {
color:#ee3124;
}
.newstxt a {
color:#FFFFFF;
}
.newstxt {
padding:8px 0 0 12px;
width:493px;
}
.errc, #reqfields {
color:#ee3124;
}
#sitemap {
margin:0 0 0 200px;
padding:24px 0 120px 0;
}
#sitemap ul li {
margin:0;
padding:3px; 0;
list-style:none;
}
#sitemap ul li p {
padding:5px 0 0 12px;
}
#rss {
position:relative;
top:5px;
left:0px;
margin:0;
padding:0;
}