body {
	color: #444;
}

#intro h1 { font-size: 280%; }

#footer {
	background: #007DC2;
}


#intro h1.small {
	font-size: 170%;
	color: #017ec5;
	margin-top: 0;
	text-transform:lowercase
}

#intro h1.large {
	font-size: 310%;
	color: #666;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1.3;
	text-transform:lowercase;
	margin-top: 10px;
}

a {
	color: #017ec5;
}

a:hover {
	color: #017ec5;
}

h2 {
	font-size: 150%;
	margin: 5px 0 15px 0;
	color: #017ec5;
}


h3 {
	font-size: 120%;
	color: #444;
	font-weight: bold;
}

h4.head {
	margin: 0 0 5px 0;
	color: #017ec5;
}

#content h1 {
	color: #666;
}

li {
	margin-bottom: 6px;
}

/* ------------ CONTROL NAV ------------ */

#control-wrap {
	background: #e6e6e6;
	color: #4B4B4B;
	font-size: 90%;
}

#control {
	width: 760px;
	margin: 0 auto;
	position: relative;
	height: 37px;
}

ul#control-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	right: 0
}

#intro {
 	min-height:200px;
  	height:auto !important;
  	height:200px;
}


ul#control-nav li {
	display: inline;
}

ul#control-nav a {
	color: #4b4b4b;
	text-decoration: none;
}

ul#control-nav a:hover, ul#control-nav a:focus, ul#control-nav a:active,
#home li#nav-home a,
#contact li#nav-contact a,
#login li#nav-login a,
#terms li#nav-terms a

{color: #017ec5;}

/* ------------ CONTENT ------------ */

/* USES SEPARATE COL ID COMBINED WITH EXTRA CLEARING DIV IN HTML FOR IE5 MAC */
#content-two-col { background: transparent url(/images/monitoring-content-bg.gif) 5px top repeat-y; }

#text {
	width: 545px;
	float: right;
	margin-top: 0;
	padding-top: 0;
}

#sidebar {
	width: 171px;
	float: left;
}

ul.subnavlist { 
	margin: 0 0 10px 16px;
	padding: 0;
	font-size: 90%;
}

ul.subnavlist li { margin-bottom: 2px; }

ul.subnavlist a {
	color: #444;
	text-decoration: none;
	width: 140px;
	display: block;
}

ul.subnavlist a:hover, ul.subnavlist a:focus, ul.subnavlist a:active,
.health li#subnav-health a,
.legal li#subnav-legal a,
.financial li#subnav-financial a,
.insurance li#subnav-insurance a,
.smb li#subnav-smb a,
.it li#subnav-it a,
.email li#subnav-product a,
.edetails li#subnav-edetails a,
.efeatures li#subnav-efeatures a,
.dfeatures li#subnav-dfeatures a,
.conditions li#subnav-conditions a,
.privacy li#subnav-privacy a,
.terms li#subnav-terms a,
.aboutoverview li#subnav-aboutoverview a,
.philosophy li#subnav-philosophy a,
.data li#subnav-data a,
.edata li#subnav-edata a,
.email-user li#subnav-email-user a,
.email-reseller li#subnav-email-reseller a, 
.data-user-create-backup li#subnav-data-user-create-backup a,
.data-user-run-backup li#subnav-data-user-run-backup a,
.data-user-restore-backup li#subnav-data-user-restore-backup a,
.data-user-preferences li#subnav-data-user-preferences a,
.data-user-web li#subnav-data-user-web a,
.data-reseller li#subnav-data-reseller a {
	color: #017ec5;
}


/* ------------ NAVLIST ------------ */

ul#navlist a:hover, ul#navlist a:focus, ul#navlist a:active,
#philosophy li#nav-philosophy a,
#news li#nav-news a,
#products li#nav-products a,
#schedule li#nav-schedule a,
#solutions li#nav-solutions a,
#about li#nav-about a,
#partners li#nav-partners a,
#screenshots li#nav-screens a
 {
	color: #86cdf3;
}

.bullets ul {
	padding-left: 20px;
	margin-left: 0;
}

.bullets li {
	font-size: 100%;
	text-transform: none;
	list-style: none;
	background: transparent url(/images/tick.gif) top left no-repeat;
	padding-left: 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 5px 10px;
}

hr {
	height: 1px;
	border: none;
	color: #00adef;
	background: #00adef;
	margin: 20px auto;
}

#contactinfo {
	float: left;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 160px;
	display:inline;
}

.contactinfo {
	margin-top: 3px;
	margin-bottom: 15px;
}


ul.newslist {
	padding-left: 0;
}

.logo {
	margin-top: 20px;
}


ul.newslist li{
	list-style: none;
}

#form {
	float:right;
	margin-right: 81px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 430px;
	display: inline;
}

img.rewind {
	margin-top: 8px;
}

.larger { font-size: 110%; font-style: italic; margin-right:5px }
.action { font-size: 120%; }

/* ------------ SCREENS ------------ */

td.screen-left {
	padding-right: 15px;
	padding-bottom: 15px;
	width: 265px;
	vertical-align: top;
}

td.screen-right {
	padding-bottom: 15px;
	vertical-align: top;
}

span.screen-title {
	padding-left: 10px;
	font-weight: bold;
}

.screens-intro {
	font-style: italic;
	margin-top: -8px;
}

.screens-heading span {
	font-size: 80%;
	font-weight: normal;
}

.webshots td img { border: 1px solid #ccc; }

.webshots td span.screen-title { padding-left: 0; }


#screenshot-showcase {
	width: 300px;
	position: absolute;
	top: 260px;
	left: 0;
}

#screenshot-showcase img,
.screenshots-index img {
	margin-top: 5px;
	border: 1px solid #ccc;
}

#screenshot-showcase table { text-align: center; font-size: 85%; }

#screenshot-showcase td { padding-bottom: 10px; }

#screenshot-showcase h2 { font-weight: normal; }

.screenshots-index td {
	text-align: center;
	padding-right: 10px;
	padding-bottom: 10px;
}