html{ height: 100%;  margin-bottom: 1px; }

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:#F3F3F3 url(../images/bg.jpg) repeat-x;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
} 
.clear { clear:both; display:block; }

#pagewidth{ 
 width:910px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:167px; 
  background: url(../images/body_bg.jpg) repeat-y; 
 width:100%;
} 
#top_bar{
	height:126px;
	width:100%;
	background:url(../images/header.jpg) no-repeat;
	margin-left:11px;
	}
#top_bar #logo {
	padding-left : 15px;
	padding-top: 15px;
	float : left;
	width:148px;
	height:75px;
}
/* Top Navigation */

#nav {
height : 35px;
overflow:hidden;
width : 888px;
font-size : 12px;
font-weight : bold;
margin : 0;
padding-left : 1px;
list-style : none;
background:url(../images/bg_menu.jpg) repeat-x top left;
margin : 0 auto;
text-align : center;
}
#nav li {
float : left;
margin : 0;
padding : 0;
list-style : none;
background : url(../images/nav_divider.jpg) no-repeat top right;
}
#nav a {
float : left;
padding : 11px 27px;
text-decoration : none;
color : #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
#nav a:hover, #nav a.active {
color : #fff;
background-color:#5D2F8A;
height : 15px;
}	

#flash_front{
background:url(../images/main.jpg) no-repeat;
height:214px;
width:910px;
text-align:center;
margin:0px;
padding:0px;
}
#main_front{
background:url(../images/bg_main2.jpg);
height:408px;
width:915px;
}
#front_first{
	float:left;
	padding:20px 0 0 23px;
	width:22%;
	color:#666666;
	line-height:14px;
	font-size:13px;
}
#front_first h2{
color:#6B379A;
font-size:17px;
line-height:17px;
margin:0px;
text-align:center;
padding-top:0px;
}
#front_first p{
margin-top:10px;

}
#front_first span{
color:#CCB2E4;
}
#GPS_home{
margin-top:50px;
text-align:right;
padding-right:5px;
}
#DOC_home{
margin-top:-10px;
text-align:right;
padding-right:5px;
}
#BUS_home{
margin-top:65px;
text-align:right;
padding-right:5px;
}
#ENV_home{
margin-top:65px;
text-align:right;
padding-right:5px;
}

#image_main{
text-align:center;

}
#image_left{
	float:left;
	}

#maincol{

 }
#main_inside{
 background: url(../images/body_bg.jpg) repeat-y; 
 width:100%;
 height:100%;
 min-height:100%;
 height:auto !important; /* for modern browsers */

}
#main_inside h1{
font:bold 24px  Arial, Helvetica, sans-serif;
color:#7C4BAC;
}
#main_inside ul li ul li{

list-style:url(../images/dash.gif);
}
#main_inside ul  ul li{

list-style:url(../images/dash.gif);
}
#main_inside li{
line-height:20px;
}
#body_top{
 background: url(../images/bg_body.jpg) no-repeat; 
 width:100%;
 height:100%;
 min-height:300px;
 padding:15px;
 height:auto !important; /* for modern browsers */

}
#body_middle{
padding-right:30px;
}
#body_bottom{
background:url(../images/bg_body_foot.jpg) no-repeat;
width:100%;
height:33px;
min-height:33px;
vertical-align:bottom;
}
  
#footer{
 height:45px;
 background:url(../images/footer.jpg) no-repeat; 
 clear:both;
 color:#FFFFFF;
 padding:10px 0 0 15px;
 } 
#copyright{
 float:left;
}
#bottom_links{
float:right;
padding-right:10px;
}
#bottom_links a{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
}
#bottom_links a:hover{
color:#ABB0D8;
text-decoration:none;
} 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  







/* Left Panel */
#leftpanel_inside{
width : 245px;
float : left;

padding-right : 5px;
height:100%;
}



/* Left Panel Menu */
#leftnavbox {
margin-top:8px;
width : 238px;
height: 200px;
background:#FFFFFF;
border:1px solid #F2F2F2;
}
#leftpanel_inside #leftnav {
width : 238px;
height: 200px;
font-size : 13px;
color : #114283;
}
#leftpanel_inside #leftnav {
color:#6B379A;
}
#leftpanel_inside #leftnav ul {
list-style : none;
margin : 0;
padding : 0;
}
#leftpanel_inside #leftnav li {
margin : 0;
width : 238px;

}
#leftpanel_inside #leftnav li a {
display : block;
padding : 6px 5px 6px 20px;
border-top : 1px solid #F2F2F2;
width : 208px;
font-weight : bold;
background : url(../images/nav-arrow.gif) no-repeat 5px 9px;
list-style : none;
}
#leftpanel_inside #leftnav li a:link, #leftpanel_inside #leftnav li a:visited {
color : #6B379A;
text-decoration : none;
}
#leftpanel_inside #leftnav li a:hover {
color : #ffffff;
background-color : #6B379A;
background-image : none;
}
#leftpanel_inside #leftnavbox #leftnavbox_title{
height:20px;
padding-top:20px;
padding-bottom:0px;
}
#leftpanel_inside #leftnavbox #leftnavbox_title h3{
text-align:center;
line-height:0px;
vertical-align:center;
}

/* Right Panel */

#right_stretch{
padding-right:30px;
font:Arial, Helvetica, sans-serif;
text-align:left;
float:left;
}
#right_stretch h2{
color:#7C4BAC;
line-height:12px;
font-size:14px;
}
#right_stretch #change_color{
background-color:#F5F5F5;
}

#rightpanel_inside {
width : 600px;
float : left;
padding-left : 8px;
padding-top : 10px;
height:100%;

font-family:Arial, Helvetica, sans-serif;
}
#rightpanel_inside h1{
width:100%;
border-bottom:1px solid #CCCCCC;
}
#subcategory {
width : 600px;
margin-top : 10px;
margin-bottom : 20px;
}
#subcategory .subtitle {
width : 280px;
margin-right : 15px;
float : left;
}
#inner_bullet_1{
margin-left:50px;
}


/* Services  */

#services{
	float:left;
	padding:15px 0 20px 43px;
	width:220px;
	height:270px;
	line-height:14px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	
}
#services h2{
color:#6B379A;
font-size:18px;
line-height:12px;
margin:0px;
text-align:center;
}
#services span{
color:#CCB2E4;
}
#services img{
padding-left:25px;
}
#services2{
	float:right;
	padding:15px 0 20px 43px;
	width:220px;
	height:270px;
	line-height:14px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}
#services2 h2{
color:#6B379A;
font-size:18px;

margin:0px;
text-align:center;
}
#services2 span{
color:#CCB2E4;
}
#services2 img{
padding-left:25px;
}

#GPS_inside{
margin-top:30px;
text-align:right;
padding-right:5px;
width:150px;
text-align:left;
}
#BUS_inside{
margin-top:45px;
text-align:right;
padding-right:5px;
width:150px;
text-align:left;
}
#ENV_inside{
margin-top:60px;
text-align:right;
padding-right:5px;
width:150px;
text-align:left;
}
#DOC_inside{
margin-top:50px;
text-align:right;
padding-right:5px;
width:150px;
text-align:left;
}

/*Products Page*/
.subheading{
color : #6B379A;
text-decoration: none;
font-size:14px;
font-weight:bold;
}