/* ============================================================================================================== */
/* ============================================================================================================== */
/* ============================================================================================================== */

body { background:#ffffff;
margin: 0px;
padding:0px 0px 0px 0px;
}

#main_container{
width:1002px;
height:auto;/* automatic increase */
margin:auto;/* center align */
background: none;
font-size:12px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ============================================================================================================== */
/* ============================================================================================================== */
/* ============================================================================================================== */

#header_container { width:1002px;
                    height:90px;
                    margin:auto; /* automatic center */
		            position: relative;/* start with corner */
                    background-image:url(img2/coname.gif); background-repeat:no-repeat;
} 

#logo { width:227px;
        height:90px;
		margin:auto; 
		position: relative;
		float:left; 
		padding:0px 0px 0px 0px;
		background-image:url(img2/logo2.jpg); background-repeat:no-repeat;
}

#coname { width:565px;
          height:90px;
		  margin:auto; 
		  position: relative;
		  float:left; 
		  padding:0px 0px 0px 0px;
		  background-image:url(img2/coname.jpg); background-repeat:no-repeat;
}

#coname2 { width:210px;
          height:90px;
		  margin:auto; 
		  position: relative;
		  float:left; 
		  padding:0px 0px 0px 0px;
		  background-image:url(img2/coname2.jpg); background-repeat:no-repeat;
}

#coname-bg { width:105px;
             height:90px;
		     margin:auto; 
		     position: relative;
		     float:left; 
		     padding:0px 0px 0px 18px;
		     background-image:url(img2/coname_bg.gif); background-repeat: repeat-x;
}

/* ============================================================================================================== */
/* ============================================================================================================== */
/* ============================================================================================================== */

#button {width:1002px; height:41px; margin:auto; position:relative; float:left;
		 background-image:url(img2/button-bg.jpg); background-repeat: repeat-x; text-align:center;}
		 
#button ul {margin:auto; padding:18px 0px 0px 0px; list-style:none;} /* main container */

#button ul li {width:90px; height:41px;  float:left; text-align:center; 
               font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} /* ul ki property (position)*/ 
			     
#button ul li a {text-decoration:none; font-weight:bold; color:#ffffff; display:block;}/* ====================== */

#button ul li a:hover {text-decoration:none; color:#ffffff; background-color:#b01c2e; padding-top:0px; padding-bottom:0px;}

/* ============================================================================================================== */
/* ============================================================================================================== */
/* ============================================================================================================== */

#body_container {background-color:#ffffff; width:1002px; height:auto;} 

#mask { width:792px; height:232px; 
        margin:auto; position: relative; float:left; background-image:url(photos/mask1.jpg);} 
		
/* ============================================================================================================== */
/* ============================================================================================================== */
/* ============================================================================================================== */
		
#rightpanel_container {width:210px; height:auto; margin:auto; float:right;}

.formheading {height:17px; margin-left:12px; padding:10px 0px 0px 0px;
              font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#022F66;}

#box1 {width:194px; height:242px; margin:auto; padding:0px 0px 0px 0px; background-image:url(img2/form-bg2.gif);
       font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#box2 {width:110px; height:163px; margin:auto; padding:31px 0px 0px 84px; background-image:url(img2/horizontal-button-bg.jpg);
       font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
	   
#box3 {width:194px; height:246px; padding:0px 0px 0px 7px;}

#box4 {width:194px; height:5px; padding:0px 0px 0px 7px;}

/* =========================================Horizontal=========================================================== */
	
#faq  {background-color:#d9d3c3; width:194px; height: 855px; margin:auto; padding:0px 0px 0px 0px;} 
#faq2 {background-color:#d9d3c3; width:194px; height: 1085px; margin:auto; padding:0px 0px 0px 0px;}
#faq3 {background-color:#d9d3c3; width:194px; height: 278px; margin:auto; padding:0px 0px 0px 0px;}
  
#freequoterequest {background-color:#d9d3c3; width:194px; height:565px; margin:auto; padding:0px 0px 0px 0px;}
#aboutus {background-color:#d9d3c3; width:194px; height:490px; margin:auto; padding:0px 0px 0px 0px;}
#aboutus2 {background-color:#d9d3c3; width:194px; height:370px; margin:auto; padding:0px 0px 0px 0px;}
#vppt_advantages {background-color:#d9d3c3; width:194px; height:300px; margin:auto; padding:0px 0px 0px 0px;}
#sitemap {background-color:#d9d3c3; width:194px; height:195px; margin:auto; padding:0px 0px 0px 0px;}

/* =========================================Vertical============================================================= */

#pre_frame {background-color:#d9d3c3; width:194px; height:425px; margin:auto; padding:0px 0px 0px 0px;}
#applications {background-color:#d9d3c3; width:194px; height:410px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_general {background-color:#d9d3c3; width:194px; height:975px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_general2 {background-color:#d9d3c3; width:194px; height:630px; margin:auto; padding:0px 0px 0px 0px;}

#preengineeredbuildings_design {background-color:#d9d3c3; width:194px; height:170px; margin:auto; padding:0px 0px 0px 0px;}
#doorndwindow_frames {background-color:#d9d3c3; width:194px; height:70px; margin:auto; padding:0px 0px 0px 0px;}
#portable_cabins {background-color:#d9d3c3; width:194px; height:190px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_submittals {background-color:#d9d3c3; width:194px; height:150px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_accessories {background-color:#d9d3c3; width:194px; height:424px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_materialspecification {background-color:#d9d3c3; width:194px; height:1015px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_materialspecification2 {background-color:#d9d3c3; width:194px; height:490px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_materialspecification3 {background-color:#d9d3c3; width:194px; height:498px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_materialspecification4 {background-color:#d9d3c3; width:194px; height:850px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_shoppainting {background-color:#d9d3c3; width:194px; height:850px; margin:auto; padding:0px 0px 0px 0px;}
#preengineeredbuildings_structuralsubsystem {background-color:#d9d3c3; width:194px; height:560px; margin:auto; padding:0px 0px 0px 0px;}


#fabrication {background-color:#d9d3c3; width:194px; height:405px; margin:auto; padding:0px 0px 0px 0px;}
#fabrication2 {background-color:#d9d3c3; width:194px; height:525px; margin:auto; padding:0px 0px 0px 0px;}
#erection {background-color:#d9d3c3; width:194px; height:50px; margin:auto; padding:0px 0px 0px 0px;}
#engineering_services {background-color:#d9d3c3; width:194px; height:535px; margin:auto; padding:0px 0px 0px 0px;}
#our_projects {background-color:#d9d3c3; width:194px; height:225px; margin:auto; padding:0px 0px 0px 0px;}
#careerwithus {background-color:#d9d3c3; width:194px; height: 325px; margin:auto; padding:0px 0px 0px 0px;}
#mezzanine_system {background-color:#d9d3c3; width:194px; height: 150px; margin:auto; padding:0px 0px 0px 0px;}
		  
/* ============================================================================================================== */
/* ============================================================================================================== */
/* ============================================================================================================== */  
		  
#home_text_container {background-color:#ffffff; width:792px; height:auto; float:left; padding:0px 0px 0px 0px;}

#text_container {width:792px; height:auto; float:left; background-image:url(img2/text-bg.jpg); background-repeat:repeat-x;}
#text_container2 {width:792px; height:auto; float:left;}
#text_container3 {width:792px; height:auto; float:left; padding:0px 0px 40px 0px;}

#text1 {font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size:11px; color:#333333;
        width: 239px; 
        height:auto; 
        float:left; 
		padding:30px 0px 0px 18px;}
		
#text2 {font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size:11px; color:#333333;
        width: 239px; 
        height:auto; 
        float:left; 
		padding:29px 0px 0px 18px;}
		
#icon1 {background-image:url(img2/icon-1.jpg); 
        width:22px; height:20px;
        float:left; padding:0px 5px 0px 0px; } 
		
#icon2 {background-image:url(img2/icon-2.jpg); 
        width:22px; height:20px;
        float:left; padding:0px 5px 0px 0px; }
		
#icon3 {background-image:url(img2/icon-3.jpg); 
        width:22px; height:20px;
        float:left; padding:0px 5px 0px 0px; }

#title {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; color:#b01c2e;  
padding:5px 0px 0px 0px; }

#readmore {background-image:url(img2/readmore_img.jpg); 
           width:92px; height:19px; 
		   float: right; }

/* ============================================================================================================== */
/* ============================================================================================================== */
/* ============================================================================================================== */  

#footer {width:1000px; height:90px; float:left; 
		 position:relative; background: #01858a url(img2/bottom_bg.jpg) repeat-x;
}

/* ============================================================================================================== */ 

#footertxt{ width:1002px; margin:auto; float:left; padding:inherit;} /* automatic received above width value 500 */
#footertxt ul{margin: 0px; padding:18px 0px 0px 18px; list-style: none;}
#footertxt ul li{ float:left; text-align: center; margin-right: 5px;	 /* automatic down txt & give space in between text & divider */
                  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
#footertxt ul li a { color:#ffffff; text-decoration:none; font-weight:bold; display:block;}/* ====================== */
#footertxt ul li a:hover {color:#ffffff; text-decoration:none; background-color:#b01c2e; padding-top:0px; padding-bottom:0px;}

#footertxt2{ width:1002px; margin:auto; float:left; padding:inherit;} /* automatic received above width value 500 */
#footertxt2 ul{margin: 0px; padding:0px 0px 0px 18px; list-style: none;}
#footertxt2 ul li{ float:left; text-align: center; margin-right: 5px;	/* automatic down txt & give space in between text & divider */
                  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
#footertxt2 ul li a { color:#ffffff; text-decoration:none; font-weight:bold; display:block;}/* ====================== */
#footertxt2 ul li a:hover {color:#ffffff; text-decoration:none; background-color:#b01c2e; padding-top:0px; padding-bottom:0px;}

/* ============================================================================================================== */ 

.inquiry{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color:#ffffff;
}

.inquiry A {
	color:#ffffff; TEXT-DECORATION: none;
}

.inquiry A:hover {
	color:#ffffff; TEXT-DECORATION: underline;
}

/* ============================================================================================================== */ 
			
#copyright {float:left; margin:auto; padding:10px 0px 0px 18px;
            font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
			
/*=============================================================================================================== */

#copyright2 {float:left; margin:auto; padding:10px 0px 0px 18px;
            font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
.hidetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color:#01858a;
}

.hidetxt A {
	color:#01858a; TEXT-DECORATION: none;
}

.hidetxt A:hover {
	color:#01858a; TEXT-DECORATION: underline;
}
/*=============================================================================================================== */
.menu-link{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	text-decoration:none;
	padding-left:28px;
	color:#000000;
	}
a.menu-link:link{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	text-decoration:none;
	padding-left:28px;
	color:#000000;
	}
a.menu-link:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding-left:28px;
	text-decoration:underline;
	color:#000000;
	}