/* Updated 2.1.2007 */

/*====================
Global Styles
======================*/
* {
margin: 0;
padding: 0;
}
body, html {
color: #000;
background-color: #dae1e7;
}
body {
font: 76%/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 20px 0;
}
/*====================
Link Styles
======================*/
a:link {
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: orange;
}
a:focus {
outline: none;
}
/*====================
Heading Styles
======================*/
h1 {
margin: 0;
height: 31px;
}
h1 span {
display: none;
}
h1 img {
margin-left: 610px;
}
h2 {
font-size: .9em;
margin: 0;
padding: 24px 0 0 350px;
height: 24px;
color: #ffbc3a;
background: #003c79 url(../images/connected-backup-pc.jpg) no-repeat left top;
}
h3 {
font-size: 1.4em;
margin: .6em 0;
}
h4 {
font-size: 1.2em;
margin: .4em 0;
}
h5 {
font-size: 1em;
margin: .4em 0;
}
/*====================
List Styles
======================*/
dl, ol, ul {
margin: 1em 0;
padding: 0 0 0 2em;
}
li, dd {
margin: .25em 0;
}
dt {
font-weight: bold;
}
/*====================
General Styles
======================*/
p {
margin: 1em 0;
}
img {
border: 0;
display: block;
}
blockquote {
margin: 1em 0;
padding-left: 20px;
}
code, kbd, pre {
font-family: Courier, Courier New, Tahoma;
}
ins, del {
font-style: italic;
}
abbr, acronym, dfn {
cursor: help;
}
hr {
display: none;
}
label {
display: block;
}
/*====================
Common Site-wide Styles
======================*/
div#pageWrap {
	background-color: #fff;
	width: 755px;
	position: absolute;
	left: 50%;
	margin-left: -377px;
}






/* -------------------------------------
Begin top dropdown navigation bar styles
------------------------------------- */
div#navSpacer {
	/*width: 270px;*/
	width: 278px;
	height: 21px;
	background-color: #000;
	float: left;
	position: relative;
	top: 3px;
}
.menu {
	position: relative;
	top: -3px;
	z-index: 100;
	background: #000;
}
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu ul ul,
.menu ul ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 18px;
	width: 160px;
}
.menu ul ul ul {
	top: -2px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	width: auto;
	position: relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	text-decoration: none; 
	color: #fff;
	background-color: #000;
	border-right: 1px solid #fff;
	padding: 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .9em;
}
/* style the second level background */
.menu ul ul a,
.menu ul ul a:visited {
	border: none;
	text-transform: none;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background-color: #fc7700;
	color: #000;
}
.menu ul ul :hover > a.drop {
	background-color: #fc7700;
	color: #000;
}
/* style the second level background */
.menu ul ul a, .menu ul ul a:visited {
	cursor: pointer;
}
.menu ul ul a.hasSubNav {
	background-image: url(../images/small-nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: right 7px;
}
/* style the third level background */
.menu ul ul ul li {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 3px;
	border-bottom: 1px solid #fff;
}
.menu ul ul ul a, .menu ul ul ul a:visited {
	background-color: #ededee;
	color: #000;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	color: #196499;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 18px;
	left: -1px; 
	width: 150px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left: 160px;
	width: 160px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul.pushLarge ul {
	left: -160px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* style the second level links */
.menu ul ul li {
	margin-bottom: 1px;
}
.menu ul ul a,
.menu ul ul a:visited {
	height: auto; 
	padding: 2px 10px;
	margin-bottom: -4px;
	width: 140px;
	background-color: #ededee;
	border-bottom: 1px solid #fff;
	color: #000;
}
/* style the top level hover */
.menu a:hover {
	color: #cc6600; 
	background-color: #000000;
}
.menu :hover > a {
	color: #cc6600; 
}
.menu ul ul a:hover {
	color: #000; 
}
.menu ul ul :hover > a {
	color: #196499; 
	background-color: #d5d3bf;
}
.menu ul ul ul :hover > a {
	color: #196499;
	background-color: #ededee;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul,
.menu ul li a:hover table {
	visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility: visible;
}
.menu ul#supportCol {
	left: -23px;
}
.menu ul#registerCol {
	left: -91px;
}
/* -------------------------------------
End top dropdown navigation bar styles
------------------------------------- */



/* -------------------------------------
Begin colored navigation control styles
------------------------------------- */
a#homeLink {
	background-color: #;
}
a#solutionsLink {
	background-color: #;
}
a#benefitsLink {
	background-color: #;
}
a#testimonialsLink {
	background-color: #;
}
a#aboutLink {
	background-color: #;
}
a#supportLink {
	background-color: #;
}
a#registerLink {
	background-color: #;
}
/* -------------------------------------
End colored navigation control styles
------------------------------------- */

/* -------------------------------------
Begin colored tab control styles
------------------------------------- */
a#linkTabHomeOffice {
	background-color: #C6C6C7;
}
a#linkTabBusiness {
	background-color: #C6C6C7;
}
a#linkTabManage {
	background-color: #BCBCBD;
}
/* -------------------------------------
End colored tab control styles
------------------------------------- */


img#imageHome,
img#imageHomeOffice,
img#imageBusiness,
img#imageManage {
	clear: left;
	position: relative;
	top: -6px;
	margin-bottom: -6px;
}

div#overTabHome,
div#overTabHomeOffice,
div#overTabBusiness,
div#overTabManage {
	position: absolute;
	top: 100px;
	height: 175px;
	opacity: .80;
	filter: alpha(opacity=80);
}
div#overTabHomeText,
div#overTabHomeOfficeText,
div#overTabBusinessText,
div#overTabManageText {
	position: absolute;
	top: 100px;
	height: 175px;
	color: #fff;
	padding: 0 10px;
}
/* ~~~~~ Begin ~~~~~ */
div#overTabHome {
	left: 0;
	width: 210px;	
	background-color: #003c79;
}
div#overTabHomeText {
	left: 0;
	width: 190px;
}
/* ~~~~~ End ~~~~~ */

/* ~~~~~ Begin ~~~~~ */
div#overTabHomeOffice {
	left: 211px;
	width: 190px;	
	background-color: #9f9b74;
}
div#overTabHomeOfficeText {
	left: 211px;
	width: 170px;
}
/* ~~~~~ End ~~~~~ */

/* ~~~~~ Begin ~~~~~ */
div#overTabBusiness {
	left: 402px;
	width: 154px;	
	background-color: #008579;
}
div#overTabBusinessText {
	left: 402px;
	width: 134px;
}
/* ~~~~~ End ~~~~~ */

/* ~~~~~ Begin ~~~~~ */
div#overTabManage {
	left: 557px;
	width: 198px;	
	background-color: #682f72;
}
div#overTabManageText {
	left: 557px;
	width: 178px;
}
/* ~~~~~ End ~~~~~ */
dl#tabNav {
	margin: 0;
	padding: .3em 0;
	background: #bfd3e6 url(../images/tab-nav-bg.gif) repeat-x left top;
	list-style: none;
	text-align: right;
}
dl#tabNav dt,
dl#tabNav dd {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	display: inline;
}
dl#tabNav dt {
	color: #b65312;
	padding-right: 18px;
	background: url(../images/3-dot-arrow.gif) no-repeat right 7px;
	border-right: 1px solid #bdbebf;
}
dl#tabNav dd a:link,
dl#tabNav dd a:visited {
	text-decoration: none;
	text-transform: capitalize;
	color: #5d89b3;
	padding: .2em 2.4em .3em 2.4em;
	margin-left: -4px;
	line-height: 1em;
	border-right: 1px solid #bdbebf;
}
dl#tabNav dd a:hover {
	color: #125496;
	background: #d8e4ee url(../images/tab-nav-over-bg.gif) repeat-x left top;
}
dl#tabNav dd a.activeTab {
	color: #003c79;
	background: #eef3f5 url(../images/tab-nav-active-bg.gif) repeat-x left top;
}
div#underTabHome,
div#underTabHomeOffice,
div#underTabBusiness,
div#underTabManage {
	background-color: #eef3f5;
	border-bottom: 1px solid #c3d4d9;
	padding: 0 15px;
	height: 165px;
	width: 725px;
	position: absolute;
	top: 301px;
}
div#underTabHome p,
div#underTabHomeOffice p,
div#underTabBusiness p,
div#underTabManage p {
	margin: 0;
	padding: 15px 0 0;
}
div#underTabHome {
	font-size: 1.1em;
	line-height: 1.5em;
}
div#underTabHomeOffice dl,
div#underTabBusiness dl,
div#underTabManage dl {
	float: left;
	width: 29%;
}
div#underTabHomeOffice dl dd,
div#underTabBusiness dl dd,
div#underTabManage dl dd {
	padding-left: 1em;
}
div#underTabHomeOffice a:link,
div#underTabHomeOffice a:visited {
color: #957c57;
}
div#underTabHomeOffice a:hover {
color: #66553b;
}
div#underTabBusiness a:link,
div#underTabBusiness a:visited {
color: #1b7d72;
}
div#underTabBusiness a:hover {
color: #114d46;
}
div#underTabManage a:link,
div#underTabManage a:visited {
color: #7b5289;
}
div#underTabManage a:hover {
color: #452e4d;
}
div#staticContent {
	padding: 15px 15px 0;
	width: 725px;
	background-color: #fff;
}
div#footerBar {
	background-color: #000;
	color: #fff;
	padding: .01em .5em;
	margin: 0 -15px; /* The negative number is a direct opposite of the padding for div#staticContent */
	border-bottom: 15px solid #dae1e7; /* This bottom border gives the appearance of 'white space' under the page wrap. */
	text-align: right;
}
div#footerBar p {
	margin: .5em 0;
	font-size: .8em;
}
div#footerBar p a {
	color: #fff;
}
/*====================
Page Specific Styles
======================*/