* { margin:0; padding:0; }

img { border:none; }

body, html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

body {
	width:752px;
	margin:0 auto;
	margin-top:.5em;
	}
	
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------- Links */
a {
	color:#036;
	}
a:hover {
	color:#069;
	}

/* --------------------------------------------------------------------- */
/* ------------------------------------- Text Elements and clearing tags */
p {
	font-size:9pt;
	line-height:18px;
	margin:0 0 1em 0;
	color:#333;
	}
hr {
	clear:both;
	height:0px;
	margin:1em 0;
	border:0;
	border-top:1px solid #CCC;
	}

/* --------------------------------------------------------------------- */
/* ------------------------------------------------------------ Headings */
h1 {
	clear:both;
	font-size:12pt;
    color:#036;
	margin:.5em 0 .7em 0;
	border-bottom: 1px solid #036;
	}
	
h2 {
	font-size: 9pt;
	color: #036;
	margin:.7em 0 .5em 0;
	} 
	
h3 {
	font-size: 10px;
	color: #999;
	font-weight: normal;
	padding:  0px 10px;
	} 

h4 {
	font-size:10.5pt;
	color:#036;
	margin:1em .5em 0 .5em;
	} 
	
.hh1 {
	font-size: 11px;
	color: #FFF;
	background: #003366;
	padding: 1px 6px;
	font-weight: bold;	
	}
	
	
/* --------------------------------------------------------------------- */
/* ------------------------------------------------ Section Page Headers */
div.img_text {
	margin:0 0 0 190px;
	width:520px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	}

/* --------------------------------------------------------------------- */
/* ----------------------------------------------- Tables and Tablecells */
td.content {
	padding:.5em;
	}
td.content img {
	float:left;
	margin:.5em .2em .5em 0;
	}
td.content img.banner {
	margin:.5em 0;
	}
td.content ul {
	margin:1em 1.5em;
	font-size:12px;
	}
	
td.col_right {
	vertical-align:top;
	border:1px solid #CCC;
	border-top:none;
	border-bottom:none;
	}
td.col_right img {
	margin-left:5px;
	}
td.col_right ul {
	font-size:7.5pt;
	margin:1em;
	list-style:none;
	}
td.col_right ul li {
	margin:1em 0;
	}
	
td.style2  {
	font-size:9pt;
	line-height:18px;
	margin:0 0 1em 0;
	color:#333;
	}
/* --------------------------------------------------------------------- */


/* ---------Left colunm---------------------------------------------------*/
#td1 {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: white;
	vertical-align: top;
	padding:0px;
	width: 140px!important;
	}

#td1 p {
	font-size: 10px;
	line-height:12px;
	margin:10px;
	color:#333;
	}

#td1 ul {
	list-style:none;
	font-size:8.25pt;
	margin:0 0 10px 3px;
	line-height:26px;
	}
#td1 ul li a {
	display:block;
	height:23px;
	text-decoration:none;
	margin:.5em 0;
	}
#td1 ul li.partner a {
	color:#369;
	background:url(../images/e-store.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.vars a {
	color:#096;
	background:url(../images/vars.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.isp a {
	color:#036;
	background:url(../images/isp.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.asterisk a {
	color:#F90;
	background:url(../images/asterisk.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.pbx a {
	color:#099;
	background:url(../images/pbx.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.ipbx a {
	color:#5c4aae;
	background:url(http://www.abptech.com/images/ipbx.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.adv a {
	color:#8402cf;
	background:url(http://www.abptech.com/images/solution.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.wir a {
	color:#7DB8E5;
	background:url(../images/wir.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.surveillance a {
	color:#004A8F;
	background:url(../images/asterisk.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.ips a {
	color:#eb2e56;
	background:url(../images/ips.gif) no-repeat left;
	padding-left:27px;
	}
#td1 ul li.ivc a {
	color:#40b549;
	background:url(../images/ivc.gif) no-repeat left;
	padding-left:27px;
	}

/* Quicklinks Hovers */
#td1 ul li.partner a:hover {
	background-color:#369;
	color:#FFF;
	}
#td1 ul li.vars a:hover {
	background-color:#096;
	color:#FFF;
	}
#td1 ul li.isp a:hover {
	background-color:#036;
	color:#FFF;
	}
#td1 ul li.asterisk a:hover {
	background-color:#F90;
	color:#FFF;
	}
#td1 ul li.pbx a:hover {
	background-color:#099;
	color:#FFF;
	}
#td1 ul li.ipbx a:hover {
	background-color:#453687;
	color:#FFF;
	}
#td1 ul li.adv a:hover {
	background-color:#62019a;
	color:#FFF;
	}
#td1 ul li.wir a:hover {
	background-color:#7DB8E5;
	color:#FFF;
	}
#td1 ul li.surveillance a:hover {
	background-color:#004A8F;
	color:#FFF;
	}
#td1 ul li.ips a:hover {
	background-color:#eb2e56;
	color:#FFF;
	}
#td1 ul li.ivc a:hover {
	background-color:#40b549;
	color:#FFF;
	}


/* ---------Left colunm support--------------------------------------------------*/
#td2 {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: white;
	vertical-align: top;
	padding:0px;
	width: 180px!important;
	}

#td2 p {
	font-size: 10px;
	line-height:12px;
	margin:10px;
	color:#333;
	}

#td2 ul {
	list-style:none;
	font-size:11pt;
	margin:5px 0 10px 3px;
	line-height:15px;
	}
#td2 ul li a {
	display:block;
	height:23px;
	text-decoration:none;
	margin:.5em 0;
	}

#td2 ul li {
	height:35px;
	text-decoration:none;
	margin:.5em 0;
	}


#td2 ul li.partner a {
	color:#369;
	background:url(../images/e-store.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.vars a {
	color:#096;
	background:url(../images/vars.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.isp a {
	color:#036;
	background:url(../images/isp.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.asterisk a {
	color:#F90;
	background:url(../images/asterisk.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.pbx a {
	color:#099;
	background:url(../images/pbx.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.ipbx a {
	color:#5c4aae;
	background:url(http://www.abptech.com/images/ipbx.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.adv a {
	color:#8402cf;
	background:url(http://www.abptech.com/images/solution.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.wir a {
	color:#7DB98E5;
	background:url(../images/wir.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.surveillance a {
	color:#004A8F;
	background:url(../images/asterisk.gif) no-repeat left;
	padding-left:27px;
	}
#td2 ul li.ivc a {
	color:#40b549;
	background:url(../images/ivc.gif) no-repeat left;
	padding-left:27px;
	}

/* Quicklinks Hovers */
#td2 ul li.partner a:hover {
	background-color:#369;
	color:#FFF;
	height:35px;
	}
#td2 ul li.vars a:hover {
	background-color:#096;
	color:#FFF;
	height:35px;
	}
#td2 ul li.isp a:hover {
	background-color:#036;
	color:#FFF;
	height:35px;
	}
#td2 ul li.asterisk a:hover {
	background-color:#F90;
	color:#FFF;
	height:35px;
	}
#td2 ul li.pbx a:hover {
	background-color:#099;
	color:#FFF;
	height:35px;
	}
#td2 ul li.ipbx a:hover {
	background-color:#453687;
	color:#FFF;
height:35px;
	}
#td2 ul li.adv a:hover {
	background-color:#62019a;
	color:#FFF;
height:35px;
	}
#td2 ul li.wir a:hover {
	background-color:#7DB8E5;
	color:#FFF;
height:35px;
	}
#td2 ul li.surveillance a:hover {
	background-color:#7db8e4;
	color:#FFF;
height:35px;
	}
#td2 ul li.ips a:hover {
	background-color:#ffcc00;
	color:#FFF;
height:35px;
	}
#td2 ul li.ivc a:hover {
	background-color:#40b549;
	color:#FFF;
height:35px;
	}


/* ---------CREDITS colunm---------------------------------------------------*/

#td4 {
	border-top: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
	background: white;
	vertical-align:middle;
	padding: 3px 10px;
	height: 30px;
	}

.sml {
	font-size: 10px;
	line-height: 13px;
	margin-top: 6px;
	margin-bottom: 6px; 
	}
	
/* --------------------------------------------------------------------- */
/* -------------------------------------------------------------- Footer */	
td#footer {
	border-top:1px solid #CCC;
	padding:10px 0;
	text-align:center;
	}
td#footer p {
	font-size:8.25pt;
	}
.center {
	text-align: center;
	}
	
/* --------------------------------------------------------------------- */
/* ------------------------------------------------------------ Page Nav */	
div.pagenav {
	height:40px;
	margin:0 0 .5em 0;
	padding:0;
	}
div.pagenav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div.pagenav ul li {
	float:left;
	}
div.pagenav ul a {
	display:block;
	vertical-align:middle;
	color:#FFF;
	font-size:10px;
	padding:5px 10px;
	width:88px;
	height:25px;
	text-decoration:none;
	margin:0 2px 0 0;
	text-align:center;
	}
ul.var li a {
	background-color:#096;
	border:1px solid #096;
	}
ul.var li a:hover {
	background:#FFF;
	color:#096;
	}
	
ul.isp li a {
	background-color:#036;
	border:1px solid #036;
	}
ul.isp li a:hover {
	background:#FFF;
	color:#036;
	}
	
ul.asterisk li a {
	background-color:#F90;
	border:1px solid #F90;
	}
ul.asterisk li a:hover {
	background:#FFF;
	color:#F90;
	}
	
ul.pbx li a {
	background-color:#099;
	border:1px solid #099;
	}
ul.pbx li a:hover {
	background:#FFF;
	color:#099;
	}
	
ul.ipbx li a {
	background-color:#939;
	border:1px solid #939;
	}
ul.ipbx li a:hover {
	background:#FFF;
	color:#939;
	}

ul.adv li a {
	background-color:#393;
	border:1px solid #393;
	}
ul.adv li a:hover {
	background:#FFF;
	color:#393;
	}
	
/* ---------Slideshow ---------------------------------------------------*/
#s3slider {
   width: 450px; /* important to be same as image width */
   height: 221px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 450px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 450px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}