/* CSS by M.Venu Gopala Chary, venumchary@yahoo.com, visit: http://www.awesomeflashsites.com  date:Aug 07 2008 */





body{

	background-attachment: scroll;

	background-image: url(images/bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	margin:0px;

	background-color: #0d5da2;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	font-size:small;

	}



#maincontainer{

	position: relative;

	width:776px;

	height:auto;

	min-height:100%;

	margin-left:auto;

	margin-right:auto;	

	

	

	}

	

	















#container{

	position: relative;

	width:776px;

	height:auto;

	min-height:100%;

	margin-left:auto;

	margin-right:auto;

	top:52px;

	left:-1px;

	background-color:#FFFFFF;

	

	}

	

	

	







#footer{
position:relative;
	background-attachment: scroll;

	background-image: url(images/footerbg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	width:100%;

	height:60px;

	color:#FFFFFF;

	font-size:0.9em;		

}

#footer, a: visited{

	

	color:#FFFFFF;

		

}





#footerinner1{
	position:absolute

	left:10px;

	width:40%;

	height:20px;

	text-align:center;

	font-size:0.8em;

	color:#FFFFFF;

	float:left;

	top:0px;	

	padding-top:5px;	

	

	

}





#footerinner1 a:visited {

	color: #FFFFFF;

	text-decoration: none;

}





#footerinner1 a:hover {

	color: #FF9900;

	text-decoration: none;

}





#footerinner2{
	position:absolute;

	width:50%;

	height:20px;
	
	top:4px;
	
	left:360px;

	text-align:center;

	font-size:0.8em;	

	color:#FFFFFF;

	float:left;

	padding-top:5px;

	

}









    #tabs {	

	font-weight: bold;

	height: 36px;

	width: 100%;

	top:50px;

	position:relative;	

	font-size:12px;

	line-height:normal;

	font-family: "Times New Roman", Times, serif;


	

	      }

	  

	  

	  

    #tabs ul {

	margin:0;

	padding:10px 10px 0 10px;

	list-style:none;

      }

    #tabs li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabs a {

	float:left;

	margin:0;

	padding:0 0 0 4px;

	text-decoration:none;

	background-image: url(images/tableft.gif);

	background-repeat: no-repeat;

	background-position: left top;

      }

    #tabs a span {

	float:left;

	display:block;

	padding:5px 15px 4px 6px;

	color:#F86A00;

	background-image: url(images/tabright.gif);

	background-repeat: no-repeat;

	background-position: right top;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabs a span {float:none;}

    /* End IE5-Mac hack */

    #tabs a:hover span {

      color:#000000;

      }

    #tabs a:hover {

      background-position:0% -42px;

      }

	  #tabs a:visited{

     color:#FF6600;

      }

	  

    #tabs a:hover span {

      background-position:100% -42px;

      }

	  

	  

#imgcontainer{

	height: 185px;

	width: 776px;

	position:relative;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	top:5px;

	margin-bottom:10px;

	

	

	}

#logo{

	height: 125px;

	width: 426px;

	position:relative;

	background-attachment: scroll;

	background-image: url

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	left:10px;

	background-image: url(images/logo.jpg);

	background-repeat: no-repeat;	

	top:20px;

}

#img{

	height: 162px;

	width: 331px;

	float:left;

	position:relative;

	left:13px;

	top:9px;



	

	}

p{text-align: justify;}

	

h3{

	color: #E36C0A;

	font-size: 1em;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin:0px;
	font-family:"Times New Roman", Times, serif;

}	

	

h4{

	color: #BF7300;

	font-size: 1.1em;

	margin:0px;

	font-weight: bold;	

}		

	

	

	

	

	

	

	

#clear{clear:both

	

}

	













.menu {

	z-index:1000;

	font-family: "Times New Roman", Times, serif;

	font-size:12px;

	height:350px;

	margin-left: 10px;

	font-weight: bold;

	position:relative;

	color:#999999;

	float:left;

	top:15px;

	

	}



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

padding:0;

margin:0;

list-style-type:none;

width:220px;

height:182px;

position:relative;

background-color:#FFFFFF;



}



.menu li {

border:1px solid #999;

height:30px;

margin:5px;

padding-left:30px;



}









* html .menu li {margin-left:-16px; margin-lef\t:0;}





/* get rid of the table */



.menu table {

position:absolute; 

top:0;

left:0; 

z-index:100; 

font-size:1em; 

width:0; height:0;

color:none;

}







/* style the links */

.menu a, .menu a:visited {

	display:block;

	text-decoration:none;

	height:30px;

	line-height:30px;

	color:#000000;

	text-indent:5px;



	

}

/* style the link hover */

* html .menu a:hover {color:#ffffff; background:#ccc;}



.menu :hover > a {

color:#ffffff; 

background:#ccc;



}



/* hide the sub levels and give them a positon absolute so that they take up no room */



.menu ul ul {

visibility:hidden;

position:absolute;

top:165px;

left:180px;

}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul {

visibility:visible;

height:150px;

}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{

visibility:hidden;

}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{

visibility:hidden;

}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ 

visibility:visible;

height:230px;

}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul { 

visibility:visible;

height:230px;

}





.menu li.vison{

	

	height:30px;

	background-image: url(images/vison.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}



.menu li.mission{



	height:30px;

	background-image: url(images/mission.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}





.menu li.commitment{

	

	height:30px;

	background-image: url(images/commitment.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}





.menu li.people{

	

	height:30px;

	background-image: url(images/ourpeople.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}

.menu li.products{

	

	height:30px;

	background-image: url(images/products-01.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}



.menu li.civil{

	

	height:30px;

	background-image: url(images/civil.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}



.menu li.elec{

	

	height:30px;

	background-image: url(images/elec.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}



.menu li.industry{



	height:30px;

	background-image: url(images/indus.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	

	

}



.menu li.tele{



	height:30px;

	background-image: url(images/tele.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;	

}

#contentcontainer{

	font-size:15px;

	width: 500px;

	position:relative;

	float:none;

	left:15px;

	background-attachment: scroll;

	background-image: url(images/logo_bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	float:left;

	margin-top:10px;

	margin-bottom:10px;

	font-family:"Times New Roman", Times, serif;
	
	color:#000000;
	
	line-height:26px;

}

#contentcontainer1{

	font-size:15px;

	width: 700px;

	position:relative;

	float:none;

	left:35px;

	background-attachment: scroll;

	background-image: url(images/logo_bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	float:left;

	margin-top:10px;

	margin-bottom:10px;

	font-family:"Times New Roman", Times, serif;
	
	color:#000000;
	
	line-height:26px;

}



#services{

	background-attachment: scroll;

	background-image: url(images/services.gif);

	background-repeat: no-repeat;

	background-position: center top;

	width:249px;

	height:200px;

	position:relative;

	float:left;

	

	

}



#servicescontent{

	width:200px;

	height:150px;

	padding:10px;

	line-height: 18px;

	

}









#products{

	background-attachment: scroll;

	background-image: url(images/products.gif);

	background-repeat: no-repeat;

	background-position: center top;

	width:249px;

	height:200px;

	position:relative;

	float:left;

	left:10px;

	

	

}



#productscontent{

	width:200px;

	height:200px;

	padding:10px;

	line-height: 18px;

}

hr{

	border: 0.1px solid #E4E4E4;

}







li{

	list-style-type: none;

	line-height: 18px;

}



#toplinks{

	position:absolute;

	font-size:60%;

	color: #FFFFFF;

	right:20px;

	top:40px;

	font-size:10px;

	left: 525px;



		

}

#timedate{

	position:absolute;

	font-size:60%;

	color: #FFFFFF;

	right:20px;
	
	width:40%;

	top:65px;

	font-size:10px;

	left: 540px;



		

}

 

#toplinks a{

color: #FFFFFF;

	text-decoration: none;

		

}



#toplinks a:visited {

	color: #FFFFFF;

	text-decoration: none;

}



#toplinks a:hover {

	color: #FF9900;

	text-decoration: none;

}







/*form*/

label{

float: left;

width: 120px;

font-weight: bold;

}



input, textarea{

width: 180px;

margin-bottom: 5px;

}



textarea{

width: 250px;

height: 150px;

}



.boxes{

width: 1em;

}



#submitbutton{

margin-left: 120px;

margin-top: 5px;

width: 90px;

}



br{

clear: left;

}



td{

	padding:5px;

	border-right-width: 1px;	

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #66CCFF;

	border-bottom-color: #66CCFF;

	border-left-color: #66CCFF;

	

}	





	

	

th{

padding-left:10px;



background-color:#66CCFF;}





a:link {



	text-decoration: none;

}







a:visited {

	color: #FFFFFF;

	text-decoration: none;

}



a:hover {

	color: #FF9900;

	text-decoration: none;

}











#sitemap a:link {
	color: #000000;
	text-decoration: none;
}

#sitemap a:visited {
	color: #000000;
	text-decoration: none;
}
#sitemap a:hover{
	color: #000000;
	text-decoration: none;
}
p{
	line-height: 18px;
}

#sd_logo{
	width:200px;
	float:left;
}

#sd_rt_txt{
	width:270px;
	float:right;
	padding-left:25px;
}


a.midnav:link,a.midnav:visited,a.midnav:active{
	color: #BF7300;

	font-size: 1.1em;

	margin:0px;

	font-weight:normal;
	
	text-decoration:none;
}
a.midnav:hover{
	text-decoration:none;
}


a.mailto:link,a.mailto:visited,a.mailto:active{
	color:#006699;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;

	margin:0px;

	font-weight:normal;
	
	text-decoration:underline;
}
a.mailto:hover{
	text-decoration:none;
}

.gold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFCC00;
}

.main6{font-size: 11px;color:#ffffff;font-family: "Verdana";letter-spacing: 0px;font-weight: normal;}
.main6 A:link{color: #ffffff;text-decoration: none;}
.main6 A:visited{color: #ffffff;text-decoration: none;}
.main6 A:active{color: #ffffff;text-decoration: none;}
.main6 A:hover{color:#FFCC00;text-decoration: none;}

.tablenone{
}