@charset "UTF-8";


/* png fix - removed div, input, ul, li from below only images will be altered*/
img { behavior: url("iepngfix.htc") }
body  {
	
}
a {
	color: #407F2D;
}
.thrColEls{
	font: 100% "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	background-image: url(images/global/backgnd_01.jpg);
	background-repeat: repeat-x;
	background-color: #1852A0;
	font-size: 12px;
	line-height: 20px;
}
.sub{
	font: 100% "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #333333;
	background-image: url(images/global/sub_backgnd_01.jpg);
	background-repeat: repeat-x;
	background-color: #1852A0;
	font-size: 12px;
	line-height: 20px;
}
.thrColEls #swoosh {
	height: 290px;
	top: 0px;
	background-image: url(images/global/swooshes.png);
	background-repeat: no-repeat;
	background-position: 0px 28px;
	left: 0px;
}
.thrColEls .container {
	width: 820px;
	margin: 0 auto;
	text-align: left;
} 

.menucontainer {
	width: 950px;
	margin: 0 auto;
	text-align: left;
} 
.thrColEls #mainContentOne {
	margin: 20px 0px 0px 0px;
	display: block;
	float: left;
	width: 100%;
} 
.thrColEls #mainContentTwo {
	margin: 10px 0px 0px 0px;
	display: block;
	float: left;
	width: 100%;
}
.thrColEls #mainContentThree {
	margin: 10px 0px 0px 18px;
	display: block;
	float: left;
	width: 800px;
}
.sub .logo{
	display: block;
	float: left;
	padding: 10px 0px 0px;
}


.sub #swoosh {
	height: 150px;
	top: 0px;
	background-image: url(images/global/swooshes-sub.png);
	background-repeat: no-repeat;
	background-position: 0px 28px;
	left: 0px;
}
.sub #container {
	width: 820px;
	margin: 0 auto;
	text-align: left;
} 


.sub #mainContentOne {
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	width: 100%;
	height: 120px;
} 
.sub #mainContentTwo {
	margin: 20px 0px 0px 0px;
	display: block;
	float: left;
	width: 100%;
}
.sub #mainContentThree {
	margin: 10px 0px 0px 18px;
	display: block;
	float: left;
	width: 800px;
}





.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ----------------------------------------------------- TOP NAV */
form{
	padding: 0px;
	margin: 0px;
}

#imageField{
	margin: 2px 0px 0px 10px;
	display: block;
	float: left;
}

#textfield{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	float: left;
}


/* ----------------------------------------------------- TOP NAV */
#navContainer{
	width: 100%;
	height: 28px;
}
.whiteLine{
	border-right: 1px solid white;
	height: 13px;
	margin-top: 5px;
	padding: 5px 0px 0px 0px;
	display: block;
}

.TOP_nav img{
	border: 0px;
}

.TOP_nav {
	width: 100%;
	float: left;
	display: block;
	background-repeat: repeat-x;
	clear: both;
	height: 28px;
	background-image: url(images/nav/nav_back.gif);
}

.TOP_nav ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
}
/* any li element within .nav container */
.TOP_nav div {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 28px;
}

.TOP_nav li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 28px;
}
/* any anchor in a .nav list item element */
.TOP_nav li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	height: 28px;
}
.TOP_nav div a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	height: 28px;
}
/* both mouseovers and the menu item for the active page get the same rollover effect */

.TOP_nav a:visited{
	display: block;
	text-decoration: none;
	width: 100%;
}
/* ----------------------------------------------------- 1 btn */

#one_btn{
	background-image: url(images/nav/capabiliteis_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	float: left;
}
#one_btn:hover{
	background-image: url(images/nav/capabiliteis_btn_over.gif);
}
#one_current{
	background-image: url(../images/nav/banners_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- 2 btn */

#two_btn{
	background-image: url(images/nav/services_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
}
#two_btn:hover{
	background-image: url(images/nav/services_btn_over.gif);
}
#two_current{
	background-image: url(../images/nav/banners_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- 3 btn */

#three_btn{
	background-image: url(images/nav/support_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 52px;
}
#three_btn:hover{
	background-image: url(images/nav/support_btn_over.gif);
}
#three_current{
	background-image: url(../images/nav/banners_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- 4 btn */

#four_btn{
	background-image: url(images/nav/job_opps_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 178px;
}
#four_btn:hover{
	background-image: url(images/nav/job_opps_btn_over.gif);
}
#four_current{
	background-image: url(../images/nav/banners_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- 5 btn */

#five_btn{
	background-image: url(images/nav/ca_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 107px;
	margin-left: 20px;
}
#five_btn:hover{
	background-image: url(images/nav/ca_btn_over.gif);
}
#five_current{
	background-image: url(../images/nav/banners_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- 6 btn */

#six_btn{
	background-image: url(../images/nav/banners_up.gif);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	padding-left: 10px;
	padding-top: 2px;
}
#six_btn:hover{
	background-image: url(../images/nav/banners_over.gif);
}
#six_current{
	background-image: url(../images/nav/banners_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- 7 btn */

#seven_btn{
	background-image: url(images/nav/products_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 76px;
	padding-left: 10px;
	padding-top: 2px;
}
#seven_btn:hover{
	background-image: url(images/nav/products_btn_over.gif);
}
#seven_current{
	background-image: url(../images/nav/banners_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- 8 btn */

#eight_btn{
	background-image: url(images/nav/contact_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 85px;
	padding-left: 10px;
	padding-top: 2px;
}
#eight_btn:hover{
	background-image: url(images/nav/contact_btn_over.gif);
}
#eight_current{
	background-image: url(images/nav/contact_btn_over.gif);
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}
/* ----------------------------------------------------- home */
.mid_btns{
	display: table;
	float: left;
	width: 379px;
	padding: 0px 20px 0px 20px;
}
.right_btns{
	display: block;
	float: left;
	width: 240px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}
.right_btns a{
	color: #1B530E;
	text-decoration: none;
}
.right_btns a:hover{
	color: #19509D;
	text-decoration: none;
}
.logo{
	display: block;
	float: left;
}
.logo img{
	border: 0px;
}

.home_top_Text{
	display: block;
	float: left;
	padding: 10px 10px 0px 10px;
	width: 480px;
}
.home_mid_btn_one{
	float: left;
	border-right: 1px solid #87A8E2;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #666666;
	width: 150px;
	display: block;
	margin-top: 5px;
	font-size: 12px;
}
.home_mid_btn_one:hover{
	color: #19509D;
}
.home_mid_btn_one img{
	border: 0px;
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
/* ----------------------------------------------------- big letters */
.headerone{
	font-weight: bold;
}
.title_two{
	color: #4B8E2F;
	padding-bottom: 5px;
	display: block;
}
.title_three{
	color: #133D91;
	font-size: 16px;
	border-bottom: 1px solid #92bc81;
	padding: 10px 0px 5px px;
	display: block;
}
.title_four{
	color: #133D91;
	font-weight: bold;
}
.title_five{
	color: #4B8E2F;
	font-weight: bold;
}
.title_six{
	color: #133D91;
}
.title_seven{
	color: #133D91;
	font-size: 16px;
	font-weight: bold;
}
/* ----------------------------------------------------- quicklinks */


.quicklinks{
	display: block;
	float: left;
	width: 140px;
}


.quicklinks ul{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	padding: 0px;
}
.quicklinks li{
}
.quicklinks li a{
	color: #CCCCCC;
	text-decoration: none;
	padding: 0px 0px 2px 15px;
	background-image: url(images/global/arrow.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	width: 120px;
	display: block;
	background-position: 0px 5px;
	margin-top: 5px;
}
.quicklinks li a:hover{
	color: #FFFFFF;
	background-color: #4B7D2D;
}
/* ----------------------------------------------------- corners */


.small_corners_top{
	background-image: url(images/global/small_corners_top.gif);
	background-repeat: no-repeat;
	width: 379px;
	height: 12px;
	background-position: bottom;
}
.small_corners_mid{
	background-image: url(images/global/small_corners_mid.gif);
	display: block;
	height: 150px;
	background-repeat: repeat-y;
	width: 379px;
}
.small_corners_bottom{
background-image: url(images/global/small_corners_bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
}
.right_corners_top{
	background-image: url(images/global/right_corners_top.gif);
	background-repeat: no-repeat;
	height: 18px;
	background-position: 0px bottom;
}
.right_corners_mid{
	background-image: url(images/global/right_corners_mid.gif);
	padding: 0px 0px 0px 0px;
	height: 200px;
	background-repeat: repeat-y;
}
.right_corners_bottom{
	background-image: url(images/global/right_corners_bottom.gif);
	background-repeat: no-repeat;
	height: 12px;
}

.sub_corners_top{
	background-image: url(images/global/sub_corners_top.gif);
	background-repeat: no-repeat;
	height: 18px;
	background-position: 0px bottom;
}
.sub_corners_mid{
	background-image: url(images/global/sub_corners_mid.gif);
	padding: 0px 30px 20px 20px;
	background-repeat: repeat-y;
}
.sub_corners_mid_wide{
	background-image: url(images/global/sub_corners_mid_wide.gif);
	padding: 0px 30px 20px 20px;
	background-repeat: repeat-y;
}
.sub_corners_top_wide{
	background-image: url(images/global/sub_corners_top_wide.gif);
	background-repeat: no-repeat;
	height: 18px;
	background-position: 0px bottom;
}
.sub_corners_bottom_wide{
	background-image: url(images/global/sub_corners_bottom_wide.gif);
	background-repeat: no-repeat;
	height: 12px;
}
.sub_corners_bottom{
	background-image: url(images/global/sub_corners_bottom.gif);
	background-repeat: no-repeat;
	height: 12px;
}

/* ----------------------------------------------------- right btns */
.scada{
	border-bottom: 1px solid #9bafd9;
	padding: 0px 0px 5px 38px;
	background-image: url(images/global/building.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	background-position: 0px 7px;
	height: 40px;
	margin: 0px 30px 0px 10px;
}
.featured{
	border-bottom: 1px solid #9bafd9;
	padding: 5px 0px 5px 38px;
	background-image: url(images/global/star.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	background-position: 0px 7px;
	height: 40px;
	margin: 0px 30px 0px 10px;
}
.environ_comp{
	border-bottom: 1px solid #9bafd9;
	padding: 5px 0px 5px 38px;
	background-image: url(images/global/leaf.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	background-position: 0px 7px;
	height: 40px;
	margin: 0px 30px 0px 10px;
}
.intel_building{
	border-bottom: 1px solid #9bafd9;
	padding: 5px 0px 5px 38px;
	background-image: url(images/global/fl%20bulb.png); border-color: transparent; 
	background-repeat: no-repeat; 
	margin-left: 5px;
	background-position: 0px 7px;
	height: 40px;
	margin: 0px 30px 0px 10px;
}

/* ----------------------------------------------------- sub levels */

.column{
	display: block;
	float: left;
}
.sub_top_Text{
	display: block;
	float: left;
	padding: 0px 10px 0px 10px;
	width: 480px;
}

/* ----------------------------------------------------- footer */

#footer {
	margin: 25px 0px 30px 0px;
	display: block;
	float: left;
	width: 750px;
	color: #CCCCCC;
	border-top: 1px dotted #999999;
}
#footer a {
	color: #FFFFFF;	
}
/* ----------------------------------------------------- text */

.white {
	color: #FFFFFF;	
}

/* ----------------------------------------------------- Product menu */


.prod_menu{
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	height: 25px;
	display: block;
	background-image: url(images/global/sub_menu_bar_02.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}
#prod_menu a{
	color: #CCCCCC;
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
	border-right: 1px dotted #cccccc;
}