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

html {
	margin : 0 auto;
	padding: 0 auto;
	text-align:center;
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #FFF;
	text-align: left;
	margin : 0 auto;
	padding: 0 auto;
	height: 100%;
	min-height: 100%;
}
.wrap {
	margin : 0 auto;
	padding: 0 auto;
	width: 880px;
	text-align:left;


}
.wrap1 {
	margin : 0 auto;
	padding: 0 auto;
	width: 1000px;
}
.wrap3 {
	margin : 0 auto;
	padding: 0 auto;
	
	
	width: 900px;
	padding-top:50px;
	line-height:17px;
	text-align:justify;
		
}
#bg-main-top {
	background-color: #FFF;
	background-image: url(/Images/bg-main-top1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:297px;
	clear:both
}
#bg-inner-top {
	
	background-image: url(/Images/bg-main-top2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:79px;
	clear:both
}


.inner-top1 {
	
	background-image: url(/Images/inner-top1.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	height:79px;
	width:890px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	font-size:22px;
/*	line-height:120px; */
	line-height:80px;
	font-weight:bold;
	
}
#bg-menu {
	background-color: #FFF;
	background-image: url(/Images/bg-menu.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:32px;
	clear:both
}
ul.menu {
	margin: 0px;
	padding: 0px;
	text-align:center;
	white-space: nowrap;
	float:left;/*border:thin solid*/
	

}
ul.sidemenu {
	border-bottom:#039 3px solid;
	border-top:#039 3px solid;
	width:200px;
	padding:10px;
	float:none;
	text-align:right;
	padding-left:10px;
	margin: 0px;
}
ul.plain {
	float:none;
}
li.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	width: 94px;
	float:left;
	display:inline;
	text-align:center;
	list-style-type: none;
	white-space: nowrap;
}
li.sidemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 22px;
	text-align:center;
	float:none;
	text-align:left;
	display:list-item;
	list-style-type: none;
	list-style-image: url(/Images/arrow-blue.gif);
	list-style-position: inside;
}


li.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	list-style-image: url(/Images/arrow-blue.gif);
	list-style-position: outside;
}


li.plain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	border:thin solid #0F0;
	text-align:left;
	white-space: normal;
	float:none
}
li.feature {
	display:list-item;
	list-style-type: disc;
	color:#000;
	float:none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	line-height: 12px;
	height: 10px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #039;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #039;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #039;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366cc;
 text-align:
}
a.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align:center
}
a:link.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align:center
}
a:visited.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align:center
}
a:hover.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699cc;
	text-decoration: none;
	text-align:center;
}
a.breadc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:normal;
}
a:link.breadc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}
a:visited.breadc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}
a:hover.breadc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:normal;
}
#top-left {
	background-image: url(/Images/top-left.jpg);
	background-repeat: no-repeat;
	height:266px;
	float:left;
	width:116px;
}
#standard {
	background-image: url(/Images/standard.jpg);
	background-repeat: no-repeat;
	height:266px;
	width:282px;
	float:left;
}
#enterprise {
	background-image: url(/Images/enterprise.jpg);
	background-repeat: no-repeat;
	height:266px;
	width:212px;
	float:left;
}
/*#monitoring {
	background-image: url(/Images/monitoring.jpg);
	background-repeat: no-repeat;
	height:266px;
	width:283px;
	float:left;
}

#network {
	background-image: url(/Images/network.jpg);
	background-repeat: no-repeat;
	height:266px;
	width:212px;
	float:left;
}*/
#other {
	background-image: url(/Images/other.jpg);
	background-repeat: no-repeat;
	height:266px;
	width:212px;
	float:left;
}
/*#helpdesk {
	background-image: url(/Images/helpdesk.jpg);
	background-repeat: no-repeat;
	height:266px;
	width:212px;
	float:left;
}
#data {
	background-image: url(/Images/data.jpg);
	background-repeat: no-repeat;
	height:266px;
	width:283px;
	float:left;
}*/
#slogan2 {
	background-image: url(/Images/slogan2.jpg);
	background-repeat: no-repeat;
	width:355px;
	height:266px;
	float:left
}
#top-right {
	background-image: url(/Images/top-right.jpg);
	background-repeat: no-repeat;
	height:266px;
	float:right;
	width:148px;
}
#warp-main {
	background-color: #FFF;
	background-image: url(/Images/bg-gray.gif);
	background-repeat: repeat-x;
	height:539px;
	width:100%;
	text-align:center;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0px auto -73px;  the bottom margin is the negative value of the footer's height */
	clear:both
	
}
.clearfooter {
	height:73px;
	border: 0;
	margin: 0px;
	padding: 0px;
	clear:both;
	position: relative;
	
	

	
}


.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-image: url(/Images/bg-footer.gif);
	background-repeat: repeat-x;
	width: 100%;
height: 73px;
	position:relative;
	margin: 0 auto;
	background-color:#333333;

	
	
	
	
	
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin: 0px;
	margin-bottom:10px;
	padding: 0px;
	border-bottom:#ccc 1px solid;
}

h1.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin: 0px;
	margin-bottom:10px;
	padding: 0px;
	border-bottom:#ccc 1px solid;
}

#standard-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #0FF;
	padding: 0px;
	margin-top: 130px;
	margin-left: 155px;
	line-height:11px;
	width:110px;
}
#enterprise-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #F90;
	padding: 0px;
	margin-top: 130px;
	margin-left: 80px;
	line-height:11px;
	width:110px;
}
.rightside {
	float:right;
	/*margin-top:0.5%*/
	margin-top:-4%
}
.leftside {
	width:600px;
	float:left;
	margin-top:-4%
}

.sidemenu-ttl{
	 height:30px ; background-color:#fbb00f ; width:220px ; padding-top:10px ; text-align:center ; font-weight:bold ; color:#FFF ; font-size:14px
}

.custabs{
	background-color:#ffffff; 
	border:#eeeeee 1px solid ; 
	font-weight:bold;
	
}



select.textform{
	width:230px;
	border: 1px solid #CCC;
	
}

select, input, option, textarea  {
	border: 1px solid #CCC;
}

 {
	border: 1px solid #CCC;
}
 {
	border: 1px solid #CCC;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 600px;
height: 100px; /* Set height to be able to contain height of largest content shown*/
/*border: 1px solid #ccc;*/
overflow: hidden;
background:white;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background:white;
padding: 0px;
font-family:Tahoma;
font-size:11px;
visibility: hidden;

width:600px;
}

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 590px;
font-family:Tahoma;
font-size:10px;
margin-top: 3px;
text-align: left; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}

#marqueecontainer{
position: relative;
width: 250px; /*marquee width */
height: 80px; /*marquee height */
background-color: white;
overflow: hidden;

border-bottom:1px solid #CCC;
font-family:Tahoma;
font-size:11px;
padding: 10px;
padding-top:0px;
text-align:left;
padding-right: 5px;
}