@charset "utf-8";
/* CSS Document */
body {
		background:url(images/balaji-engineers-background.gif);
		font: normal 0.8em Tahoma, Verdana, Arial;
		margin:0;
		padding:0;
     }

#agnisdesigners {
	 margin:0 auto;
	 width:914px;
	 height:20px;
	 text-align:right;
	}
a.agnis-designers{
	font: normal x-small Verdana, Geneva, sans-serif;
	color:#FC0;
	text-decoration:none;
	}
	
a.agnis-designers:hover{
	color:#FFF;	
	}
	 
.customers_left{
		background:url(images/left-center.gif) repeat-y;
		font: normal 1em Arial, Helvetica, sans-serif;
		margin:0px;
		padding : 0px 10px 2px 10px;
		text-align:left;
     }
.content{
		background:url(images/right-center.gif) repeat-y;
		font: normal 1em Verdana, Geneva, sans-serif;
		margin:0px;
		padding : 0px 10px 2px 10px;
		text-align:left;
     }
.product-list
	{
		background:url(images/products-list.gif) no-repeat;
		width:241px;
		height:291px;
		margin:0;
		padding:0;
	}
	
.product-list h2{
		text-align:center;
		font:bold 1.4em Arial, Helvetica, sans-serif;
		color:#FFF;
	}
	
	
.valua-customers{
		background:url(images/our-valuable-customer.gif) no-repeat;
		width:241px;
		height:44px;
		text-align:center;
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#FFF;
		padding-left:15px;
	}
.page-title{
		 background:url(images/page-title.gif) no-repeat;
		 width:673px;
		 height:44px;
		 text-align:left;
		 font:bold 14px Arial, Helvetica, sans-serif;
		 color:#FFF;
		 padding-left:48px;
}
.contact{
		background:url(images/contact_us.gif) repeat-y ;
		padding:2px 2px 2px 2px;
	}
.contact td{
		 color:#900;
		 font: bold 14px Verdana, Geneva, sans-serif; 
	}
.clearall{
	clear:both;
	}
/*..................main menu starts.......................*/

.menu {
		 background:url(images/menu-bg1.gif) repeat-x;
		 margin:0;
		 padding:0;
		 width:100%;
		 display:inline-block;
		 height:38px;
		 font: bold 13px Verdana, Geneva, sans-serif; 
	}
.menu ul{
		 float: left;
		 margin: 0;
		 padding:0;
		 display:inline-block;
			}
.menu li {
		 float: left;
		 margin: 0;
		 padding:0;
		 display:inline-block;
			}
.menu li a {
		 text-decoration: none;
		 display: inline-block;
		 padding: 1px 20px;
		 color: white;
		 line-height:38px;
		 margin:0;
			}
.menu li a:hover {
		 background:url(images/menu-hover1.gif) repeat-x;
		 color: white;
			}
.menu:after{ /*Add margin between menu and rest of content in Firefox*/
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
}
			

/*..................main menu end.......................*/

/*..................product list menu starts.......................*/
.slidedoormenu{
		list-style-type: none;
		margin: 0;
		padding:9px;
		width: 200px; /* width of menu (don't forget to add border with below!) */
}

.slidedoormenu li{
		padding-left:3px;
}

.slidedoormenu li a{
		font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
		display: block;
		color: black;
		width:200px;
		border-bottom: 1px solid #333; /* White border beneath each menu item link, to add depth */
		padding: 7px 0px; /* Vertical (top/bottom) padding for each menu link */
		padding-left:20px;
		text-align:left;
		text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
		color: black;
}

.slidedoormenu li a:hover{
		display:inline-block;
		color: #900;
		background:#F93;
		width:200px;
}
<!--[if IE]>
.slidedoormenu li a{ /* Menu link width value for IE */
		width: 100%;
}
/*..................product list menu end.......................*/
/*..................heading starts.......................*/
.heading1 {
		color:#900;
		padding:4px 2px 2px 2px;
		font: bold 14px Tahoma, Arial, Verdana;
		letter-spacing:1px;
		margin:0px;
		text-align:left:
}
.heading2 {
		color:#903;
		padding:4px 2px 2px 2px;
		font: bold 17px Tahoma, Arial, Verdana;
		letter-spacing:1px;
		margin:0px;
		text-align:left:
}
.heading3{
		margin:0px auto;
		padding:5px;
		background:url(images/1398.png);
		font:20px bold Tahoma, Geneva, sans-serif;
		color:#FFF;
		margin:0px;
		text-align:center;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
/*..................heading end.......................*/
/*..................footer menu starts.......................*/
.footermenu{
		font-weight: bold;
		font-size: 90%;
		width: 100%;
}

.footermenu ul{
		padding: 7px 0;
		margin: 0;
		text-align: center; /*set value to "left", "center", or "right"*/
		overflow: hidden;
		font-size:13px;
}

.footermenu ul li{
		display: inline;
}

.footermenu ul li a{
		color: #494949;
		padding: 6px 12px 6px 6px;
		margin: 0;
		text-decoration: none;
}

.footermenu ul li a:hover{
		color: black;
}
.footer{
		background:#e3e6e3;
}
/*..................footer menu end.......................*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 90%; /*width of menu*/
margin:0 auto;
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px dotted #333;
}

.markermenu ul li a{
background: #FFC url(images/arrow.png) no-repeat 2px center;
font: normal 1.2em  Tahoma, Geneva, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 5px 0;
padding-left: 25px;
text-decoration: none;
border-bottom: 1px dotted #333;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 90%;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: black;
background-color: #FCC;
background-image:url(images/arrow.png); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */



.products-arrow{
	
	}
.products-arrow ul{
	list-style:url(images/check.png);
	border:0px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 25px;
}
.products-arrow li{
	padding:3px;
	margin:5px;
	border:1px dotted #696;
	border-width:0px 0px 1px 0px;
}
.products-gallery {
	margin : auto;
	text-align : center;
	padding : 0;
}
.products-gallery div {
	display : inline-block;
	width : 12em;
	margin : 0 1em 0 0;
	padding : 0.5em;
	vertical-align : top;
	float:left;
}
.products-gallery div.last {
	margin : 0;
}
.products-gallery div p {
	width : 11em;
}
.products-gallery img {
	border : 2px solid;
	border-color : #C60;
}