﻿* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 72.5%;
	background:white url(images/body_bg.jpg) repeat-x;
}

p, li {
	font: 1.2em/1.8em Tahoma, sans-serif;
	margin-bottom: 10px;
}

h1 {
	font: 2.0em Tahoma, sans-serif;
	color:#fff;
	background:url(images/h1_bg.jpg) repeat-x;
	height:60px;
	line-height:60px;
	max-width:540px;
	width:540px;
	margin:0 auto;
}

h1.inner {
	font: 1.7em "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-weight:bold;
	color:#070A6F;
	background-image:none;
	height:32px;
	width:760px;
	max-width: 760px;
	margin:0;
	padding: 8px 0 0 0;
}


h2 {
	font: 1.8em Tahoma, sans-serif;
	color:#0E1077;
	margin-bottom: 10px;
}

h3{
	font: 1.7em "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-weight:bold;
	color:#070A6F;
	line-height:1.7em;
	
}

h4
{
	font: 1.4em "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-style:italic;
	line-height:1.5em;
	text-decoration:underline;
	margin-bottom:10px;
}

ul {
	margin-left: 25px;
}

img {
	border: none;
}

#page-wrap {
	background: white;
	min-width: 780px;
	max-width: 960px;
	margin: 0px auto;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 962? "960px" : "auto");
	/*border-left:2px solid #ccc;
	border-right:2px solid #ccc;*/
	}
	#page-wrap #inside {
		padding-top: 0px;
		padding-bottom: 2px;
	}
	
#main-content {
	background:#CEE7FA url(images/mainpic_bg.jpg) repeat-x;
	min-height:40em;
	height:auto !important;
	height:40em;
	/*border:1px solid transparent;*/
	padding-bottom:10px;
}
	
#header {
	text-align: center;
	height:106px;
}

/* Navigation*/
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
  font-size:12px;
  background: url("images/header_bg.jpg") bottom left;
  min-height:34px;
  height:auto !important;
  height:34px;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font-weight: bold;
  font-size:12px;
  color: #fff;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}

.nav li a:hover {
  color: #fff;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  color:#EDFA93;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background:#00478C;
  color: #fff;
  border-bottom:1px solid #fff;
  padding:5px 0 5px 5px;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}

.nav ul {
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
  height:auto;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px 1px 0px 1px solid #000;
  width: 200px;
  min-height:1em;
  height:auto !important;
  height:1em;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

.nav li ul ul {
    margin:-21px 0 0 200px;
    font-size:11px;
    }

#indexmain-image{

	text-align: center;
	height:400px;
	margin-bottom:10px;
}

#main-image{
	text-align: center;
	height:160px;
	margin-bottom:10px;
}

#slideshow1{
	height:250px;
	width:780px;
	margin:0 auto;
}


#pageintrotext{
	background: #fff url(images/introtext_bg.jpg) repeat-x;
	text-align: center;
}

#pageintrotext p{
	text-align: left;
	padding:10px;
	font-weight:lighter;
	
}

.equal{
	width:70%;
	margin:0 auto;
	font: 1.1em "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

.equal p{margin:10px 10px 10px 0;}

.equal li{margin-left:20px;}

.equal li.nostyle{margin-left:20px;list-style-type:none;}

#mytable, #mytable2 {
	width: 99%;
	padding: 0;
	margin: 0 auto;
	}

#mytable h2, #mytable2 h2 {
	color:black;
	font-size:100%;
	font-weight:bold;
	text-align:left;
	font-family:arial;
	
	}

#mytable h2 a, #mytable2 h2 a {
	color:black;
	font-size:100%;
	font-weight:bold;
	text-align:left;
	font-family:arial;
	text-decoration:none;
}
#mytable h2 a:visited, #mytable2 h2 a:visited{color:black}
#mytable h2 a:hover, #mytable2 h2 a:hover{text-decoration:underline}
#mytable h2 a:active, #mytable2 h2 a:active{color:black;}


td {
	/*background: #fff;*/
	padding: 6px 6px 6px 12px;
	color: #4f6b72;	
}

td.abouticon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#FFFFCC;
}

td.aboutheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#FFFFCC;
}

td.servicesicon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#C2E6FC;
}

td.servicesheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#C2E6FC;
}

td.supporticon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#E6FFE5;
}

td.supportheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#E6FFE5;
}

td.securityicon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#E6E6E6;
}

td.securityheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#E6E6E6;
}

td.trainingicon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#D0A171;
}

td.trainingheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#D0A171;
}

td.softwareicon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#BF9FDF;
}

td.softwareheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#BF9FDF;
}


td.offersicon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#FFC48A;
}

td.offersheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#FFC48A;
}

td.voipicon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#DDDD98;
}

td.voipheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#DDDD98;
}

td.broadbandicon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#FFCCCC;
}

td.broadbandheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#FFCCCC;
}

td.contacticon{
width:4%;
border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#fff;
}

td.contactheading{
width:16%;
border-right: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
background:#fff;
}

td.spacer{width:10px;border:0;background:transparent;}

td.content{border:1px solid #C1DAD7;}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


#footer {
	background: #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}

#firstpage {
	padding: 1em;
	height: 140px;
	width: 930px;
}

#firstpage-a, #firstpage-b, #firstpage-c	{
	float: left;
	height: 120px;
	margin: 1em 1.7em 0 0;
	width: 31%;
}

#firstpage-a p, #firstpage-a li, #firstpage-b p, #firstpage-b li, #firstpage-c p, #firstpage-c li {
	font: 1em Tahoma, sans-serif;
	line-height: 1.6em;
}

