/* --------- Global --------- */
body { min-height: 1000px; color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-image: none; background-repeat: no-repeat; text-align: center; margin: 0; padding: 0; }
img	{border: none;}
p { }
p.intro { margin-top: 0; margin-bottom: 0; }
td { }
a:link { color: #c63; text-decoration: underline; }
a:visited { color: #c63; text-decoration: underline; }
a:hover { color: #c93; text-decoration: underline; }
a:active { color: #c93; text-decoration: underline; }
ol { list-style-type: decimal; margin: 2px 0 20px 40px; }
h1 { margin: 25px 0; }
h2 { font-size: 13px; font-weight: bold; font-style: italic; text-decoration: none; margin: 0 0 12px; }
h3 { font-size: 13px; font-weight: bold;  text-decoration: none; margin: 0 0 12px; }

/* --------- Navigation --------- */
#navcontainer {  }
#navbox { color: #000; font-size: 11px; background: url(../images/steel.gif) no-repeat top left; text-align: left; width: 940px; height: 45px; margin: 15px auto 0 auto; }
#navbox a { text-decoration: none; text-align: center; float: left; padding: 4px 19px 0 19px; display: block; }
#navbox a:link, #navbox a:visited { color: #444; }
#navbox a:hover, #navbox a:active { color: #c63; }

#navbox .new { color: #c63; font-size: 11px; position: relative; top: -5px; left: -1px; }

/* --------- Logo Header --------- */
#logocontainer {  }
#logobox { text-align: center; width: 940px; height: 50px; clear: left; margin: 15px auto 0; }
#logoimg { padding-left: 12px; }

/* --------- Main Content --------- */
#maincontainer {  }
#mainbox { text-align: left; width: 940px; margin-right: auto; margin-left: auto; }
#col1 { text-align: left; width: 280px; float: left; }
#col2 { text-align: left; width: 620px; float: left; }
.col2text { padding-right: 20px; padding-bottom: 5px; padding-left: 2px; }

/* Index Page Diagrams */
#picturebox { text-align: right; margin-top: 25px; margin-right: 15px; }
#aboutbox { position: relative; width: 280px; height: 100px; margin: 140px auto 0; padding: 0; }
#about1, #about2, #about3, #about4, #about5 { background-color: transparent; text-align: left; position: absolute; height: 265px; display: block; visibility: hidden; padding: 20px 5px 0; }
#title1 { background-image: url(../images/title_about.gif); background-repeat: no-repeat; background-position: 0 0; width: 155px; height: 22px; margin-bottom: 5px; }
#title2 { background-image: url(../images/title_about.gif); background-repeat: no-repeat; background-position: 0 -44px; width: 155px; height: 22px; margin-bottom: 5px; }
#title3 { background-image: url(../images/title_about.gif); background-repeat: no-repeat; background-position: 0 -22px; width: 155px; height: 22px; margin-bottom: 5px; }
#title4 { background-image: url(../images/title_about.gif); background-repeat: no-repeat; background-position: 0 -66px; width: 155px; height: 22px; margin-bottom: 5px; }
#title5 { background-image: url(../images/title_about.gif); background-repeat: no-repeat; background-position: 0 -88px; width: 155px; height: 22px; margin-bottom: 5px; }
#glassimg { background-image: url(../images/PictureRail2.jpg);
/* #glassimg { background-image: url  */(../images/glass_shelf.jpg);
background-repeat: no-repeat; text-align: left; position: relative; width: 336px; height: 195px; margin: 40px 0 80px; }
#object1, #object2, #object3, #object4, #object5 { position: absolute; border: 1px #c63; }

/* Service and Projects Page Diagrams */
#serviceimg { background-image: url(../images/servicediagram.gif); background-repeat: no-repeat; text-align: left; position: relative; width: 421px; height: 356px; margin: 10px 0 10px 0; }
#serviceimg2 { background-image: url(../images/servicediagram2.gif); background-repeat: no-repeat; text-align: left; position: relative; width: 421px; height: 356px; margin: 10px 0 10px 0; }
#service1, #service2, #service3, #service4, #service5, #service6 { position: absolute; }
#hilight1, #hilight2, #hilight3, #hilight4, #hilight5, #hilight6 { background-color: transparent; background-image: url(../images/servicehilights2.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; visibility: hidden; display: block; }
#mapimg { background-image: url(../images/atlas.gif); background-repeat: no-repeat; text-align: left; position: relative; width: 483px; height: 256px; margin: 5px 0 10px 0; }
#rlight1, #rlight2, #rlight3, #rlight4 { background-color: transparent; background-image: url(../images/atlashilights.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; visibility: hidden; display: block; }
#region1, #region2, #region3, #region4, #region5, #region6 { position: absolute; }
#region7 { background-color: transparent; position: absolute; }

/* Customer Page and Bio Page special definitions */
.customerlist { width: 249px; float: left; margin-bottom: 15px; }
p.recap { color: #666; font-style: italic; }

/* Biography Page centered text */
.section {margin-left: auto;
    	  margin-right: auto;
          width: 50%;
          text-align: left;
}
.ruralinternet-1 {
        background-image: url(/images/RuralInternet_Picture.jpg);
}

/* --------- Footer --------- */
#footercontainer { }
#footerbox { color: #666; font-size: 9px; text-align: left; width: 940px; height: 21px; clear: left; margin: 15px auto 8px; border-top: 1px solid #ccc; }
#footercopy { text-align: left; width: 500px; float: left; margin: 5px 0 0; padding: 0; }
#footerlink { text-align: right; width: 440px; float: left; margin: 5px 0 0; padding: 0; }
#footerlink a:link, #footerlink a:visited { color: #666; text-decoration: none; }
#footerlink a:hover, #footerlink a:active { color: #c63; text-decoration: none; }