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


body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#cbc2ba; background:#cbc2ba;
	/*font-size:1em;*/
	color:#434343;
}

ol, ul {list-style:url(../images/red-arrow.png); line-height:1.75em; }
	

/*This code frames the page with a 5px shadow*/
.shadow {
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}



/*This code imports your fonts
@font-face { font-family:'Helvetica Neue Light', 'Helvetica Neue Regular'; src:url( 
}

@font-face { font-family: 'KozGoPro-ExtraLight'; src:url(../include/fonts/KozGoPro-ExtraLight.otf);
}
@font-face { font-family: 'KozGoPro-Medium'; src:url(../include/fonts/KozGoPro-Medium.otf); 
}
@font-face { font-family: 'KozGoPro-Light'; src:url(../include/fonts/KozGoPro-Light.otf); 
}
@font-face { font-family: 'KozGoPro-Regular'; src:url(../include/fonts/KozGoPro-Regular.otf); 
}
@font-face { font-family: 'KozGoPro-Bold'; src:url(../include/fonts/KozGoPro-Bold.otf); 
}

@font-face { font-family:'Helvetica Light'; src:url(../include/fonts/HelveLig.otf); */
}


/*END*/



h1 {
	font-family:Helvetica, san-serif, KozGoPro-ExtraLight;
	font-size: 3em;
	font-weight: lighter;
	line-height: 1.2em;
}
h2 {
	font-family:Helvetica, san-serif, KozGoPro-Light;
	font-size:1.5em;
	font-weight: lighter;
	line-height: 1em;
}
h3 {
	font-family: Helvetica, san-serif, KozGoPro-Medium;
	font-size:1em;
	line-height: 1em;	
}


/*h3.pagecopy { font-size:1.2 em;  color:#999999; }
h4.pagecopy { font-size:1.1 em; font-weight: }*/


.floatright
{
float: right;
width: 156px;
margin: 20px 0 50px 50px;
}

.floatright2
{
float: right;
width: 192px;
margin: 20px 0 50px 20px;
}


#container {
	width:1058px;
	margin-left:40px;
	margin-right:38px;
	background-color:#FFF;
	
}

#container2 {
	padding:30px;
	width:998px;
	background-color:#FFF;
	
}

#header {
	width:1058px;
	height:86px;
	background-color:#FFF;
	background-image:url(../images/shutterstock_60949570.jpg);
	background-repeat:repeat-x;
	text-align:left;
	
}

#navbar {
	width:1058px;
	height:56px;
	background-image:url(../images/nav-bkgnd.png);
	background-repeat:repeat-x;
	/*margin-bottom:10px;*/
	
	
}

#nav_items {
	
	font-weight:300;
	color:#FFF;
	float:left;
	margin-top:5px;
	font-variant:small-caps;
	margin-left:30px;
	font-size:15px;
	color:#FFF;
	
}


#nav_items a:hover {
	text-decoration:underline;
}

#footer_items {
	width:55%;
	font-weight:300;
	color:#FFF;
	float:left;
	margin-top:20px;
	font-variant:small-caps
	margin-left:66px;
}

/*ie workaround for social icons in nav
#social_icons {
	width:17%;
	float:right;	
[if IE]>
    padding:0 10px 0 0;
<![endif]
}
*/

#social_icons {
	width:17%;
	float:right;
	padding: 10px 10px 10px 0;
	
		

}

/*ie workaround for subnav*/
    
	ul, ol, dl { position: relative;  }



ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 600px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.0em;
	/*color:#FFF;
	background: url(topnav_stretch.gif) repeat-x;*/
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	color:#FFF;
	/*font-size:.75em;*/
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 12px;
	/*display: block;*/
	color: #FFF;
	text-decoration: none;
}
ul#topnav li:hover {
	color:#FC0;
	}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/



ul#topnav li span {
	float: left;
	padding: 4px 0;
	position: absolute;
	left: 0;
	top:20px;
	display: none; /*--Hide by default--*/
	width: 1022px;
	font-size:.85em;
	color:#FC0;
	height: 27px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; color:#FC0;  } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline; color:#FC0;}
ul#topnav li span a:active {color:C00;}
ul#topnav li.active span{display:block;}


/* this css is no longer used -----------------------------------------------------

.activeheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
	color: #FC0;
}

#subnav {
	font:Helvetica, san-serif;
	font-size:11px;
	font-weight:400;
	color:#FC0;
}

#subnav a {color:#FC0;}
#subnav a:visited {color:#FC0;}
#subnav a:hover {color:#FC0; text-decoration:underline;}
#subnav a:active {color:#C00;}	

#subnav_company {
	font:Helvetica, san-serif;
	font-size:11px;
	font-weight:400;
	color:#FC0;
}

#subnav_company a {color:#FC0;}
#subnav_company a:visited {color:#FC0;}
#subnav_company a:hover {color:#FC0; text-decoration:underline;}
#subnav_company a:active {color:#C00;}


#subnav_support {
	font:Helvetica, san-serif;
	font-size:11px;
	font-weight:400;
	color:#FC0;
}

#subnav_support a {color:#FC0;}
#subnav_support a:visited {color:#FC0;}
#subnav_support a:hover {color:#FC0; text-decoration:underline;}
#subnav_support a:active {color:#C00;}  ---------------------------------------------------*/


#mainbody {
		width:981px;
		height:600px;
		padding:17px,22px,22px,22px;
		color:#FFF;
		
}
/*this is to style the actual apDivs in NAVIGATION.txt*/

#product_subnav {
	position:absolute;
	left:79px;
	top:48px;
	width:318px;
	height:36px;
	z-index:1;
	visibility: hidden;
} 
#company_subnav {
	position:absolute;
	left:155px;
	top:48px;
	width:525px;
	height:33px;
	z-index:2;
	visibility: hidden;
}
#subnav_support {
	position:absolute;
	left:230px;
	top:48px;
	width:215px;
	height:38px;
	z-index:3;
	visibility: hidden;
}

/* end of apDiv style*/

#featurewindow {
	width:875px;
	height:390px;
	background-image:url(../images/darkblue.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	margin-left:20px;
	margin-right:20px;
	padding-left:45px;
	padding-right:20px;
}
	
#content {
	width:875px;
	color:#FFF;
	background-color:#666;
	margin-left:20px;
	margin-right:20px;
	padding-left:45px;
	padding-right:20px;
}

#PPcontent {
	width:1018px;
	color:#000;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	background-color:#FFF;
	
}

#callouts {
	width:550px;
	height:78px;
	line-height:1.5 em;
	font-size:.75 em;
	color:#FFF;
	/*background-color:#093d65;*/
	list-style-image:url(images/red-arrow.png);
	list-style-position:inherit;
	/*padding-top:10px;*/
	margin-left:340px;
}

#productbox {
	padding:0px;
	background-image:url(../images/product1_bkgnd.png);
	margin-left:20px;
	width:940px;
	height:158px;
}
	
#footer {
	width:1058px;
	background-image:url(../images/footer-bkgnd.png);
	height:59px;
	margin:0px;
	color:#FFF;
	font-size:12px;
}

#footer a {color:#FFF;}
#footer a:hover { text-decoration:underline;}

/*--------------------------------Password Plus elements--------------------------------*/
#PP_container {
	width:1018px;
	height:90%;
	padding:17px 21px 75px 20px;
	background-color:#FFFFFF;

}

#PP_featuretop {
	width:1018px;
	height:390px;
	vertical-align:top;
	background-image:url(../images/pp_feature_top_bkgnd.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-stretch: condensed;
}

#PP_featurebtm {
	width:1018px;
	height:156px;
	background-image:url(../images/pp_feature_btm_bkgnd.jpg);
	color:#CCC;
}
/*--------------------------------END--------------------------------*/

/*--------------------------------START ROADSYNC STYLES--------------------------------*/
#RS_container {
	width:1018px;
	height:570px;
	padding:17px 21px 22px 20px;
	background-color:#FFFFFF;

}

#RS_featuretop {
	width:1018px;
	height:390px;
	vertical-align:top;
	background-image:url(../images/rs_feature_top_bkgnd.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-stretch: condensed;
	font-size: .75em;
}

#RS_featurebtm {
	width:1018px;
	height:183px;
	background-color:#000000;
	color:#CCC;
}

#RS_copybox {
	padding-left:492px;
	padding-top:65px;
	/*padding-bottom:40px;*/
	padding-right:40px;
	
}


/*--------------------------------END RS--------------------------------*/

#DTG_container {
	width:1018px;
	height:570px;
	padding:17px 21px 22px 20px;
	background-color:#FFFFFF;

}

#DTG_featuretop {
	width:1018px;
	height:390px;
	vertical-align:top;
	background-image:url(../images/dtg_feature_top_bkgnd.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-stretch: condensed;
	font-size: .75em;
}

#DTG_featurebtm {
	width:1018px;
	height:183px;
	background-color:#000000;
	color:#CCC;
	
}

#DTG_copybox {
	padding-left:368px;
	padding-top:15px;
	/*padding-bottom:40px;*/
	padding-right:90px;
}


#PP_copybox {
	
	padding-left:368px;
	padding-top:20px;
	/*padding-bottom:40px;*/
	padding-right:30px;
}

.DTG_featureheader1 {
	font-size:3.5em;
	color:#FFF;
	font-weight: lighter;
}

.header {
	font-size:47px;
	font-weight:300;
}

.subheader {
	font-size:23px;
	font-weight:300;
	color:#FFF;
}

.subheader2 {
	font-size:18px;
	font-weight:300;
	color:#FFF;
}
.subheader3 {
	font-size: 17px;
	line-height: 20px;
	color: #FFF;
}
.subheader4 {
	font-size: 13px;
	line-height: 1.5em;
	color: #CCC;
	
}

.copywhitefeaturebullet {
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight:700;
	font-variant: normal;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

.copywhitefeature {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

.copy-white {
	font-size:0.75em;
	color:#FFF;
	/*font-family: Arial, Helvetica, sans-serif;*/
	line-height: 1.35em;
}

.copy-black {
	font-size:.75 em;
	color:#000;
	line-height: 1.35em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.blueheader {
	font-size: 14px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: lighter;
	font-variant: normal;
	color: #1f9aff;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
	

a:link {
	color:#09F;
	text-decoration:none;
}

a:visited {
	color:#09F;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:underline;

}

a:active {
	color:red;
	text-decoration:underline;
	font-weight: normal;
}

.testimony {
	color:#0190ff;
	font-size:.75em;
	font-style:italic;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.footercopy {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-left:66px;
	margin-top:10px;
}

a.footercopy { color:#C00;}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#defaff 0%,
		#ffffff 13%,
		#3571cc 68%,
		#7ecbd9);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#defaff),
		color-stop(0.13, #ffffff),
		color-stop(0.68, #3571cc),
		to(#7ecbd9));
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #bdeaff;
	-moz-box-shadow:
		-1px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,1);
	-webkit-box-shadow:
		-1px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(000,000,000,1);
	text-shadow:
		0px 1px 0px rgba(052,057,077,0.7),
		0px 0px 0px rgba(255,255,255,0.3);
}

/*.rspromotext {
	font-family:"Helvetica Light",san-serif;
}*/