body {
    margin: 0;
    padding: 0;
    font: 100%/1.3 calibri, arial, helvetica, sans-serif;
    background: #000;
}
a img {border:0 none}
 
#container {
    width: 897px;
    margin: 0 auto;
    padding:20px 0;
}
#header {
    height: 158px;
    background: url(Banner.gif) no-repeat ;
    overflow:hidden;/*uncollapse child margins*/
}
 
/*===== Begin Nav Bar ======*/
#navbar {
    margin: 20px 0 0;
    padding: 0px;
    list-style: none;
    overflow:hidden;/*contain floats*/
	background:#000;
   }
#navbar li {
    float: left;
}
#navbar a {
    float: left;
    height: 58px;/*group common rules*/
    text-decoration: none;
	text-indent: -5000px;
    /*text-indent: -5000px;*/
}
#navbar #home {
    width: 120px;
    background: url(Home.png) no-repeat 0 0;
}
#navbar #manufacturing {
    width: 154px;    
    background: url(Manufacturing.png) no-repeat 0 0;
}
#navbar #services {
    width: 121px;
    background: url(Services.png) no-repeat 0 0;
}
#navbar #aboutus {
    width: 129px;
    background: url(About-Us.png) no-repeat 0 0;
}
#navbar #contactus {
    width: 132px;
    background: url(ContactUs.png) no-repeat 0 0;
}
#navbar #requestforquote {
    width: 229px;
    background: url(RequestForQuote.png) no-repeat 0 0;
}
#navbar #home:hover,
#navbar #manufacturing:hover,
#navbar #services:hover,
#navbar #aboutus:hover,
#navbar #contactus:hover,
#navbar #requestforquote:hover {
    background-position: 0 -58px;
   
}
 
/*===== Begin Content Divs ======*/
#main-box {
    width: 890px;
    min-height: 367px;
    margin: auto 0;
    background: url(Body1.jpg) no-repeat;
    overflow:hidden;/*contain floats*/
}
    #main-inner {
        float: right;
        width: 435px;
        margin-top:130px;
    }
    #main-inner p {
        margin: 0;
        font: 20px/20px calibri,arial;
        color: #FFF;
        text-indent: 2em;
    }
 
/*===== Begin Left and Right Divs ======*/
#sub-box {
    width:100%;/*IE haslayout/contain floats*/
    overflow:hidden;/*contain floats*/
    margin-top:10px;
    padding: 5px 0 0;
	background:#000;    
}
#left-box {
    float: left;
    height: 261px;
    width: 517px;
    background:url(images/Leftimg.jpg) no-repeat;
}
    #left-inner {
        float: right;
        width: 350px;
        margin-top: 88px;
        
    }
    #left-inner p {
        margin: 0;
        font: 20px/20px calibri,arial;
        color: #FFF;
    }
 
#right-box {
    float:right;
    width:370px;
   
}
    #right-inner {
        float: right;
        background:#000;
    }
    #right-inner img {
		margin-right: 7px;
        display:block;
        width:280px;
        height:261px;
        
    }
 
#border {
    display:table;/*Webkit node fix*/
    width:896px;
    height:362px;/*401px total (img height) with top padding*/
    margin:15px 0 0;
    padding:39px 0 0;/*top padding to push first row of LI down*/
    list-style:none;
    word-spacing:-.25em;/*hide white-space nodes (minimal value for FF)*/
    text-align:center;
	background: url(Borderbottom.png) no-repeat;     
}
#border li {
    display:-moz-inline-box;/* FF2 & under */
    display:inline-block;/* for modern browsers */
    vertical-align:top;
    word-spacing:normal;
    text-align:center;
    margin: 4px 8px;/*4px top/bot margin and 8px lt/rt margins (vertical margins do not collapse)*/    
    font-weight:bold;
}
#border a {
    float: left;
    height: 143px;/*group common rules*/
    text-decoration: none;
	text-indent: -5000px;
    /*text-indent: -5000px;*/
}
#border #precisionmachining {
    width: 248px;
	background:url(Precision-Maching.jpg) no-repeat 0 0;
    
}
#border #precisionsheetmetal {
    width: 248px;
    margin-left: 1px;
	background: url(Precision-Sheet-metal.jpg) no-repeat 0 0;
}
#border #gasket {
    width: 248px;
	background: url(Gasket-die-cutting-.jpg) no-repeat 0 0;
}
#border #assembly {
	background:url(Assembly-&-turn-key.jpg) no-repeat 0 0;
    width: 248px;    
}
#border #engineering {
	background:url(Engineering.jpg) no-repeat 0 0; 	
	 width: 248px;  
}
#border #otherservices {
    width: 248px;
	background:url(Quality-Assurance.jpg) no-repeat 0 0;    
}
#border #precisionmachining:hover,
#border #precisionsheetmetal:hover,
#border #gasket:hover,
#border #assembly:hover,
#border #engineering:hover,
#border #otherservices:hover {
    background-position: 0 -143px;
}


#footer {
    width:100%;
    margin-top:20px;    
    text-align:center;
    overflow:hidden;
}
#footer p {
        font: 15px/15px calibri,arial;
        color: #FFF;
        
    }