/* CSS Document */

td {

vertical-align: top;
}

/*#main {
	margin: 0px auto;

	background-image: url(../img/ibg_stripe.gif);
	width: 972px;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	
}


#head {
	background-image: url(../img/ibg_head.gif);
	width: 972px;
	height: 118px;
	position:relative;
	margin: 0px;
	padding: 0px;
	left: 0px;
}




#head ul {
	text-indent: 15px;
	list-style: circle inside;
}

#head li {
	top: 0px;
}

#head li,  #head a {
	height: 28px;
	display: block;
	margin: 0px 0px 0px 0em;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
}



#head #home {
	left: 90px;
	height: 60px;
	width: 320px;
}

#head #home a {
	height: 60px;
	width: 320px;
}

#head #login {
	left: 798px;
	height: 20px;
	width: 102px;
	top: 25px;
}

#head #login a {
	height: 25px;
	width: 112px;
}

/* Teleshere Difference Link*/
/*#head #thetelespheredifference {
	left: 121px;
	width: 195px;
	top: 85px;
}

#head #thetelespheredifference  a {
   width: 195px;
   height: 28px;
}

#head #thetelespheredifference  a:hover { 
	background: transparent url(../img/btn_thedifference_on.gif);
}



/* Solutions Link*/
/*#head #solutions {
	left: 316px;
	width: 80px;
	top: 85px;
}

#head #solutions  a {
   width: 80px;
   height: 28px;
}

#head #solutions  a:hover { 
	background: transparent url(../img/btn_solutions_on.gif);
}


/* Support Link*/
/*#head #support {
	left: 396px;
	width: 72px;
	top: 85px;
}

#head #support  a {
   width: 72px;
   height: 28px;
}

#head #support  a:hover { 
	background: transparent url(../img/btn_support_on.gif);
}


/* Partner Program Link*/
/*#head #partnerprograms {
	left: 468px;
	width: 72px;
	top: 85px;
}

#head #partnerprograms  a {
	width: 72px;
	height: 28px;
}

#head #partnerprograms  a:hover { 
	background: transparent url(../img/btn_partnerprograms_on.gif);
}


/* About Us Link*/
/*#head #aboutus {
	left: 544px;
	width: 72px;
	top: 85px;
}

#head #aboutus  a {
   width: 72px;
   height: 28px;
}

#head #aboutus  a:hover { 
	background: transparent url(../img/btn_about_on.gif);
}

/* Contact Us Link*/
/*#head #contactus {
	left: 616px;
	width: 88px;
	top: 85px;
}

#head #contactus  a {
   width: 88px;
   height: 28px;
}

#head #contactus  a:hover { 
	background: transparent url(../img/btn_contactus_on.gif);
}

/* Employment Link*/
/*#head #learning {
	left: 705px;
	width: 116px;
	top: 85px;
}

#head #learning  a {
	width: 116px;
	height: 28px;
}

#head #learning  a:hover { 
	background: transparent url(../img/btn_employment_on.gif);
}*/




#pagetitle {
	height: 88px;
	width: 972px;
	top: 0px;
	position:relative;
	
}

#navleft {
	width: 211px; position: relative; left: 85px;
	float: left;
	text-align: left;
}

#navleft a {
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	left: 14px;
	top: 5px;
	position: relative;
}

#navleft a:hover {
	color: #2a7804;
}

#navleft_top {
 width: 211px; height:28px; position: relative;
 }
 
.navitem {
background-image:url(../img/mnu_item.gif); width: 211px; height:24px; position: relative;
} 

#navbottom {
	background-image:url(../img/mnu_bottom.gif); width: 211px; height:30px; position: relative;
}

#content {
	width: 575px;
	position: relative;
	left: 105px;
	top: 20px;
	float: left;
	padding-bottom: 30px;
	overflow: hidden;
}
.pressicon {
	width: 150px;
	position: relative;
	left: 0px;
	top: 20px;
	float: none;
	padding-bottom: 30px;
	overflow: hidden;
}
.rtimages {
	width: 180px;
	position: relative;
	left: -90px;
	top: 20px;
	float: none;
	padding-bottom: 0px;
	overflow: hidden;
	height: 300px;
	visibility: visible;
}
.rtimageslong {
	width: 185px;
	position: relative;
	left: -90px;
	top: 20px;
	float: none;
	padding-bottom: 0px;
	overflow: hidden;
	height: 505px;
	visibility: visible;
}
.awardlogos {
	width: 130px;
	position: relative;
	left: 0px;
	top: 0px;
	float: none;
	padding-bottom: 30px;
	overflow: visible;
}
.awardtext {
	width: 300px;
	position: relative;
	float: none;
	padding-bottom: 30px;
	overflow: visible;
}

#content h1 {
padding-left: 24px;
	width: 530px;
	line-height: 28px;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7ab62b;
	margin-top: 7px;
}

#content h2 {
padding-left: 24px;
	width: 530px;
	line-height: 19px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7ab62b;
	margin-top: 7px;
	margin-bottom: 0px;
	
}

#content p {
	padding-left: 24px;
	/*width: 530px;*/
	line-height: 15px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content lable, td, th {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#content table {
	padding-left: 24px
}

#content ul {
	padding-left: 35px;
	width: 470px;
	line-height: 15px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

#content li {
	padding-bottom: 15px;
}

#content p.small {
	padding-left: 24px;
	/*width: 290px;*/
	line-height: 17px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#content p.solution {
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 290px;
	line-height: 17px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	left: 139px;
	top: 52px;
}


.subhead {
	left: 21px;
	position: relative;

}
.subheadindent {
	left: 5px;
	position: relative;

}

.header {
	position: relative;
	padding-left: 24px;
	left: 200;
}

.hrdotted {
	position: relative;
	left: 17px;
	padding-bottom: 21px;

}

#footer {
	margin: 0px auto;

	background-image: url(../img/ibg_footer.gif);
	width: 972px;
	height: 40px;
}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 10px;
	line-height: 15px;
	padding: 14px 70px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}


.rollover {
	border: none;
}


#viewdemo {
	height: 470px;
	position:relative;
	margin: 0px;
	padding: 0px;
	left: 15px;
	top: 20px;
	width: 196px;

}

#viewdemo ul {
	width: 117px;
	height: 30px;
	background-repeat: no-repeat;
}

#viewdemo li {
	top: 0px;
}

#viewdemo li,  #viewdemo a {
	height: 24px;
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	width: 2px;

}

#viewdemo  p {
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 150px;
	top: 0px;
	position: relative;
	left: 22px;
}


#viewdemo #demo {
	left: 37px;
	height: 25px;
	width: 115px;
	top: 73px;
}

#viewdemo #demo a {
	height: 25px;
	width: 115px;
	top: 0px;
	left: 0px;
	position:relative; 
	
}

#viewdemo #demo  a:hover { 
	background: transparent url(../img/btn_viewdemo_on.gif);
}

#viewdemo #freequote {
	left: 37px;
	height: 25px;
	width: 115px;
	top: 103px;
}

#viewdemo #freequote a {
	height: 25px;
	width: 115px;
top: 0px;
	left: 0px;
	position:relative; 
	
}

#viewdemo #freequote  a:hover { 
	background: transparent url(../img/btn_freequote_on.gif);
}

#viewdemo #traditional {
	left: 24px;
	height: 28px;
	width: 118px;
	top: 193px;
}

#viewdemo #traditional a {
	background: transparent url(../img/btn_traditional_off.gif) no-repeat;
	height: 26px;
	width: 140px;
	top: 0px;
	left: -20px;
	position:relative;
	background-image: url(../img/btn_traditional_off.gif);
	
}

#viewdemo #traditional  a:hover {
	background: transparent url(../img/btn_traditional_on.gif) no-repeat;
}


#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 9px;
border-top:1px solid #4a7e05;
padding: 1px 0;
text-decoration: none;
	color: #FFFFFF;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #6da521;
}
a:link {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4167a6;
	text-decoration: underline;
}
a:link {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4167a6;
	text-decoration: underline;
}

a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #8cc63e;
	text-decoration: underline;
}

a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4167a6;
	text-decoration: underline;
}

a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4167a6;
	text-decoration: underline;
}
.greensubhead {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #669933;
	margin-left: 22px;
}


/****************************************
New CSS added by Tim
*****************************************/
div.solutionsCallout { width: 451px; background: url(../img/bgSeperatorNew.jpg) repeat-x bottom left; padding: 0 0 1px 0; margin: 0 0 0 24px; }
div.hr { width: 570px; background: url(../img/bgSeperatorNew.jpg) repeat-x top left; padding: 0 !important;  margin: 0 0 0 2px !important; display: block; overflow: hidden; height: 1px; }
div.solutionsCallout p.callout { padding-top: 5px; }
div.solutionsCallout .freeQuote { margin-left: 10px; }
div.solutionsCallout.changepad{ padding-bottom: 10px; }
div.solutionsCallout.noborder{ background: none; padding: 0 !important; }
div.solutionsCallout h3 { padding: 0 !important; margin: 0 0 6px 0 !important; }
div.solutionsCallout h3 a { background: url(../img/bgHeaderBullet.jpg) no-repeat center left; font-family: "trebuchet ms", arial;  font-size: 21px; line-height: 25px; padding-left: 31px; text-decoration: none; color: #6DAF0F;  }
div.solutionsCallout h3 a span { color: #2FA10E; }
div.solutionsCallout h3 a:hover, div.solutionsCallout h3 a:hover span { color: #8cc63e; }
div.solutionsCallout p { padding: 0 !important; margin: 0 !important; } 
div.solutionsCallout div.image { float: left; display: inline; width: 136px; padding: 0 !important; margin: 0 !important; }
div.solutionsCallout div.excerpt { width: 290px; float: left; display: inline; padding: 15px 0 0 0 !important; margin: 0 !important; }
.clearleft { clear: left; } 
div.pageLinks { width: 570px; padding: 0 !important; margin: 0 !important; }
div.pageLinks a.active { color: #8cc63e; font-weight: bold; }
.download { margin-left: 20px; }
div.pressReleases ul { list-style: none; padding: 0 0 0 40px !important; margin: 0 !important; }
div.pressReleases ul li { color:#666666; font-family:Arial; padding: 5px 0 0 0 !important; margin: 0 !important; }
div.pressReleases p.inTheNews { padding: 0 0 15px 40px !important; margin: 0 !important; }
div.pressReleases p.readMore { padding: 10px 0 0 40px !important; margin: 0 0 15px 0 !important; }
div.pressReleases p.readMore a { font-weight: bold !important; }
div.pressReleases h4 { font-size: 15px; line-height: 19px; padding: 0 !important; margin: 0 0 0 40px !important; text-decoration: none; color: #6DAF0F; font-family: "trebuchet ms", arial;  }
div.pressReleases p { padding: 0 !important; margin: 0 !important; }
div.pressReleases p img.pressHeader { margin-left: 35px; margin-bottom: 10px; }
div.pressReleases p img.pressSubHeader { margin-left: 35px; margin-bottom: 10px; }
div#viewdemo div.noCallout p { position: static; }
div#viewdemo div.noCallout p.difference a { background: transparent url(../img/btn_traditional_off.gif) no-repeat; height: 26px; width: 140px; display: block; overflow: hidden; text-indent: -9999px; position: static; }
div#viewdemo div.noCallout p.demoImage { width: 176px; height: 124px; }
div#viewdemo div.noCallout p a { position: static;  }
div#viewdemo div.noCallout p.difference a:hover { background: transparent url(../img/btn_traditional_on.gif) no-repeat; }

/**************************************************************** ----- RESET ----- *******************************************************************/
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a { outline: 0; }
strong { font-weight: bold; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
fieldset { border: 0; }
legend, .hide { display: none; }
ul, ul li { list-style: none; }
a:focus, a img {outline: none; border: none;}
.last { margin: 0; } 
.clearfix {display: inline-block;} 
.floatRight { float: right; display: inline; }
.floatLeft { float: left; display: inline; }
.capitalize { text-transform: uppercase; }
.clearleft { clear: left; }
body { text-align: center; font-family: Arial, Verdana, tahoma; background-color: #fff; }
div#frame { width: 874px; text-align: left; margin: 0 auto; }

/**************************************************************** ----- HEADER ----- *******************************************************************/
div#header { width: 874px; padding-top: 9px; }
div#header h1 { float: left; display: inline; width: 256px; margin-top: 9px; }
div#header h1 a { text-indent: -9999px; display: block; overflow: hidden; width: 256px; height: 56px; background: url(../images/imgLogo.jpg) no-repeat top left; }
div#topHeader { width: 874px; height: 65px; overflow: hidden; }
div#topRight { width: 275px; text-align: right; float: right; display: inline; }
div#utilityNav { padding-bottom: 9px; }
div#utilityNav p { color: #939ba1; font-size: 11px !important; line-height: 15px !important;  } 
div#utilityNav p a { color: #558317; text-transform: capitalize; font-size: 11px !important; line-height: 15px !important; }
div#contactInfo h3 { font-size: 14px; line-height: 14px; color: #6b96ac; font-weight: bold; padding-bottom: 4px; }
div#contactInfo p { font-size: 12px; line-height: 12px; color: #6b96ac; font-weight: bold; } 

/************************************
Navigation
************************************/
div#navigation { width: 874px; background-color: #8cc63f; padding-top: 11px; text-align: center; border-bottom: 4px solid #939ba1; }
div#navigation ul#topNav { width: 699px; margin: 0 auto; text-align: left; }
div#navigation ul#topNav li { float: left; display: inline; position: relative; z-index: 3; }
div#navigation ul#topNav li a { float: left; display: block; overflow: hidden; height: 29px; background-image: url(../images/bgNavigation.jpg); background-repeat: no-repeat; text-indent: -9999px; }
div#navigation ul#topNav li#tsDifference a { background-position: top left; width: 194px;  }
div#navigation ul#topNav li#tsDifference a:hover, div#navigation ul li#tsDifference.active a  { background-position: left -29px;  }
div#navigation ul#topNav li#solutions a { background-position: -194px 0px; width: 80px;  }
div#navigation ul#topNav li#solutions a:hover, div#navigation ul li#solutions.active a  { background-position: -194px -29px;  }
div#navigation ul#topNav li#support a { background-position: -274px 0px; width: 72px;  }
div#navigation ul#topNav li#support a:hover, div#navigation ul li#support.active a  { background-position: -274px -29px;  }
div#navigation ul#topNav li#partners a { background-position: -346px 0px; width: 76px;  }
div#navigation ul#topNav li#partners a:hover, div#navigation ul li#partners.active a  { background-position: -346px -29px;  }
div#navigation ul#topNav li#about a { background-position: -422px 0px; width: 72px;  }
div#navigation ul#topNav li#about a:hover, div#navigation ul li#about.active a  { background-position: -422px -29px;  }
div#navigation ul#topNav li#contact a { background-position: -494px 0px; width: 89px;  }
div#navigation ul#topNav li#contact a:hover, div#navigation ul li#contact.active a  { background-position: -494px -29px;  }
div#navigation ul#topNav li#learningCenter a { background-position: -583px 0px; width: 116px;  }
div#navigation ul#topNav li#learningCenter a:hover, div#navigation ul li#learningCenter.active a  { background-position: -583px -29px;  }
div#navigation ul#topNav li ul { position: absolute; top: 29px; left: 0; z-index: 1000; display: none; }
div#navigation ul#topNav li ul li { float: none; font-size: 11px; width: 210px !important; font-family: verdana; }
div#navigation ul#topNav li:hover ul, div#navigation ul#topNav li.sfhover ul { display: block; }
div#navigation ul#topNav li ul li a { float: none; background-image: none; text-indent: 0; display: block; color: #fff; background-color: #8cc63f; width: 200px !important; border-top: 1px solid #4a7e05; height: auto; text-decoration: none; padding: 4px 0 4px 10px; }
div#navigation ul#topNav li ul li a:hover { background-color: #6da521; }



#moreInfoPDF
{
	padding: 10px;
}