@charset "UTF-8";
/* CSS Document */

		.body {
			margin: 		0;
			padding:		0;
			font-family: 	Arial, Helvetica, sans-serif;
			font-size: 		66%;
			background: 	#2A2FB0;
			/*background: 	#A3DFAE url(pagebg.jpg) repeat-x top center;*/
		}
      .body1 {
			margin: 		0;
			padding:		0;
			font-family: 	sans, Helvetica, sans-serif;
			font-size: 		66%;
		}
		#container {
			position:		relative;
			width:			889px;
			height:        824px
			margin:			auto;
			//position: relative;
			float: center;
			background: transparent url(../Pictures/pagebg.jpg) repeat;
			border: red solid medium;
		}
		#navigation {
			position:		none;
			width:			883px;
			height:			48px;
			border: green solid medium;
		}
		#navigation ul {
			margin:			0;
			padding:		0;
			padding-left:	20px;
			padding-right:	20px;
		}
		#navigation ul li {
			list-style:		none;
			float:			left;
			margin-top:		20px;
			height:			16px;
		}
		#navigation ul li a {
			display:		block;
		}
		#btnHome {
			width:			175px;
			height:			15px;
			text-indent:	0px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.gif) no-repeat 0px -16px;
		}
		#btnHome:hover {
			background-position: 0px 1px;
		}
		#btnAbout {
			width:			140px;
			height:			16px;
			text-indent:	0px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.gif) no-repeat -175px -16px;
		}		
		#btnAbout:hover {
			background-position: -175px 1px;
		}
		#btnEngineering {
			width:			240px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.gif) no-repeat -305px -16px;
		}	
		#btnEngineering:hover {
			background-position: -305px 1px;
		}
		#btnRenewable {
			width:			180px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.gif) no-repeat -545px -16px;
		}	
		#btnRenewable:hover {
			background-position: -545px 1px;
		}
		#btnContact {
			width:			100px;
			height:			16px;
			text-indent:	0px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.gif) no-repeat -725px -16px;
		}				
		#btnContact:hover {
			background-position: -725px 1px;
		}
		#header {
			position:		relative;
			width:			883px;
			height:			78px;
			border: blue solid medium;
		}	
		#header h1 {
			margin:			0;
			padding:		0;
			position:		relative;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		#header form {
			position:		absolute;
			top:			30px;
			right:		26px;
			width:		273px;
		}
		#searchterm {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			text-indent:	5px;
			color:			#555555;
			border:			none;
			/*background:		transparent url(searchterm.gif) no-repeat center left;*/
			width:			242px;
			height:			28px;
			font-size:		1.3em;
		}
		#searchbtn {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			width:			30px;
			height:			28px;
			display:		block;
			float:			right;
			background:		transparent url(searchbtn.gif) no-repeat center left;
			border:			none;
			text-indent:	-10000px;
			text-decoration:none;
			overflow:		hidden;
			
		}
		#accent {
			position:		relative;
			width:			886px;
			height:			252px;
			border: purple solid medium;;
			/*background: 	transparent url(accentbg.png) no-repeat top left;*/
		}	
		#inset {
			width:			316px;
			height:			120px;
			background:		transparent url(../Pictures/insetbg.png) ;
			//position:		absolute;
			//left: 			572px;
			//top: 			103px;
		}
		#inset h2 {
			padding:		0;
			margin:			0;
			margin-top:		13px;
			margin-left:	15px;
			height:			22px;
			background:		transparent url(insetHeadingbg.gif) no-repeat top left;
			text-indent:	-1000px;
			overflow:		hidden;
		}
		#inset p {
			margin:			0;
			padding:		0;
			padding-left:	18px;
			padding-right:	20px;
			text-align:		justify;
			color:			white;
		}
		#inset a.morebtn {
			width:			131px;
			height:			25px;
			position:		absolute;
			left:			90px;
			top:			102px;
			background:		transparent url(insetMoreBtn.gif) no-repeat top left;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
		}
		#content {
			position:		relative;
			width:			886px;
			//border: green solid medium;
			/*background: transparent url(Pictures/inset.png);*/
		}
		#triptych {
			position:		relative;
			width:			886px;
			margin:			auto;
			height:			224px;
			//border: teal double medium;
		}
		.panel {
			width:			171px;
			height:			214px;
			margin:			5;
			float:			left;
			border:  black ridge medium;
		}
		/*						
		#triptych {
			position:		relative;
			width:			858px;
			background:		transparent url(water016.gif) repeat-x top left;			
			margin:			auto;
			height:			335px;
			border: white solid medium;
		}
		. panel {
			width:			286px;
			height:			334px;
			margin:			0;
			float:			left;
		} */
		.panel h2 {
			position:		relative;
			padding:		0;
			margin:			0;
			margin-top:		8px;
			margin-left:	6px;
			margin-bottom:	80px;
			height:			22px;
			text-indent:	0px;
			overflow:		hidden;
		}
		.panel p {
			padding:		11px;
			padding-right:	14px;
			margin:			0;
			text-align:		center;
			padding-bottom:	5px;
		}
		.panel a.morebtn {
			width:			106px;
			height:			20px;
			float:			right;
			margin-top:		-20px;
			margin-right:	20px;
			//background:		transparent url(panelMoreBtn.gif) no-repeat top left;
			text-indent:	0px;
			overflow:		hidden;
			text-decoration:none;
		}
		#engineeringpanel {
			background:		transparent url(panel1bg.png) no-repeat top left;
		}
		#infrastructurepanel {
			background:		transparent url(panel2bg.png) no-repeat top left;
		}
		#renewablepanel {
			background:		transparent url(panel3bg.png) no-repeat top left;
		}
		#engineeringpanel h2 {
			background:		transparent url(headingCapital.gif) no-repeat top left;
		}
		#infrastructurepanel h2 {
			background:		transparent url(headingInfrastructure.gif) no-repeat top left;
		}
		#renewablepanel h2 {
			background:		transparent url(headingRenewable.gif) no-repeat top left;
		}			
		#footer {
			position:		relative;
			width:			883px;
			//background: 	transparent url(footerbg.png) no-repeat bottom left;
			height:			58px;
			border: purple groove medium;
		}
		#metanav {
			position:		absolute;
			bottom:			10px;
			right:			15px;
			border: green dotted medium;
		}
		#metanav li {
			list-style:		none;
			display:		inline;
			padding:		5px;
			padding-top:	1px;
			padding-bottom:	1px;
			border-right: 	1px solid navy;
		}
		#metanav li.last {
			border-right:	none;
		}
		#metanav li a {
			font-size:		1em;
			color:			navy;
			text-decoration:none;
		}
		#metanav li a:hover {
			text-decoration:underline;
		}
		
	.text {
  	 font-family: Verdana, Arial, Helvetica, sans-serif;
  	 font-size: 14px;
  	 line-height: 12pt
  	 color: #243186;
    }
	.text1 {
   	font-family: Tahoma, Arial, Helvetica, sans-serif;
   	font-size: 14px;
   	line-height: 12pt
   	color: #243186;
   	background-color: #CCDB74;
    }
 	h1 {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #222C8C;
	line-height: 24px;
	text-align: center;
	text-decoration: underline;
    }
	 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #2F77F1;
	line-height: 20px;
   text-align: center;
    }
	h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #9C3636;
	line-height: 20px;	
    }
	.td {
 	background-image: url(pictures/bbest.gif);
	color: #000000;
    }
   .Market{
     width:  150px;
     height: 113px;
     margin: 0;
     float: left;     
     }
     #Steel{
     background: transparent url(../Pictures/pict0140.jpg) top left;
     }
     #STransport{
     background: transparent url(../Pictures/pict0146_1.jpg) no-repeat top left;
     }
     #Builtmaterial{
     background: transparent url(../Pictures/pict0139_1.jpg) no-repeat top left;
     }
     #Othersales{
     background: transparent url(../Pictures/pict0145.jpg) no-repeat top left;
     }
     
     #btnSales {
			width:			140px;
			height:			16px;
		}		
		#btnSales:hover {
		Color:  red
		}
		#btnProduct {
			width:			240px;
			height:			16px;
		}	
		#btnProducts:hover {

		}
		#btnServices {
			width:			180px;
			height:			16px;
		}	
		#btnServices:hover {
		font:   bold;
		}
		#btnAvailability {
			width:			100px;
			height:			16px;
		}				
		#btnContact:hover {

		}
		#Steelcompany {
			background: transparent url(../Pictures/Panelbg13.png) no-repeat  top left;
		}
		#Transportco{
		  background: transparent url(../Pictures/Panelbg12.png) no-repeat  top left;
		}