/* <!-- */
    body {
        margin:0;
        padding:0;
        font-size:90%;
		background-color:#000000;
		color:#FFFFFF;

		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;

    }
	a{
		color:#0066CC
	}
	/* header styles */
    #header {
		/*clear:left;
		float:left;
		width:100%;*/
		overflow:hidden;
		
		margin:0 0 0 21px;
		
		/*border-bottom:4px solid #000;*/
    }
	#header p,
	#header h1,
	#header h2 {
		clear:left;
		float:left;
		width:96%;
		margin:0;
		padding:.4em 2% .1em 2%;
	}
	#header ul {
		clear:left;
		float:left;
		width:96%;
		margin:.7em 0 0 2%;
		padding:0;
		list-style:none;
	}
	#header ul li {
		display:inline;
	}
	#header ul li a {
		display:block;
		float:left;
		list-style:none;
		padding:.2em .5em;
		text-decoration:none;
		margin-right:10px;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
	}
	#header ul li a.active {
		font-weight:bold;
		color:#fff;
		background:#000;
		border-top:1px solid #000;
		border-left:1px solid #000;
		border-right:1px solid #000;
	}
	/* column container */
	.colmask {
		clear:both;
		float:left;
		width:100%;				/* width of page */
		overflow:hidden;
		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		/*padding:.5em 0 1em 0;*/
			/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		
		background-color:#000000;
		color:#FFFFFF;
		
	
	}
	.col1
	{
		background:  url(images/innerlogo3.gif) top  right repeat-y;
	}
	/* 3 Column settings */
	.threecol {

		background:#000000;		/* right column background colour */
		
	}
	.threecol .colmid {
		right:25%;				/* width of the right column */
		background:#000000;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;				/* width of the middle column */
		background:#000000;		/* left column background colour */
	}
	.threecol .col1 {
		width:66%;				/* width of center column content (column width minus padding on either side) */
		left:94%;				/* 100% plus left padding of center column */

	}
	.threecol .col2 {
		
		width:18%;				/* Width of left column content (column width minus padding on either side) */
		left:10%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		background-color:#000000;
		color:#FFFFFF;
		padding:50px 0 0 0;
		
		
	}
	.threecol .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:77.5%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
								
	}
	/* Footer styles */
	#footer {
        clear:both;
        /*padding:1em 2%;*/
		
		margin:0 0 0 21px;
		

		/*border-top:1px solid #ccc;*/
    }
    /* --> */

/*--------------------------------------*/




.story {
	padding:0px 10px 0 20px;
	min-height:286px;
	color:#000000;
	background-color:#FFFFFF;
	
}

/************** siteInfo styles ****************/
/************ sectionLinks styles **************/
/************* relatedLinks styles **************/



/**************** advert styles *****************/
/*********scoller*/
#footer1
{
margin: 0 0 0 -120px;
background:#000000;
height:39px;
text-align:center;
font-size:10px;
padding:5px 0;	

}

.body
{
	background:#FFFFFF;width:91%;
}
.font_body
{
	font-family:verdana;
	font-size:11px;
	color:#ffffff;

}
.par
{
	padding-left:50px;
}	
.normal_pad
{
	padding:5px;
}
.body_left
{
	margin-left:0px
}
.body_center
{
	margin:0px auto;
}
.body_right
{
	margin:0 0 0 300px;
}
.text_align_center
{
	text-align:center;
}
.body_heading
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight:bold;
	text-decoration: underline;
}
.body_heading a
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight:bold;
	text-decoration: underline;
}
.font_home_page
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight:bold;
	padding:6px;
}
.image_border
{
	 border:2px ridge #FFFFFF;
}

#company_slogan
{
	font-family:"Century Gothic";
	letter-spacing:2px;
	font-size:18px;
	font-weight:bold;
}

#date_time
{


	padding:20px 10px 2px 620px;
	font-size:14px;
	font-weight:bold;
	
	
}
/********************* end **********************/
/* CSS Document */
#page_name
{
	font-family:sans-serif;
	position:absolute;
	margin:4px 0 0 200px;
 	font-size:28px;
	font-weight:bold;
	
	
}

#body_round_left_top
{

	background:url(images/lt.gif) left top no-repeat;
	height:30px;
	width:30px;
	
}
#body_round_left_bottom
{
	
	background:url(images/lb.gif) bottom left no-repeat;	
	background-position:bottom;
	background-repeat:no-repeat;	
	height:30px;
	width:30px;
	
}
 
div.tbl { display: table; }
div.row { display: table-row; }
div.col { display: table-cell; }   



 a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none
	
}

 a.info:hover{z-index:25; }

 a.info span{
 position:absolute;
 display: none;
font-size:13px;
margin:0 0 0 0;

}

a.info:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	margin:140px 0 0 0;
	color:#FFFFFF;
	width:500px;
 }

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* remove the table styling */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}

.footer_page_name
{
	position:absolute;
	width:2%;
	height:400px;
	margin:-44% 0 0 77%;

}

.aboutus
{
		background:url(images/babout2.gif) right bottom no-repeat;

}
.SCAmain
{
		background:url(images/bscamain2.gif) right bottom no-repeat;
}

.SCAnewtech
{
		background:url(images/bscanew2.gif) right bottom no-repeat;
}
.elecrtical
{
		background:url(images/belectrical2.gif) right bottom no-repeat;

}
.robots
{
		background:url(images/brobots2.gif) right bottom no-repeat;

}

.okal
{
 		background:url(images/bokal2.gif) right bottom no-repeat;

}
.engraving
{
 		background:url(images/bengraving2.gif) right bottom no-repeat;

}
.contactus
{
 		background:url(images/bcontact2.gif) right bottom no-repeat;

}

.sealing
{
 		background:url(images/bsealing2.gif) right bottom no-repeat;

}
.gluing
{
 		background:url(images/bgluing2.gif) right bottom no-repeat;

}
.enquiry
{
 		background:url(images/benquiry2.gif) right bottom no-repeat;

}



.menu2 {
	padding:0 0 0 100px ;
	margin:0 auto; 
}


ul.menu2 {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}
/* float the list so that the items are in a line */
ul.menu2 li {

	display:block;
	float:left;
	width:251px;
	height:31px;
	margin:50px 0 0 0;
 }
ul.menu2 li a
{
	text-decoration:none; 
	color:#ddd;

}
 ul.menu2 ul { display:none; } 

ul.menu2 li:hover ul{ display:table-cell; }

ul.menu2 li ul li
{
	text-align:left;
	position:absolute;
	left:200px;
	width:500px;
 
}








 
div#links1 {
	width:700px;
	margin:0 auto;

	}
div#links1 a {
	display: table-cell;
	padding:0 12px 0 0px;
	  text-decoration:none;
	  color:#FFFFFF;
	  font-weight:bold;
	  font-size:14px;
	  
  }
div#links1 a:hover {
   border-right: 0px double white;
   }

div#links1 a p{
		display: none;
		text-decoration:none;
		color: #AAA; 
		font-size:12px;
		font-weight:500;
}
div#links1 a:hover p {
	
	display: block;
	position: absolute; 
	top: 280px; 
	left: 300px;
	width: 500px;
	padding: 5px; 
	margin: 10px; z-index: 100;
	background: black;
	text-align:left;

 }
 
div#links1 span
{
	position:absolute;
	display:inline ;
	margin:150px 0 0 -170px;
}
p {
	text-align:justify;
}