@charset "UTF-8";

body {
	background:#414E5E none repeat scroll 0 0;
	color: #2d2d2d;
	font: 14px Arial, Helvetica, sans-serif;
	font-size:small;
}


#wrapper{ background: #fff!important; }

#top-nav {
	height: 120px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 20px;
}


#content { background: #fff url(/landing_pages/img/bg-top.gif) repeat-y; }


#main-content, #bottom2 {
	float:left;
	display:inline;
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 20px;
}
#main-content h3, #bottom2 h3 {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 0px 0px 8px;
	font-size: 150%;
	color: #9D2F0A;
	font-weight: normal;
}




/* ============== Header / banner ================*/


#header {
	background: #CCCCCC url(../img/Head-computer-monitoring.jpg) no-repeat 0px 0px;
	height: 200px;
	position:relative;
}

#header h1{
	font-size: 18px;
	font-weight: normal;
	padding-top: 173px;
	color: #FFFFFF;
	padding-left: 20px;
}

.verticle-focus {  /* ====this is the title of verticle ex. computer tracking====*/
	color: #BEE7FF;
	font-weight: bold;
	font-size: 11px;
	position:absolute;
	top: 180px;
	right: 5px;
	text-transform: uppercase;
	font-style: italic;
	width: 242px;
}

.header-passwords {
	background: #CCCCCC url(../img/Head-Passwords.jpg) no-repeat 0px 0px !important;
}

/* ============== text ================*/


a{
color:#003366;
}
a:hover{
color:#FF6600;
}

h1, h2, h3, h4 {
	font-weight:500;
	padding:5px;
}
p {
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 120%;
}

h2 {
	font-size:220%;
	margin: 0px 0px 20px 0;
	font-weight: normal;
	padding: 0px;
}

ul{
	font-weight: normal;
	list-style: none;
	background: #FFFFFF;
	padding: 5px;
}

/* ============== Buy Buttons  and links ================*/



.buy-win a {
	padding: 0;
	margin: 0 0 0 -10px;
	display: block;
	height: 54px;
	width: 210px;
	background: url(/landing_pages/img/buy-win-1.gif) no-repeat 0 0;
	text-indent: -9999em;
	clear: both;
}

.buy-win a:hover {
	background: url(/landing_pages/img/buy-win-over1.gif) no-repeat 0 0;	
}

.buy-win2 a {
	padding: 0px;
	margin: 0 0 5 0;
	display: block;
	height: 54px;
	width: 100%;
	background: url(/landing_pages/img/buy-win-2.gif) no-repeat center top;
	text-indent: -9999em;
}

.buy-win2 a:hover {
	background: url(/landing_pages/img/buy-win-over2.gif) no-repeat center top;
}


#bottom2 .buy-win a {
	position:absolute;
	top:237px;
	left:-20px;
}

#bottom2 .buy-win a:hover {
	background: url(/landing_pages/img/buy-win-over1.gif) no-repeat 0 0;	
}


/* ============== top content ================*/

#top-content-wrapper {
	padding-top: 30px;
	padding-bottom: 0px;
	background: #fff url(/landing_pages/img/bg-grad1.jpg) repeat-x bottom;
	border-bottom: 2px solid #BCC7BF;
}

#top-content {
	float:left;
	display:inline;
}

#top-content h2 {
	padding-left: 20px;
	letter-spacing: -0.02em;
	font-size: 26px;
}

#top-content h2 span {
	font-size: 18px;
}

#top-content h3 {
	font-size: 22px;
	margin-bottom: 25px;
	margin-left: 0px;
	font-weight: bold;
	margin-top: 0px;
	padding: 0px 0 0 20px;
}

#top-content ul{
	margin:15px 0 0 0;
}

#top-content li {
	color:#00467E;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-0.02em;
	line-height:18px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:10px;
}

#top-content blockquote {
	font: bold 26px/1.1em "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #9d2f0a;
	text-indent: -10px;
	margin-bottom: 8px;
	text-shadow:1px 1px 0 #FFFFFF;
	margin-top: 15px;
}
cite {
	font-size: 12px;
	color: #333333;
	line-height: 1.3em;
}


.box  img {
	padding-left: 20px;
	margin-top: 0px;
	float: left;
}




/* ============== main content ================*/


#main-content li span {
	font-size: 100%;
	color: #233A50!important;
	font-weight: normal;
}

#main-content li {
	padding-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
}

#main-content li {
	font-size: 16px;
	margin-bottom: 20px;
	list-style: none outside;
	clear: both;
	height: 36px;
	font-weight: normal;
}

#main-content li strong{
	color:#222;
	font-size: 18px;
}



/* ============== sidebars ================*/

#sidebar {
	float: right;
	width: 200px;
	display: inline;
	margin-right: 0px;
	padding-right: 12px;
	padding-left: 10px;
	padding-top: 30px;
}
#sidebar-top{
	float: right;
	width: 200px;
	display: inline;
	margin-right: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -20px;
	padding-top: 20px;
	border-left: 1px solid #E3E3E3;
}



#sidebar-bottom {
	float: right;
	width: 200px;
	display: inline;
	margin-right: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 20px;
	padding-top: 20px;
	border-left: 1px solid #E3E3E3;
}

#sidebar-top h3, #sidebar h3, #bottom-content h3, #sidebar-bottom h3 {
	font-size: 15px;
	padding-right: 0px;
	padding-bottom: 3px;
	text-align: center;
	color: #9D2F0A;
	margin: 5px 0px 8px;
	font-weight: bold;
	background: #FFFFFF;
}


.download-install {
	border: 2px solid #1F3448;
	-moz-border-radius: 8px;
	-webkit-border: 8px;
	background: url(/landing_pages/img/bg-btn.jpg);
}


#sidebar h2, #sidebar-bottom h2 {
	background: #1F3448;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 5px 10px 10px;
	font: normal 18px/1em "arial narrow", Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 3px #000;
	border-top: 3px solid  #1F3448;
	border-right: 3px solid  #1F3448;
	border-bottom: 3px solid  #1F3448;
	border-left: 3px solid  #1F3448;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-top-radius: 10px;
}
#sidebar h2 span, #sidebar-bottom h2 span {
	text-transform: uppercase;
	font-size: 18px;
	color: #FFFFCC;
	font-weight: bold;
}

#sidebar-bottom blockquote, #sidebar blockquote{
	font-weight: normal;
	list-style: none;
	background: #FFFFFF no-repeat center top;
	padding: 15px;
	border-bottom: 1px solid #E8E8E8;
	border-right: 3px solid #1F3448;
	border-left: 3px solid #1F3448;
	text-indent: -4px;
	
}
#sidebar-bottom .last, #sidebar .last{
	border-bottom: 3px solid #1F3448;
	width: 179px;
	display: block;
	border-right: 3px solid #1F3448;
	border-left: 3px solid #1F3448;
	background: #FFFFFF;
	padding: 5px 5px 5px 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#sidebar ul{
	font-weight: normal;
	list-style: none;
	background: #FFFFFF url(/landing_pages/img/List-BG.gif) no-repeat center top;
	padding: 15px 5px 15px 10px;
	border-right: 3px solid #1F3448;
	border-bottom: 3px solid #1F3448;
	border-left: 3px solid #1F3448;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	
	
	
}
#sidebar  li {
	color: #9d2f0a;
	font-size: 13px;
	font-weight: bold;
	list-style: none outside;
	clear: both;
	background: url(/landing_pages/img/checkmark.gif) no-repeat left 8px;
	padding-left: 30px;
	border-bottom: 1px dotted #E3E3E3;
	padding-top: 5px;
	padding-bottom: 5px;
}


#sidebar li span {
	font-size: 11px;
	color: #22394F;
	font-weight: normal;
}

#sidebar li a{
text-decoration:underline;
color: #9d2f0a;

}
#sidebar li a:hover{
	color: #FF6600!important;
}






/* ============== bottom-content ================*/


#bottom-content {
	background: #E3F0E6;
	border-top: 1px solid #FFFFFF;
}
#bottom-content .grid_5 {
	width: 260px;
}
#bottom-content p {
	font-size: 110%;
}

#bottom-content h2{
	color: #9D2F0A;
	font: bold normal 28px/1.2em "arial narrow", Arial, Helvetica, sans-serif;
}

#bottom-content h2 span{
	text-transform: uppercase;
	font-size: 16px;
	color: #1F3448;
	font-weight: bold;
	line-height: 1.3em;
}

#bottom-content column3 {
	padding: 30px;
	float: right;
	width: 260px;
}

.line {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 30px 29px;
}

/* ============== bottom2 ================*/

#bottom2 h2{
	font: bold normal 28px/1.2em "arial narrow", Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#bottom2 h4 {
	font: bold normal 24px/1.2 "arial narrow", Arial, Helvetica, sans-serif;
	color: #9D2F0A;
	padding-top: 5px;
	padding-bottom: 5px;
}


#bottom2 h4 span{
	text-transform:uppercase;
	color:#999999;
	padding: 20px 0 0px 10px;
	font: 12px/1.4em "arial narrow", Arial, Helvetica, sans-serif;
}

#bottom2  h6 {
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}

#bottom-content blockquote, #bottom2 blockquote {
	color: #9D2F0A;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.4em;
}
#bottom2-wrapper {
	background: #fff url(/landing_pages/img/bg-top.gif) repeat-y;
	border-top: 2px solid #BCC7BF;
}
#bottom2  .grid_4 {
	width: 180px;
}

#bottom2 ul{ background:transparent; }

#bottom2  li {
	font-size: 14px;
	margin-bottom: 3px;
	list-style: none outside;
	clear: both;
	line-height: 32px;
}

.callout-box {
	background:#FFFFFF url(/landing_pages/img/bg-grad1.jpg) repeat-x scroll center bottom;
	border:3px solid #00467E;
	margin:0 0 20px;
	padding:10px;
	width:435px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.columns {
	width: 150px;
	float: left;
}


/* ============== footer ================*/

#footer{
background:#181818;
height:150px;
}

#footer p {
	font-size: 11px;
	color: #999999;
	text-align: center;
}
#footer {
	padding: 20px;
}
#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #FF9900;
}



/* ============== Misc. ================*/

.flt-left{ float:left; }

.flt-right{ float:right;}

.highlight { color: #9d2f0a!important; }

.pad-20 {
	margin-right: 0px;
	margin-left: 0px;
	padding: 30px;
}

.align-left { text-align: right!important; }

.center { text-align: center!important; }

.img-pad { margin-top: 0px; }

.small {
	font-size: 90%;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	color: #1F3448;
	margin-left: 0px;
}


.pos-rel{
position:relative;
}
.accolades {
	background: url(/landing_pages/img/accolades.jpg);
	height: 57px;
	width: 100%;
	border-bottom: 2px solid #111;
	border-top: 2px solid #fff;
}

iframe{
overflow:hidden!important;
}