body {background:url("../design/bg.gif") 0 0 repeat-x; 
font:0.8em/1.5 "arial", sans-serif;
}


h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {
	margin:11px 0;
	}
a{
	text-decoration:none;
	color:#000000;
}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/*ul.ul-01 {margin:1px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../design/ul-01.gif") 0 50% no-repeat; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}*/

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:90px; padding:10px 20px 15px 10px;}

        #logo {margin:0;
		
		
		}
    
        #nav {position:absolute; top:40px; right:7px; margin:0;}
		#nav a{
		color:#999999;
		}
        #nav span {margin:0 8px;color:#DDD;}
        #nav #nav-active {font-weight:bold; text-decoration:none;color:#090;}
		
	

    
    #tray {
	position:relative; width:960px; height:45px; font:bold 90%/1 "tahoma",sans-serif; z-index:2;
	margin:0;
	
	}
	#IBmenus {

margin:0px;
/*left:10.2%;*/
top:80px;
position:absolute;
width:960px;
z-index:1000;

}

#banner{
margin: 0;
padding:0;
/*margin-top:50px;*/
/*padding-top:23px;*/
padding-top:4px;
margin-top:-2px;
}
   

    #footer {clear:both; padding:10px 20px 5px 20px; font-size:85%; background:url(../design/footerbg.gif) repeat-x; height:20px}
    #footer p {margin:0;
	text-align:center;
	}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:12px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:12px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:0px 10px 0px 10px; background:url("../design/col.gif") 0 0 repeat-y;}

    #col-browser {position:relative; float:left; width:280px; height:215px;}
    #col-browser img {position:absolute; top:28px; left:10px;}

    #col-text {float:right; width:600px; padding-top:15px; line-height:1.7;}

        #slogan {position:relative; width:460px; height:33px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; }
        #btns {margin-top:10px; margin-bottom:0;}
/*testimonials and clients*/


/*contents box */
#contents-top {width:960px; height:5px; margin-top:3px; background: url("../design/contents-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#contents-bottom {width:960px; height:5px; margin-bottom:5px; background:url("../design/contents-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;  }
#contentsbox {background:url("../design/contentsbox.gif") 0 0 repeat-y; margin:0; padding:10px; 


}
#contentsbox h1
{

font-weight:normal;
color:#66CC66;
font-family:"Arial Narrow";
margin-top:-2px;
}
#contentsbox h2
{
font-size:16px;
color:#0066FF;
margin-top:-2px;
}
.text{

margin:0;
padding:0;
padding-left:16px;
background:url(../images/bullet.gif) no-repeat 0% 10%;
margin-left:8px;


}
.myimg1
{
float:left;
width:410px;
height:380px;
margin:0;
padding:0;

text-align:justify;

}
.myimg2
{
width:410px;
height:380px;
margin:0;
padding:0;
float:right;
position:relative;
top:0px;
right:0px;
}
.myimg1last
{
float:left;
width:410px;
height:250px;
margin:0;
padding:0;
float:left;
text-align:justify;
margin-left:8px;
}
.myimg2last
{
width:410px;
height:250px;
margin:0;
padding:0;
float:right;
position:relative;
top:0px;
right:0px;
}

#contentsbox .productstext{

float:left;
margin:0;
padding:0;
width:450px;
text-align:justify;
}
#contentsbox .sackinfo{

float:left;
margin:0 auto;
padding:0;
width:95%;
text-align:justify;
}
#contentsbox .productstext1{

padding:0;

text-align:justify;

margin-top:284px;


}
#contentsbox #productsimages1{
float:right;
width:430px;
padding:0;
position:relative;

margin:0;

}
#contentsbox .productsimages2{
float:right;
width:400px;
padding:0;
margin-right:8px;
margin-top:23px;
}
#contentsbox .collegeautomation{
padding:0;
float:right;
margin:0;

width:450px;

}
/*end contents box */
/*products */
.producttext1{
width:530px;
height:145px;

float:left;
margin:0;
padding:0;
text-align:justify;
margin-bottom:12px;
}
.productimage1
{
width:300px;
height:145px;
margin:0;
padding:0;
float:right;
position:relative;
top:0px;
right:0px;


}
.productimage2
{
width:80%;
height:380px;
margin:0;
padding:0;
float:left;
position:relative;
top:0px;
right:0px;
}
.allproducts{
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
.allproducts1{
	
width:30%;
float:left;
margin:0;
padding:12px 26px 12px 0px;
height:200px;

}


.allproducts1 p{
	
width:98%;
}
.allproducts2{
	
width:30%;
padding:12px 26px 12px 0px;

float:left;
margin:0;

height:200px;

}
.allproducts2 p{
	
width:100%;
}
.allproducts3{
padding:12px 12px 12px 0px;
	
width:30%;

float:left;
margin:0;
height:200px;

}
.allproducts3 p{
	
width:100%;

}

.ibfeedback{
	
width:30%;
float:left;
margin:0;
padding:42px 26px 12px 0px;
height:200px;

}


.underlineallproducts{
	background:url(../images/underlineproducts.gif) repeat-x;
	height:10px;
	margin:0;
	padding:0;
	float:left;
	width:100%;

}
/*end products*/



#cols2-top {width:960px; height:5px; margin-top:3px; background:url("../design/testiclient-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:5px; background:url("../design/testiclient-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../design/testiclient-middle.gif") 0 0 repeat-y;}

    #cols2 #welcome {
	float:left; width:600px; padding:10px;
	
	}
	
	#cols2 #welcome .title {background:url("../design/dot.gif") 0 50% repeat-x;}
        #cols2 #welcome .title h4 {display:inline; padding-right:10px;}
        #cols2 #welcome .title span {padding-left:10px;}



	#cols2 #col-left2 {float:left; width:235px; padding:20px; 
	}
	 #cols2 #col-left2 .title 
	 {
	 background:url("../design/dot.gif") 0 50% repeat-x;
	 }
        #cols2 #col-left2 .title h4 
		{
		display:inline; padding-right:10px; color:#090;
		}
        #cols2 #col-left2 .title span {padding-left:20px;
		}
    #cols2 #clients {
	/*float:right; 
	width:190px; 
	margin-right:14px; 
	padding:10px;
	margin-top:16px;*/
	float:right; 
	width:225px; 
	
	padding:10px;
	margin-top:-13px;
	margin-right:-2px;
	
	}
	#cols2 #clients .title 
	 {
	 /*background:url("../design/dot.gif")  50% repeat-x;*/
	 }
	 
		
		#clients  h3 {
			margin:0; padding:6px 1px 6px 35px; 
		background: #E7FEEA url("../design/greenbullet.gif") 5px 50% no-repeat; 
		/*background:  url("../design/greenbullet.gif") 5px 50% no-repeat;*/
		font-size:100%;
		}
	
     #cols2 #clients .clientsfade{
		 
		 width:200px;
		 height:110px;
		 padding:0;
		
		 padding:6px;
		 text-align:center;
		
	 }
        #cols2 #col-left h4,#cols2 #col-left2 h4, #cols2 #clients h4 {margin:0; font-size:100%;}
        





        #cols2 .box {margin-top:5px;}
        #cols2 #clients h4 {
			/*background:url("../design/dot-02.gif") 50% repeat-x;*/
			}
        /*#cols2 #clients h4 span {padding-right:10px;}
        #cols2 .clients-img {float:left; width:65px;}
        #cols2 .clients-text {float:right; width:190px;}
        #cols2 .clients-text p {margin:0;}*/





	   

/*shyamal style of bottom products*/
#products-top {width:960px; height:5px; margin-top:15px; 
background:url("../design/products-top1.gif") 0 0 no-repeat; 
font-size:0; line-height:0; overflow:hidden;}
#products-bottom 
{
width:960px; 
height:5px; 
margin-bottom:15px; 
background:url("../design/products-bottom1.gif") 0 0 no-repeat; 
font-size:0; 
line-height:0; 
overflow:hidden;
}


/*position:relative; padding:0px 10px 0px 10px; background:url("../design/col.gif") 0 0 repeat-y;*/
#products-middle{

 background:url("../design/products-middle1.gif") 0 0 repeat-y; 
 }


#products-middle .box {
	/*margin-top:5px;*/

	width:960px;
}
    .col {float:left; width:226px; padding:0px 0px 4px 8px; margin-right:6px;margin-top:-3px;
	
	
	
	}
	
    .col.last {margin-right:0;}
    .col h3 {
		margin:0; padding:6px 1px 6px 35px; 
		background: #E7FEEA url("../design/greenbullet.gif") 5px 50% no-repeat; 
		/*background:  url("../design/greenbullet.gif") 5px 50% no-repeat;*/
		font-size:100%;
		/*border-bottom:1px solid #cccccc;*/
		}

        .col-text {padding:10px; border-top:1px solid #dddddd;}
        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:6px 0px 0px 0px; text-align:right;}


.heading{
	color:#03F;
	font-weight:bold;
	font-size:12px;
}
h4{
	color:#66CC66;
	font-size:16px;
}
#backbtn{
	float:right;
	width:200px;
	height:20px;
	background:#C96;
	margin:0;
	padding:0;
}