body
{
	font-family:Arial;
	font-size:12px;
	line-height:19px;	
	color:#5D5D5D;
	width:986px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	
}
#page-align
{
float:left;
width:946px;
margin-left:29px;
margin-right:29px;
background-color:#FFFFFF;
}
#align-left
{
float:left;
}
.top-tile
{
background-image:url(../images/top-tile.jpg); background-repeat:repeat-x;
width:986px;
height:15px;
float:left;
}
#top-section
{
float:left;
padding:24px 41px 20px 45px;
height:67px;
width:860px;
}
#logo
{
float:left;
width:430px;
}
#topmenu
{
float:right;
text-align:right;
height:24px;
}

#menu-section
{
width:430px;
float:right;
/*padding-top:14px;*/
height:29px;
}
#main-section
{
width:946px;
float:left;
}
.content
{
margin:35px 0px 50px 0px;
float:left;
width:866px;
background-image:url(../images/content-tile.gif); background-repeat:repeat-y;
}
.col1
{
padding-right:25px;
width:290px;
float:left;
line-height:22px;
text-align:justify;
}
.col2
{
	float:left;
	width:225px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.col3
{
padding-left:26px;
float:left;
width:224px;
}
.bullet
{
background-image:url(../images/bul.jpg); background-repeat:no-repeat;
background-position:8px 13px;
padding: 5px 0 5px 20px;
border-bottom:1px solid #D2D2D2;
}

.bulletdots
{
	border-bottom:1px solid #D2D2D2;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 35px;
}
.bull-no-bdr
{
background-image:url(../images/bullet.gif); background-repeat:no-repeat;
background-position:8px 13px;
padding: 4px 0 4px 20px;
}
.srtip_back
{
	background-image:url(../images/srtip_img.jpg);
	background-repeat:repeat;
	height:32px;
	float:left;
	width:220px;
	padding-left:10px;
	padding-top:10px;
	font-family: "ITC Officina Sans Book";
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#white-bit
{
background-image:url(../images/white-bit.gif); background-repeat:repeat;
height:4px;
float:left;
width:248px;
}
#inn-content
{
margin:0px 40px 0px 40px;
padding:35px 0px 50px 0px;
float:left;  
width:866px;
background-image:url(../images/inn-content-tile.gif); background-repeat:repeat-y;
}
#top-tech-service
{
background-image:url(../images/top-tech-serv.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-sitemap
{
background-image:url(../images/top-sitemap.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-contact
{
background-image:url(../images/top-contact.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-business
{
background-image:url(../images/top-bis.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-tech-soln
{
background-image:url(../images/top-tech-soln.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-production
{
background-image:url(../images/top-prod-sup-serv.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-system-int
{
background-image:url(../images/top-sys-int-serv.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-testing
{
background-image:url(../images/top-test-serv.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-consult
{
background-image:url(../images/top-consult-serv.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}

#top-custom-app
{
background-image:url(../images/top-cust-app-dev.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-careers
{
background-image:url(../images/top-careers.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-about
{
background-image:url(../images/top-about.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}
#top-business-os
{
background-image:url(../images/top-bus-ope-serv.jpg); background-repeat:no-repeat;
padding:49px 0px 0px 80px;
height:100px;
float:left;
width:866px;
}

.topband-text
{
color:#56595A;
font-size:18px;
font-family:Trebuchet MS;
}
.leftmenu
{
	padding:0px 30px 0px 0px;
	float:left;
	width:220px;
	vertical-align: top;
}
#lefthead-bg
{
background-image:url(../images/lefthead-bg.gif); background-repeat:no-repeat;
width:213px;
padding-left:16px;
height:31px;
line-height:31px;
font-size:17px;
font-family:Trebuchet Ms;
font-weight:normal;
color:#F2DFF1;
}

.text
{
width:565px;
padding-left:40px;
float:left;
text-align:justify;
}
.pg-head
{
background-image:url(../images/arr.gif); background-repeat:no-repeat;
background-position:0px 2px;
padding-left:25px;
color:#D93F16;
font-weight:normal;
font-size:21px;
font-family:Trebuchet MS;
}
#width-565
{
width:565px;
padding-top:15px;
padding-bottom:15px;
float:left;
}
.field 
{
		border: 1px solid #999999;
		color: #4A4A4A;
		font-weight:normal; font-size:11px; 
		font-family:Arial;
		height:18px;
		padding-left: 2px;
		PADDING-TOP: 2px;
				
}
.field-list-bg 
{
			
		border :0;
		color: #000000;
		font-weight:normal; font-size:12px; font-family:Arial;
		padding-left:5px; padding-top:2px; padding-bottom:2px;
		background-image:url(../images/list-bg.gif); background-repeat:no-repeat;
		 
		height:27px;
		width:200px;
		float:left;
}
.foot
{
	font-family: Arial;
	font-size:1em;
	color:#3C5153;	
	text-decoration:none;
	padding-top:0px;	
	line-height:1.5em;	
	}

.menu {width:430px; height:29px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:430px; w\idth:430px; height:29px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; height:29px; text-decoration:none; padding:0; font-size:13px; font-family:Arial; color:#444444; font-weight:bold; padding-left:16px; padding-right:16px;
 }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {h\eight:29px; line-height:29px;}
.menu a:hover{ color:#D93F16;}
.menu :hover > a { color:#C10011;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; background-image:none;}
/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:29px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
#menu-selected
{
color:#D93F16; font-weight:bold;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background-image:url(../images/white-bullet.gif); background-repeat:no-repeat;
background-position:8px 12px;
background-color:#D93F16;
line-height:25px;
color:#FFFFFF;
padding-left:18px;
font-size:12px;
font-weight:normal;
height:25px;
border-width: 0 1px 1px 1px;
border-color:#D93F16;
border-style:solid;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { 
line-height:25px;
}

/* style the top level hover */

.menu ul ul a:hover
{
background-color:#E66218;
line-height:25px;
color:#FFFFFF;
padding-left:18px;
height:25px;
border-width: 0 1px 1px 1px;
border-color:#D93F16;
border-style:solid;
}
.menu ul ul :hover > a
{
line-height:25px;
}


/* 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;}

/* position the third level flyout menu */

.ddsmoothmenu{
 width:430px;
 float:right;
 height:29px;
 padding-top:14px;
}
.ddsmoothmenu ul{
z-index:500;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
height:29px;
line-height:29px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
height:29px; line-height:29px; text-decoration:none; font-size:13px; font-family:Arial; color:#444444; font-weight:bold; padding-left:16px;
margin-right:16px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/*.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #444444;
}
*/
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#D93F16;
}

.ddsmoothmenu ul li a:hover{
color:#D93F16;
line-height:29px;
height:29px;
}
* html .ddsmoothmenu ul ul {top:29px;t\op:29px; background-image:none;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background-color:#FFFFFF;
line-height:25px;
height:26px;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
/*width: 140px; width of sub menus*/
padding-left:18px;
margin: 0;
color:#FFFFFF;
padding-left:18px;
font-size:12px;
font-weight:normal;
height:25px;
line-height:25px;
border-width: 0 1px 1px 1px;
border-color:#C10011;
border-style:solid;
background-image:url(../images/white-bullet.gif); background-repeat:no-repeat;
background-position:8px 12px;
background-color:#C10011;

}

.ddsmoothmenu ul li ul li a:hover{
background-color:#F4881B;
line-height:25px;
color:#FFFFFF;
padding-left:18px;
height:25px;
border-width: 0 1px 1px 1px;
border-color:#C9B89F;
border-style:solid;
}

/* position the third level flyout menu */


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: transparent;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.6;
filter:alpha(opacity=60);
 -moz-opacity:0.6;

}