/*--------------------------------------------------------------------------------------------------------------------------*/
/*Main HTML Elements*/
/*--------------------------------------------------------------------------------------------------------------------------*/
body {
   margin: 0;
   padding: 0;
   text-align: center;
   background: url(http://www.ubemachinery.com/images/bg.gif) repeat-x top left;
}

td {
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}
h1 {
   font: 13px Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
}
img
{
 border:0;
}
/*--------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------*/
/*Specific Classes and DIV IDS*/
/*--------------------------------------------------------------------------------------------------------------------------*/
#highlightText{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   position: relative;
   margin: 0px 0px 0px 0px;
   padding: 2px;
   background: #EEEEEE;
}
#highlightText td{
   font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.medtext {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #000000;
}
.medtext h2 {
   font: 14px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #4096ee;
   text-transform: uppercase;
   font-style: italic;   
}
.medtext h1 {
   font: 15px Verdana, Arial, Helvetica, sans-serif;
   text-align: right;
   color: #4096ee;
   /*color: #cccccc;*/
   text-transform: uppercase;   
}
#tinytext {
   font: 9px Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}
#tagline {
   position: relative;
   margin: 100px 0px 0px 3px;
   padding: 0px 0px 0px 3px;
   top:0px;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #000000;
   text-transform: uppercase;
   font-style: italic;
}
#tdtext {
   position: relative;
   margin: -3px 0px 0px 3px;
   padding: -3px 0px 0px 3px;
   top:-3px;
   width: 250px;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;
}

#middle-interior {
   position: relative;
   margin: 0 0 0 0;
   padding: 0;
   width: 800px;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;
   background: #336666;
   border-bottom: 2px solid #fff;

}
#middle-interior1 {
   position: absolute;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   left: 0px;
   width: 800px;
   height: 89px;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;

}

#middle-interiorbody {
   position: absolute;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   top:89;
   width: 800px;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;
   background: #274F76;
   border-top: 2px solid #fff;

}
#middle-interiorbodytext {
   position: absolute;
   margin: 0px 0px 0px 0px;
   padding: 0px 8px 0px 8px;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;
   background: #274F76;
}

#middle-interiorbodytext td{
   font: 13px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;
   background: #274F76;
}

#middle-interiorbodytext a{
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;
}

#middle-interiorbodytext  a:link, #middle-interiorbodytext  a:active, #middle-interiorbodytext  a:visited {
   color: #ffffff;
   text-align: center;
}

#middle-interiorbodytext  a:hover {
   margin: 0;
   text-decoration: none;
   color: #cccccc;

}

#middle-main {
   position: relative;
   margin: 0 auto;
   padding: 0;
   width: 800px;
   height: 282px;
}
#middle-mainleft {
   position: absolute;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   left: 0px;
   width: 371px;
   height: 282px;
}
#middle-mainright {
   position: absolute;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   top: -1px;
   left: 370px;
   width: 429px;
   height: 282px;

}
#bottom {
   position: relative;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 800px;
   height: 250px;
}
#middletext {
   position: relative;
   margin: 0px 0px 0px -12px;
   padding: 0px 0px 0px -12px;
   left:-15px;
   width: 320px;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #ffffff;
}

/*Nav on top of page*/
#nav-main {
   position: relative;
   margin: 0 auto;
   padding: 0;
   width: 774px;
   height: 34px;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #ffffff;
}
#nav-main ul {
   margin: 0px;
   padding: 0px 0px 0px 0px;
}

#nav-main li {
   float: left;
   padding: 0 2 0 2;
   list-style-type: none;
   color: #ffffff;
   text-align: right;
   margin: 10px 4px 0 4px;
   text-transform: uppercase;
   font-style: italic;
}

#nav-main a {
   margin: 0 2px 0 2px;
   display: block;
   text-decoration: none;
   color: #ffffff;
}

#nav-main a:link, #navBar a:active, #navBar a:visited {
   color: #ffffff;
   text-align: center;
}

#nav-main a:hover {
   margin: 0;
   margin: 0 2px 0 2px;
   text-decoration: none;
   color: #cccccc;
   border-bottom: 1px solid #cccccc;   
}
/*Nav on bottom of page*/
#nav-footer {
   position: relative;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #ffffff;
   height: 26px;
}
#nav-footer ul {
   margin: 15px 0px 0px 100px;
   padding: 0px 0px 0px 0px;
}

#nav-footer li {
   float: left;
   padding: 0 2 0 2;
   list-style-type: none;
   color: #ffffff;
   text-align: right;
   margin: 10px 4px 0 4px;
   text-transform: uppercase;
   font-style: italic;
}

#nav-footer a {
   margin: 0 2px 0 2px;
   display: block;
   text-decoration: none;
   color: #ffffff;
}

#nav-footer a:link, #nav-footer a:active, #nav-footer a:visited {
   color: #ffffff;
   text-align: center;
}

#nav-footer a:hover {
   margin: 0;
   margin: 0 2px 0 2px;
   text-decoration: none;
   color: #cccccc;
}
/*Nav for Submenus*/
#nav-sub {
   position: relative;
   margin: 0 auto;
   padding: 4;
   width: 220px;
   height: 34px;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #fffff;
   line-height: 20px;
   font-weight: ;
}
.nav-table {
   border-color:#274F76;
   border-style: dotted;
   border-width: 1px;
}
#nav-sub ul {
   margin: 0px;
   padding: 0px 0px 0px 0px;
}

#nav-sub li {
   padding: 0 2 0 2;
   list-style-type: none;
   color: #ffffff;
   text-align: left;
   text-transform: uppercase;
   font-style: italic;
}

#nav-sub a {
   margin: 0 2px 0 2px;
   text-decoration: none;
   color: black;
}

#nav-sub a:link, #navBar a:active, #navBar a:visited {
   color: black;
   text-align: center;
}

#nav-sub a:hover {
   margin: 0;
   margin: 0 2px 0 2px;
   text-decoration: none;
   color: #274F76;
   border-bottom: 1px solid #cccccc;   
}
/*Learn more link*/
#nav-learnmore {
   position: relative;
   margin: 0px 0px 0px 60px;
   padding: 0px 0px 0px 0px;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #000000;
   width:300px;
    text-transform: uppercase;
    font-style: italic;
   
}

#nav-learnmore a {
   margin: 0 2px 0 2px;
   text-decoration: none;
   color: #000000;
}

#nav-learnmore a:link, #nav-learnmore a:active, #nav-learnmore a:visited {
   color: #000000;
   text-align: center;
}

#nav-learnmore a:hover {
   margin: 0;
   margin: 0 2px 0 2px;
   text-decoration: none;
   color: #666666;
}
/*Side Nav Bar*/
#navBar {
   margin: 2px 0 0 5px;
   padding: 0px 0px 0px 0px;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
   text-align: left;
}
#navBar td {
   text-align: left;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   height: 16px;
   padding: 2px 2px 2px 2px;
   background: #CC6600;
   text-decoration: none;
   width: 210px;
   color: #ffffff;

}
#navBar a {
   text-decoration: none;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
}

#navBar a:hover {
   color: #cccccc;
   border-bottom: 2px solid #cccccc;
   font-color: #999999;
   text-decoration: bold;
}

#navBar a:link, #navBar a:active, #navBar a:visited {
   text-align: left;
}

#unactive {
   color: #333;
   padding: 2px 0 2px 0;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   background-color: #f1f1f1;
   margin: 0;
}

/*Footer*/
#footer {
   position: relative;
   margin: 20px 10px 0 10px;
   padding: 4px;
   border-top: 1px solid #666;
   background-color: #C2D6AD;
   font: normal 10px verdana, sans-serif;
   text-align: right;
}

#footer a {
   text-decoration: none;
   border-bottom: 1px dashed #333;
   color: #333;
}

#footer a:hover {
   color: #900;
   border-bottom: 1px solid #900;
}

.postimg, img.border {
    border : 2px solid #cccccc;
}
/*--------------------------------------------------------------------------------------------------------------------------*/

