html {overflow-y: scroll;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
	vertical-align: baseline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;

	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    height: 100%;

	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;

}

.tg  {
	width:1055px;
	border-spacing: 0;
		border: 1px solid black;
}

.tg td {
	border-right:1px solid black;
    border-bottom:1px solid black;
	padding-left:3px;
}

 a:link {color: #01a8d4;}
 a:visited {color: #006c88;}
 a:active {text-decoration: none}
 a:hover {color: #006c88;
text-decoration:underline;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; }
 a {text-decoration: none}

a.two:link {color:#ffffff;}
a.two:visited {color:#ffffff;}
a.two:hover {text-decoration:underline;;}

a.three:link {color:#006c88; padding-left:21px;}
a.three:visited {color:#006c88;}
a.three:hover {color:#01a8d4;}

a.four:link {color:#006c88; line-height: 121px;}
a.four:visited {color:#006c88;}
a.four:hover {color:#006c88;
text-decoration:underline;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; }
 a.four {text-decoration: none}

a.five:link {color:#01a8d4; padding-left:25px;}
a.five:visited {color:#01a8d4;}
a.five:hover {color:#01a8d4;}

#nav a:link {color: #FFF;}
#nav a:visited {color: #FFF;}
#nav a:active {text-decoration: none}
#nav a:hover {color: #FFF;}
#nav a {text-decoration: none}

#linklogin a:link {color: #006c88;}
#linklogin a:visited {color: #006c88;}
#linklogin a:active {text-decoration: none}
#linklogin a:hover {text-decoration:underline; color:#01a8d4;}
#linklogin a {text-decoration: none}

#linkfeatures a:link {color: #FFF;}
#linkfeatures a:visited {color: #FFF;}
#linkfeatures a:active {text-decoration: none}
#linkfeatures a:hover {text-decoration:underline; color:#FFF;}
#linkfeatures a {text-decoration: none}

.button-bar a:link {color: #FFF;}
.button-bar a:visited {color: #FFF;}
.button-bar a:active {color: #FFF;}
.button-bar a:hover {color: #FFF; text-decoration: none;}
.button-bar a {color: #FFF;}

.button-bar-features a:link {color: #FFF;}
.button-bar-features a:visited {color: #FFF;}
.button-bar-features a:active {color: #FFF;}
.button-bar-features a:hover {color: #FFF; text-decoration: none;}
.button-bar-features a {color: #FFF;}

.button-bar-support a:link {color: #FFF;}
.button-bar-support a:visited {color: #FFF;}
.button-bar-support a:active {color: #FFF;}
.button-bar-support a:hover {color: #FFF; text-decoration: none;}
.button-bar-support a {color: #FFF;}

.button-bar2 a:link {color: #FFF;}
.button-bar2 a:visited {color: #FFF;}
.button-bar2 a:active {color: #FFF;}
.button-bar2 a:hover {color: #FFF; text-decoration: none;}
.button-bar2 a {color: #FFF;}

.button-bar3 a:link {color: #FFF;}
.button-bar3 a:visited {color: #FFF;}
.button-bar3 a:active {color: #FFF;}
.button-bar3 a:hover {color: #FFF; text-decoration: none;}
.button-bar3 a {color: #FFF;}

.button-bar4 a:link {color: #FFF;}
.button-bar4 a:visited {color: #FFF;}
.button-bar4 a:active {color: #FFF;}
.button-bar4 a:hover {color: #FFF; text-decoration: none;}
.button-bar4 a {color: #FFF;}

.button-bar6 a:link {color: #FFF;}
.button-bar6 a:visited {color: #FFF;}
.button-bar6 a:active {color: #FFF;}
.button-bar6 a:hover {color: #FFF; text-decoration: none;}
.button-bar6 a {color: #FFF;}

#container {
	width: 100%;
	height: 100%;
	position: relative;
	clear: both;
}

#logo-bar {
	width: 1155px;
	height: 86px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color:#FFF;
	
}

#logo {
	padding-top:11px;
	padding-bottom:11px;
	
}

#notice-bar {
	width: 100%;
	height: 140px;
	background-color:#0f637d;

}

#notice {
	height: 140px;
	width: 1153px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

#banner-bar {
	width: 100%;
	height: 457px;
	background-color:#0f637d;

}

#banner {
	height: 457px;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

#nav-bar {
	width: 100%;
	height: 48px;
	background-color:#01a8d4;

}
#support-image {
  display: inline-block;
  position: relative;
  
  height: 490px;
  

  width: 100%;
}

#nav {
	height: 48px;
	width: 1155px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-size:18px;
	text-align: left;
	vertical-align: bottom;

}

#linkhome {
	padding-top:10px;


	width: 86px;
	float: right;		
}
#linkstarted {
padding-top:10px;

	width: 116px;
	float: right;			
}

#linkfeatures {
	margin-top:4px;

	width: 129px;
	float: right;
	height:40px;
	margin-right:31px;
}
#linksupport {
padding-top:10px;

	width: 105px;
	float: right;		
}
#linklogin {

margin-top:8px;
background-image:url(../images/login-button-bg.png);
	float: right;	
	width:120px;
	Height:32px;	
}
#linklogintext {

margin-top:2px;

}

#linkfeaturestext {

margin-top:6px;

}

#slider-bar {
	width: 100%;
	background-color:#FFF;

}

#col-bar {

	height: 439px;
	background-color:#FFF;
	width: 1155px;
	margin-right: auto;
	margin-left: auto;
		color:#4c4c4c;

}


#col1 {
height: 402px;
width: 285px;
  float: left;
  
  margin-top:20px;
  margin-left:50px;
  margin-right:50px;
  margin-bottom:40px;
    position:relative;


}

#col2 {
	height: 402px;
	width: 285px;
  float: left;
  margin-top:20px;
  margin-left:50px;
  margin-right:50px;
  margin-bottom:40px;
    position:relative;

}

#col3 {
	height: 402px;
	width: 285px;
  float: left;
  margin-top:20px;
  margin-left:50px;
  margin-right:50px;
  margin-bottom:40px;
  position:relative;

}

#sup-col-bar {

	height: 439px;
	background-color:#FFF;
	width: 856px;
	margin-right: auto;
	margin-left: auto;
		color:#4c4c4c;

}

#supcol1 {
height: 402px;
width: 428px;
  float: left;
  
  margin-top:20px;


  margin-bottom:40px;
    position:relative;


}

#supcol2 {
	height: 402px;
	width: 428px;
  float: left;
  margin-top:20px;


  margin-bottom:40px;
    position:relative;

}

.icon-box {

	height: 121px;
	width: 121px;
	margin-right: auto;
	margin-left: auto;

}

.support-icon-box {

	height: 121px;
	width: 121px;
    display:inline-block;
	position:relative;
	float:left;

}

.training-icon-box {

	height: 121px;
	width: 121px;
    display:inline-block;
	position:relative;
	float:left;
  	padding-right: 50px;

}
.col-title {

	height: 33px;
	width: 100%;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#006c88;
	padding-top:9px;

}
.sup-title {

	height: 121px;
	width: 267px;

	font-weight:bold;
	font-size:16px;
	color:#006c88;
	padding-left:161px;
	line-height: 121px;
}

.sup-title-box {

	height: 121px;
	width: 428px;
    display:inline-block;
	position:relative;
    padding-bottom:21px;

}

.col-text {
	width: 100%;
	text-align:justify;
	line-height:1.9;

}

.button-bar {

	height: 53px;
	width: 113px;

	margin-left: 86px;
	position:absolute;
	bottom:0;

}

.button-bar-features {

	height: 53px;
	width: 113px;

	margin-left: 92px;
	position:absolute;
	bottom:0;

}

.button-bar-support {

	height: 53px;
	width: 113px;

	margin-left: 67px;
	position:absolute;
	bottom:0;

}

.button-bar2 {

	height: 53px;
	width: 113px;
	bottom:0;

}

.button-bar3 {

	height: 53px;
	width: 151px;
	bottom:0;
	padding-bottom:20px;

}

.button-bar4 {

	height: 53px;
	width: 413px;
	bottom:0;

}
.button-bar5 {

	height: 53px;
	width: 151px;
	bottom:0;

}
.button-bar6 {

	height: 53px;
	width: 151px;
	bottom:0;
	padding-top:20px;
	padding-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}

.learn-more-button {
background-color:#01a6d4;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:inline-block;
cursor:pointer;
color:#FFF;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:14px 13px;
text-decoration:none;

}

.login-button {
background-color:#01a6d4;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:inline-block;
cursor:pointer;
color:#fff!important;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:5px 13px;
text-decoration:none;

}

.login-button:hover {
background-color:#006c88;

}
.login-button:active {
position:relative;
top:1px;
}

.login-bar {
	margin-top:1.5rem
}

.support-button {
background-color:#01a6d4;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:inline-block;
cursor:pointer;
color:#FFF;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:14px 13px;
text-decoration:none;
width:125px;
text-align:center;
}

.features-button {
background-color:#01a6d4;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:inline-block;
cursor:pointer;
color:#FFF;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:14px 13px;
text-decoration:none;
width:75px;
text-align:center;
}

.learn-more-button:hover {
background-color:#006c88;

}
.learn-more-button:active {
position:relative;
top:1px;
}

#blue-bar {
	width: 100%;
	height: 545px;
	background-color:#01a8d4;

}
#support-body {
	height: 680px;

}

#training-body {
	height: 1104px;

}

#support-body-contact {
	height: 775px;

}

#support-body-faq1 {
	height: 1400px;

}

#support-body-faq2 {
	height: 5000px;

}

#support-body-faq3 {
	height: 7830px;

}

#support-body-faq4 {
	height: 2400px;

}

#support-body-faq5 {
	height: 4900px;

}

#support-body-faq6 {
	height: 4311px;

}


#support-icons-bar {
	width: 808px;
    margin-left:auto;
	margin-right:auto;
}
#support-icons-text {
	width: 856px;
    margin-left:auto;
	margin-right:auto;

}

#training-icons-bar {
	width: 637px;
	height:100%;
    margin-left:auto;
	margin-right:auto;
}
#training-icons-text {
	width: 684px;
    margin-left:auto;
	margin-right:auto;

}
.training-icons-text-title  {
    text-align:center;
    width:168px;
	font-weight:bold;
	font-size:16px;
	color:#006c88;
    display:inline-block;
	line-height: 21px;
	vertical-align:middle;
    padding-top:10px;
}

.training-icons {
	width: 121px;
    height: 121px;
	display:inline;
}


#features-title {
	width: 336px;
	height: 24px;
	margin-right: auto;
	margin-left: auto;
	padding-top:28px;
	padding-bottom:28px;


}

#features-holder {
	width: 1055px;
	height: 380px;
	background-color:#FFF;
	margin-right: auto;
	margin-left: auto;

}

#features-holder2 {
	width: 1055px;
	height: 464px;
	background-color:#FFF;
	margin-right: auto;
	margin-left: auto;
	border:1px solid #c9c9c9;

}

/* styles for features tab slider */

.skin9.left .tabs_header {
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;

}
	.skin9.left .tab_header_item {
		display: block;
	}
		.skin9.left .tab_header_item a {
			outline: 0;
		}
 .skin9.left .tab_content {
	display: none;
}
/* end left */



.skin9.left.tabs_wrapper {
	border-top: none;
}

.skin9.left .tabs_header {
	overflow: visible;
	margin-right: 20px;
	border-right: 1px solid #ddd;


}
 .skin9.left .tab_header_item {
    display: block;
    right: -12px;
    padding-right: 5px;
    position: relative;
}
 .skin9.left .tab_header_item.tab_selected {
}
 .skin9.left .tab_header_item.tab_selected a {
	color: #006c88;
	font-weight:bold;
	background: url(../images/selected_tab.png) right center no-repeat;
}
 .skin9.left .tab_header_item.first_tab {
}
 .skin9.left .tab_header_item a {
    background: url("../images/tab.png") no-repeat scroll right center transparent;
    color: #01a8d4;
    display: block;
    font: 12px/18px Arial,Helvetica,sans-serif;
    outline: 0 none;
    padding: 10px 20px;
    text-decoration: none;
}


 .skin9.left .tab_header_item a:visited {color: #006c88;}
 .skin9.left .tab_header_item a:active {text-decoration: none}
 .skin9.left .tab_header_item a:hover {color: #006c88;
text-decoration:underline;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; }


 .skin9.left .content_holder {
	font: 12px/24px Arial, Helvetica, sans-serif;
	color: #777;
	padding: 5px 30px;


	margin-left: 240px;
}

 .skin9.left .inner_content {


}

.support-button-bar {

	height: 53px;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;

	margin-top:12px;

}

.text-title {

	height: 33px;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;
	font-weight:bold;
	font-size:16px;
	color:#006c88;
	padding-top:12px;

}
.features-text-title {

	height: 33px;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;
	font-weight:bold;
	font-size:20px;
	color:#006c88;
	padding-top:12px;
	padding-bottom:8px;
    text-align:center;
}
.support-text-title {

	height: 33px;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;
	font-weight:bold;
	font-size:20px;
	color:#006c88;
	padding-top:12px;
	padding-bottom:23px;
    text-align:center;
}

.text-bar {

padding-top:4px;
	background-color:#FFF;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;
		color:#4c4c4c;


}
.text-bar-login {
padding-top:4px;
	background-color:#FFF;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;
		color:#4c4c4c;
		height:600px;

}
.features-bar-grey {


	background-color:#ebebeb;
	width: 100%x;
	margin-right: auto;
	margin-left: auto;
		color:#4c4c4c;
    height:390px;
}


.features-bar-white {


	background-color:#FFF;
	width: 100%x;
	margin-right: auto;
	margin-left: auto;
		color:#4c4c4c;
    height:390px;
}
.features-bar {



	width: 1055px;
	margin-right: auto;
	margin-left: auto;
		color:#4c4c4c;

}
.features-gif-left {
    padding-top:15px;
	width: 610px;
	height: 360px;
    padding-right:60px;
    display:inline-block;
    position:relative;

}
.features-gif-right {
    padding-top:15px;
	width: 610px;
	height: 360px;
    padding-left:60px;
    display:inline-block;
    position:relative;

}
.features-text-right {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:94px;

}

.features-text-right-multi-zone {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:31px;

}

.features-text-right-scrolling-text {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:99px;

}

.features-text-right-scheduling {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:91px;

}



.features-text-right-big-title {

    width:380px;
    display:inline-block;
    position:relative;
	font-weight:bold;
	font-size:16px;
	color:#006c88;

}
.features-text-right-sub-title {

    display:inline-block;
    position:relative;
    width:380px;
	font-weight:bold;
	font-size:13px;
	color:#01a8d4;
	padding-bottom:7px;
}

.features-text-right-copy {

    width:380px;
	height: 100%;
    display:inline-block;
    position:relative;
    line-height: 1.9;
    color:#4c4c4c;
}

.features-text-left {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:91px;

}

.features-text-left-reports {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:91px;

}

.features-text-left-custom-bg {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:110px;

}

.features-text-left-remote {

	width: 380px;

    display:inline-block;
    position:relative;
    bottom:96px;

}
.features-text-left-big-title {

    width:380px;
    display:inline-block;
    position:relative;
	font-weight:bold;
	font-size:16px;
	color:#006c88;

}
.features-text-left-sub-title {

    display:inline-block;
    position:relative;
    width:380px;
	font-weight:bold;
	font-size:13px;
	color:#01a8d4;
	padding-bottom:7px;
}

.features-text-left-copy {

    width:380px;
	height: 100%;
    display:inline-block;
    position:relative;
    line-height: 1.9;
    color:#4c4c4c;
}



#footer-bar {
	width: 100%;
	height: 170px;
	background-color: #01a8d4;
	position: absolute;
	overflow: visible;
	visibility: visible;
	float: none;
	clear: both;
	margin-top: 23px;
	}

#footer {
	margin: auto;
	width: 958px;
	height: 170px;
	background-color: #01a8d4;

	}
	
#foot-left li {
		font-size:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:21px;
	text-align:left;
	color:#fff;
	height:23px;
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 0px 4px 0px;
	margin-right:18px;
	margin-top:18px;

	border:none;
	}
	
	#foot-left li a{
		font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:21px;
	text-decoration:none;
	color:#fff;
	}
	
		#foot-left li:hover a{

	text-decoration:underline;

	}
	
#foot-left-features li {
		font-size:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:21px;
	text-align:left;
	color:#fff;
	height:23px;
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 0px 4px 0px;
	margin-right:275px;
	margin-top:18px;

	border:none;
	}
		#foot-left-features li a{
		font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:21px;
	text-decoration:none;
	color:#fff;
	}
	
		#foot-left-features li:hover a{

	text-decoration:underline;

	}
	
#foot-right li {
		font-size:15 px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:21px;
	text-align:left;
	color:#fff;
	height:39px;
	float:right;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 0px 4px 0px;
	margin-left:18px;
	margin-top:18px;

	border:none;
	}
	
	#foot-right li a{
		font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:21px;
	text-decoration:none;
	color:#fff;
	}
	
		#foot-right li:hover a{

	text-decoration:underline;

	}
#footer-base {

	width: 958px;
	height: 100px;
	clear: both;
	text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	
}	
#footer-base-left {

	width: 170px;
	height: 100px;
	clear: both;
	text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-left: 65px;	
	display: inline-block;
	
}
#footer-base-middle {

	width: 163px;
	height: 100px;
	clear: both;
	text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display: inline-block;
	vertical-align:top;
}
#prevarrow {
	height: 79px;
	width:76px;
	float: left;
}
#spacerarrow {
	height: 79px;
	width:883px;
	float: left;
}
#nextarrow {
	height: 79px;
	width:76px;
	float: right;
}