body {
	font: 14px  "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px;
	background: url(../images/page_bg.png) center top; 
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	outline: none;
}
div, img ,a, ul, ol, li, table, th, td, p { outline: none;}
.sup { font-size: 10px; position:relative; bottom: 0.3em;
 }
#abbrev { line-height: 20px; font-family:Tahoma, Geneva, Vewrdana, Arial sans-serif; font-size:12px; }
table#abbrev1 td, table#abbrev2 td, table#abbrev3 td  { padding-left:3px }
#pageWrapper {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #d3d3d3;
	text-align: left;
}
#associates { padding-left: 40px}
#associates table { border: 1px solid #d3d3d3; }
.alt { background-color: #f1f2f3 }
.pad { padding-left: 30px }
.hdg3 { background-color: #c8d8e8 }
.contact table { text-align:left; }
.contact tbody { padding: 1px }
.contact th {text-align:left; font-weight: normal; font-size:12px; line-height: 14px; vertical-align:middle  }
.contact tr { vertical-align:text-top; line-height:24px }

.homepg #main, .services #main, .maintenance #main, .hardware #main { padding: 15px 15px 0 0; margin:0;  background-image:url(../images/bg_content.png); background-repeat:repeat-x }
.genpg #main { padding: 15px 15px 0 0; margin:0;  background-image:url(../images/bg_content.png); background-repeat:repeat-x ;  border-top: 1px solid #c2d2e2; }

.breadcrumb { text-align:right; padding-right: 20px }
#header {
	background: #FFFFFF;
	height: 95px;
	padding: 20px 15px 0px 15px;
}
.homepg #header h1 {
	margin: 0;
	padding: 10px 0;
}
.homepg #header h2 {
	margin: 0;
	padding: 0px;
	color:#333; font-size:18px; 
}
.homepg #sidebar1 {
	float: left;
	width: 250px;
	/* background: #FFF; */
	padding: 0 15px 15px 15px;
	font-size:13px; line-height:16px;
}
.homepg #sidebar1 li {
	margin-bottom: 8px;
}
.genpg #sidebar1 {
	float:left; width:240px; 
	padding: 30px 10px 15px 15px; 
}

.genpg #leftnav, .hardware #leftnav {
	float:left; width:240px; 
	padding: 10px 10px 15px 15px; 
}
.genpg #sidebar1 p {
	padding: 0px 10px 0px 0px;
	color:#850585;
    font-size: 0.9em; line-height:16px; text-align:justify;
}
.genpg #sidebar1 ul { 
   font-family: Verdana, Geneva, sans-serif; font-size:11px; line-height:normal; margin:0; padding: 0px 0px 0px 25px; list-style:none
}
.genpg #sidebar1 li { 
   list-style: url(../images/icons/arrow_mini_right.png) outside; padding-top: 10px
}
.homepg #sidebar2 {
	float: right;
	width: 280px;
	background: #FFF;
	padding: 0px 15px 15px 15px; margin:0; color:#333
}

.homepg h2 { color:#666 }
 
.homepg #mainContent {
	float:left;
	margin: 0;
	padding: 0px 0px 20px 10px;
	width:675px;
	line-height: normal; 
	color:#333
}
.genpg #mainContent {
	float:left;
	margin: 0;
	padding: 0px 0px 20px 10px;
	width: 690px;
}

.maintenance #mainContent {
	margin: 0;
	padding: 10px 25px 10px 25px;
	width: 930px;
}

.homepg #mainContent h1, .genpg #mainContent h1, .maintenance #mainContent h1 {
	color:#0060A6;
	padding:0;
	margin:0;
	font-size: 24px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 28px;
}

.genpg #mainContent h3, .maintenance #mainContent h3 {
	color:#0060A6;
	padding: 8px 0px 0px 0px;
	margin:0;
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 20px;
}


.genpg #mainContent p {
	color:#333;
	font-size: 14px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-style: normal; padding-right: 20px;
}

/* .homepg #box1 { float:left; width:210px; margin: 0 15px 0 0; padding: 1px; border: 1px solid #d3d3d3; background-image:url(../images/bg_box_1.png); background-repeat:repeat-x;  height: 325px  } */
.homepg #box1 { float:left; width:210px; margin: 0 15px 0 0; border: 1px solid #d3d3d3; background-image:url(../images/bg_box_1.png); background-repeat:repeat-x;  height: 340px;  }
.homepg #box2 { float:left; width:210px; margin: 0 15px 0 0; border: 1px solid #d3d3d3; background-image:url(../images/bg_box_2.png); background-repeat:repeat-x;   height: 340px }
.homepg #box3 { float:left; width:210px; margin: 0; border: 1px solid #d3d3d3; background-image:url(../images/bg_box_3.png); background-repeat:repeat-x;  height: 340px }
.homepg .plans { border-color: rgb(211, 211, 211); -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8); }
.homepg .ruler {
	margin: 0px; padding: 0px 10px; width: 190px; border-top-color: rgba(0, 0, 0, 0.3); border-bottom-color: rgba(255, 255, 255, 0.6); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.homepg #box1 h3, .homepg #box2 h3, .homepg #box3 h3 {
	color:#000;
	line-height: 20px;
	padding: 4px 1px;
	margin:0;
	font-size: 12px;
	font-weight: normal;
	text-align:center;
/*	border-bottom: 1px solid #CCC;  border-radius: 5px; border: 1px solid transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; */

}
.homepg #box1 h3  { /*  background-color:#A8D59D; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fafafa',endColorstr='#eeeeee'); */ 
	background: rgb(241, 254, 244);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1e1b9',endColorstr='#A8D59D');
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#c1e1b9), to(#A8D59D));
	background: -moz-linear-gradient(-90deg, #c1e1b9, #A8D59D);
    background: -o-linear-gradient(-90deg, #c1e1b9, #A8D59D);
 }
.homepg #box2 h3  { /*  background-color:#F8CE5C */ 
	background: rgb(254, 246, 224);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fadf94',endColorstr='#F8CE5C');
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fadf94), to(#F8CE5C));
	background: -moz-linear-gradient(-90deg, #fadf94, #F8CE5C);
	background: -o-linear-gradient(-90deg, #fadf94, #F8CE5C);
	} 
.homepg #box3 h3  { /* background-color:#E6A283 */ 
	background: rgb(249, 231, 223);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#edbda8',endColorstr='#E6A283');
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#edbda8), to(#E6A283));
	background: -moz-linear-gradient(-90deg, #edbda8, #E6A283);
	background: -o-linear-gradient(-90deg, #edbda8, #E6A283);
	}
.homepg #box1 p, .homepg #box2 p, .homepg #box3 p { margin:0; padding: 7px; color: #333; font-size: 11px; line-height:16px; }

#oncall { float:right }
#fixedrt { float:left;  }
.boxm { width:400px; border: 1px solid #ccc; height:370px; padding:1px }
.boxm h3 { text-align:center; }
.boxm ul { margin: 0; padding: 5px 15px; list-style:none; font-size: 0.9em  }
.boxm li { padding: 5px 0px 5px 0px; margin-left: 20px }
.boxm#fixedrt h3 {  background-color:#0089C0;  color: #fff;  line-height: 24px; padding: 5px 0px;  font-size: 1em }
.boxm#oncall h3 {  background-color:#F8CE5C;  color: #333;  line-height: 24px; padding: 5px 0px;  font-size: 1em }
.boxm#fixedrt li { list-style: url(../images/icons/bulletb.png); }
.boxm#oncall li { list-style: url(../images/icons/bulletr.png); }
.boxg { border: 1px solid #ccc; padding: 0px 15px }

#footer {
	padding: 0 10px 0 20px;
	font-size:11px;
	background:#b2c2d2;
	border-top: 1px solid #999
}
#footer p {
	margin: 0;
	padding: 10px 0;
}
.homepg #sbleft {
	width: 250px;
	border: 1px solid #ccc;
}
.homepg #sbleft ul { padding-top:5px; padding-right:5px; padding-left: 20px; 
              list-style-image: url(../images/icons/bullet.png); margin: 15px 0 0 0;   }

.homepg #sbleft li { padding: 0 0 10px 0;  }

.hdg {
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
	font-size:14px;
	font-weight:normal;
	line-height: 30px;
}
.hdg2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#0060A6 }
.readmore { text-align:right; font-size:11px; line-height:11px; padding: 0 10px 0 0; margin: -5px 0 0 0 }
.readmore a { text-decoration:none }
.readmore a:hover { text-decoration:underline; color: #a5493d }
div.sckeys { line-height: 18px }
div.sckeys td { vertical-align:text-top }
div.sckeys img { vertical-align:middle }

#sep {
	margin: 0;
	padding: 0px;
	background-image:url(../images/spectrum.png);
	height:5px;
	border-bottom: 1px solid #ccc;
	overflow:hidden
}
#sep2 {
	margin: 5px 0 5px 0;
	padding: 0;
	height: 5px;
	overflow:hidden
}

.services #sidebar1  {
	float: left;
	width: 250px;
	/* background: #FFF; */
	padding: 5px 15px 15px 15px;
	font-size:12px; line-height:14px; 
}

.services #sbleft { 
	width: 250px;
	border: 1px solid #ccc;
}
.services #sbleft p {
	padding: 2px 10px;
    text-align:justify;
}
.services #sbleft ul { padding: 0px 10px; margin: 0px;
               }
.services #sbleft li {
	 margin: 0px 0px 5px 22px; list-style-image: url(../images/icons/check.png); /* text-indent: 20px */
 }			  
.services #mainContent {
	float:left;
	margin: 0;
	padding: 0px 0px 20px 10px;
	width:675px;
	line-height: normal; 
	color:#333
}
.hardware #mainContent {
	float:left;
	margin: 0;
	padding: 0px 0px 20px 10px;
	width:685px;
	line-height: normal; 
	color:#333
}
.services #mainContent h1, .hardware #mainContent h1 {
	color:#0060A6;
	padding:0;
	margin:0;
	font-size: 24px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 28px;
}
.services #consultQA { 	
    color: #333;
	padding:0;
	margin:0;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	line-height: normal;
}
.services ol li {
	margin-bottom: 4px;
}
#consultQA ul { margin: 0; padding: 0; list-style:none }
#consultQA li { margin: 0; padding: 0px 10px 6px 10px; }
#consultQA Q {font-weight:bold }
#consultQA span { font-weight:normal; display:block; padding-left: 10px}

#software { margin:0; padding: 0px 40px 20px 40px; font-family:Tahoma, Verdana, Geneva, sans-serif; font-size: 12px  }
#software table { border: 1px solid #d3d3d3; width: 883px; }
#software th { width: 200px; padding: 4px 0px; text-align:center; font-weight: normal }
#software td { text-align: left; vertical-align:text-top; padding: 5px 10px }
/*
#topNav {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/bg_nav.jpg);
	height: 35px;
	border-bottom: 1px solid #999;
	overflow:hidden;
	color: #333;
}

#topNav ul { font-size: 12px; text-transform: uppercase; list-style:none; outline: 0; margin:0; padding: 0;}
#topNav a {outline: none; }
#topNav li { padding: 0 20px; border-right: 1px solid #999; list-style:none outside none; display: inline; line-height: 35px;}
#topNav li a:link { text-decoration: none; color:#333 
}
#topNav li a:visited{ text-decoration: none; color:#333 
}
#topNav li a:hover { text-decoration: underline; color: #0089C0
}
*/

/* MEGA MENU */ 
#topNav { height:35px; width: 980px; margin: 0; }
#topNav ul { font-size: 12px; list-style:none; outline: none; }

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0; }
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.grey {line-height: 15px; width: 980px; margin: 0 auto; height: 35px}
.grey ul.mega-menu, .grey ul.mega-menu, .grey ul.mega-menu li {margin: 0; padding: 0; border: none;}
.grey ul.mega-menu {background: #8998a8 url(images/bg_grey.png) repeat-x 0 -70px; width: 100%; height: 35px; position: relative;}

.grey ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 12px; font-weight: normal;}
.grey ul.mega-menu li a {float: left; display: block; color: #0089c0; padding: 10px 33px 10px 20px; background: url(images/bg_grey.png) repeat-x 100% 0; text-decoration: none;}
.grey ul.mega-menu li a.dc-mega {position: relative;}
.grey ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px; background: url(images/arrow.png) no-repeat 0 0;}
.grey ul.mega-menu li.mega-hover a, .grey ul.mega-menu li a:hover {background-position: 100% -35px; color: #000; text-shadow: none;}
.grey ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}

.grey ul.mega-menu li .sub-container {position: absolute; background: url(images/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;}
.grey ul.mega-menu li .sub {background: url(images/bg_sub.png) no-repeat 100% 100%; padding: 5px 20px 10px 10px;}
.grey ul.mega-menu li .sub-container.mega .sub {padding: 10px 20px 10px 0;}
.grey ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.grey ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-weight: normal;}
.grey ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}
.grey ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.grey ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 0px; display: block; float: none; text-decoration: none;}
.grey ul.mega-menu .sub ul li {padding-right: 0;}

.grey ul.mega-menu li .sub-container.non-mega .sub {padding: 10px 20px 10px 0;}
.grey ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 210px; margin: 0;}
.grey ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 5px 20px; background: url(images/arrow_off.png) no-repeat 7px 10px;}
.grey ul.mega-menu li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}