@charset "utf-8";
/* CSS Document */



body{
	margin: 0px;
	background:#CCC;
	behavior: url("csshover3.htc");
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, pre, fieldset, input, p, blockquote, a{
	margin: 0px;
	padding: 0px;
}

img {
	border:none;
}

body, a, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td {
	font-family: Segoe UI,Arial,Verdana,Helvetica,sans-serif;
	color: #363636;
	font-size:12px;
	line-height: 18px;
	
}
h1#call{
	padding:7px 0px 0px 25px;
	font-size:13px;
	font-weight:lighter;
	font-style:italic;
}



h3 {
	font-size:12px;
	font-weight:lighter;
	line-height:18px;
	
}
h3.orange_header {
	font-weight:bold;
	line-height:18px;
	
}

img {
	border:0px;
}

a {
	text-decoration:none;
	color:#0076a3;
}

a:hover {
	text-decoration:underline;
}

li, dt, dd  {
	list-style-type:none;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash  \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash */

.bluetext {
	color:#0076a3;
}

.listbullet li{
	background: url(../images/bullet.gif) 0 10px no-repeat;
	text-indent:15px;
	padding: 4px 0px 12px 0px;
}

.orange_header {
	font-size:13px;
	color:#f7941d;
	padding:8px 0px 8px 0px;
	background-color:#FFFFFF;
}

.orange_header a {
	font-size:13px;
	color:#f7941d;
	font-weight:bold;
	padding:8px 0px 8px 18px;
}

.panel_link {
	font-size:13px;
	padding:8px 0px 8px 18px;
	font-weight:lighter;
}

.panel_link a {
	font-size:13px;
	color:#363636;
}

.panel_link a:hover {
	color:#0076a3;
}



.selected_topic {
	border-bottom:solid 1px #ececec;
	border-top:solid 1px #ececec;
	margin: 0px 0px 0px 22px;
	z-index:500;
}

.unselected {
	/*border-right:solid 1px #ececec;*/
	margin: 0px 0px 0px 22px;
}

.header_line{
	padding:13px 0px 0px 35px;
	border-bottom:solid 1px #ececec;
}

.horizontal {
	float:left;
	width:100%;
	padding: 7px 0px 0px 20px;
}

.horizontal li {
	float:left;
}

.horizontal li p a{
	padding:0px 3px 0px 3px;
	color:#FFF;
	
}
.horizontal li p {
	color:#FFF;
}

.headerbg {
	background:url(../images/menubg.gif) repeat-x scroll top;
	font-size:13px;
	color:#363636;
	padding: 6px 30px 7px 30px;
	border:solid 1px #ececec;
}

#container {
	
	width: 960px;
	background: url(../images/leftpanel_bg.gif) #FFF repeat-y left scroll;
	margin:0 auto; 
}

#top {
	width:960px;
	height:83px;
}

#logo {
	width: 291px;
	height:83px;
	float:left;
	background:#FFF;
}
#logo h1{
	padding:10px 0px 0px 46px;
}
#topbanner {
	background: url(../images/banner_top.gif) no-repeat scroll;
	float:left;
	width:669px;
	height:83px;
}

#banner {
	width:960px;
	height: 206px;
}

#nav_area {
	width: 960px;
	height:38px;
}
/* MENU CSS */
#menu {
width: 640px;
height:38px;
float: left;
padding: 0px 0px 0px 320px;
}
#menu ul li{
list-style: none;
padding: 6px 0px 0px 0px;
float: left;
}
#menu ul li h2{
	border: solid 1px #FFF;
	border-bottom:none;
}
#menu a, #menu h2 {
font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;
display: block;
text-align:center;
}
#menu h2 a {
	padding:5px 0px 0px 0px;
	margin:0px;
}
#menu ul ul li a{
	color:#363636 ;
}

#menu h2, #menu h2 a{
	color: #363636;
	font-size:13px;
	font-weight:lighter;
	height:32px;
}

#menu a {
	padding:5px 0px 0px 0px;
}
#menu ul li#home{
	width:90px;
}
#menu ul li#products{
	width:170px;
}
#menu ul li#resource{
	width:150px;
}
#menu ul li#partners{
	width:100px;
}
#menu ul li#company{
	width:100px;
}
#menu ul li#products ul li {
	/* can change width */
	width:16em;
}
#menu ul li#resource ul li {
	/* can change width */
	width:13em;
}
#menu ul li#partners ul li {
	/* can change width */
	width:12em;
}
#menu ul li#company ul li {
	/* can change width */
	width:10.5em;
}
#menu ul ul li a{
	padding:0px 0px 5px 15px;
	text-align:left;
	
}



#menu a:hover {
color: #0076a3;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
background:#ececec;}

#menu h2 a:hover{
	text-decoration:none;
}

div#menu ul li:hover h2
{background: url(../images/menubg.gif) #ececec repeat-x scroll;
border:solid 1px #ececec;}
div#menu ul ul li:hover a{
	background: #ececec;
	text-decoration:underline;
}

div#menu ul li h2 a.currentpage {
	color:#0076a3;	
}



/*END MENU CSS */

#banner2 {
	background:#ececec;
	width:960px;
	height:34px;
}

#body_content {


}


#leftpanel {
	width:292px;
	height:100px;
	float:left;
}

#panel1 {
	height:210px;
}

#text1 {
	padding: 20px 30px 0px 2px;
}
#news {
	padding:8px 0px 8px 18px;
}

#news_content {
	padding: 20px 0px 30px 18px;
}

#main_content {
	margin:0px 0px 0px 292px;
	width:667px;
	border-left:solid 1px #ececec;
	padding:0px 0px 30px 0px;
}

#services_list1 {
	float:left;
	width:367px;

}

#services_list2 {
	float:left;
	width:300px;

}

#webcalc {
	float:left;
	width:667px;
	padding:20px 0px 20px 0px;

}

#calcpic {
	width:212px;
	height:140px;
	float:left;
}

#webcalctext {
	float:left;
	width:270px;
	padding:0px 0px 0px 25px;
}

#services_list1_content {
	padding:10px 0px 10px 35px;
}

#services_list2_content {
	padding:10px 0px 10px 35px;
	background:url(../images/line_border.gif) no-repeat scroll top left;
}

#webcalc_content {
	padding:10px 120px 20px 35px;
}
#footer {


}

#copyrightbar{
	background: url(../images/footer_bg.gif) repeat-y scroll top left;
	float:left;
	width:960px;
	height:50px;
	
}

#copyright {
	float:left;
	width:100%;
}

#copyright p {
	padding:0px 0px 0px 20px;
	color: #EEE;
}

#orangebar {
	background:#f8941d;
	float:left;
	height:7px;
	width:960px;
	
}

/* subpages css */

#panelspacertop {
	height:19px;
}

#panelspacerbtm {
	height:230px;
}

#content_container{ 

	padding: 20px 35px 20px 35px;
}

#leftcontain {
	position:absolute;
	margin:19px 0px 0px 0px;
	z-index:2;
	width:293px;
	
}

#chart {
	width:400px;
	margin: 0 auto;
}
	
table {
	table-layout:fixed; /* force a solid grid */
	border-collapse:collapse;
	margin: 0 auto;
	width:450px;
	
}
	table th, table td {
		white-space:nowrap; /* don't want wrapping text */
		padding:3px 5px 3px 5px; /* right padding for required field marker */
	}

	table th {
		padding:2px 0 2px 5px;
		text-align:right;
	}


	table input {
		width:100%; /* simply scale inputs to table cell size */
	}
		td.input-group input {
			width:auto; /* but not for radios or checks */ 
		}


#cost {
	background:url(../images/costicon.gif) left top no-repeat scroll;
	padding:40px 0px 8px 70px;
}


#device {
	background:url(../images/deviceicon.gif) left top  no-repeat scroll;
	padding:40px 0px 8px 70px;
}

#employ {
	background:url(../images/employeeicon.gif) left top  no-repeat scroll;
	padding:40px 0px 8px 70px;
}
#security {
	background:url(../images/securityicon.gif) left top  no-repeat scroll;
	padding:40px 0px 8px 70px;
}
#vendor {
	background:url(../images/vendoricon.gif) left top  no-repeat scroll;
	padding:40px 0px 8px 70px;
}

#thankyoumsg{
	padding:100px 0px 100px 0px;
	text-align:center;
}