/*
Navigation Style Sheet
version: 3.30
author: Scott Beardmore
email: beardmore@shaw.ca
website: http://www.hiddentales.com
/* -------------------------------------------------------- LINK STYLES ---------------------------------- */

a:link { 
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0em;
	word-spacing: 0em;
	text-decoration: none;
	color:#000000;
}

a:active { 
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0em;
	word-spacing: 0em;
	text-decoration: none;
}

a:visited { 
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0em;
	word-spacing: 0em;
	text-decoration: none;
}

a:hover { 
	text-decoration: none;
	color:#cc0000;
}

.bread_crums {
	margin-left: 40px;
	padding:0;
	width:720px;
	float: left;
}

.bread_crums li {
	float: left;
	list-style: none;
}

.bread_crums_red a {
	display: block;
	height: 40px;
	float: left;
	padding: 0 32px 0px 0px;
	line-height: 40px;
	background: url(/images/double-arrow-v3.30.gif) no-repeat right top;
	text-decoration: none;
	color: #cc0000;
}	

.bread_crums_red a:hover {
	color: #000000;
	background: url(/images/double-arrow-hover-v3.30.gif) no-repeat right top;
}

.bread_crums_black a {
	display: block;
	height: 40px;
	float: left;
	padding: 0 32px 0px 0px;
	line-height: 40px;
	text-decoration: none;
	color: #505050;
}	

.bread_crums_black a:hover {
	color: #cc0000;
}

/* -- STANDARD LINK STYLES --*/

a.no_underline {
	text-decoration: none;
}

a.linktext:link, a.linktext:visited {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: .001em;
	word-spacing: .005em;
	color: #000;
	text-decoration:underline;
}

a.linktext:hover {
	color: #cc0000;
}

a.bodylinks_bold:link, a.bodylinks_bold:visited {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0em;
	word-spacing: .2em;
	font-weight: 500;
	text-decoration: none;
	color: #cc0000;
}

a.bodylinks_bold:hover {
	text-decoration: underline;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0em;
	word-spacing: .2em;
	font-weight: 500;
	color: #cc0000;
}

a.bodylinks_bold_red:link, a.bodylinks_bold_red:visited {
	color: #cc0000;
	font-weight: 500;
	letter-spacing: 0em;
	word-spacing: 0em;
	text-decoration: none;
}

a.bodylinks_bold_red:hover {
	text-decoration: underline;
	color: #000;
	font-weight: 500;
	letter-spacing: 0em;
	word-spacing: 0em;
}

a.headerlinks:link, a.headerlinks:visited {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000;

}

a.headerlinks:hover {
	color: #cc0000;
}

a.footerlinks:link, a.footerlinks:visited {
	font-family: Verdana, sans-serif;
	text-decoration: none;
	font-size: 9px;
	color: #fff;
	font-weight: 500;
	letter-spacing:.5px;
	text-decoration: none;
}

a.footerlinks:hover {
	font-family: Verdana, sans-serif;
	text-decoration: none;
	font-size: 9px;
	color: #000;
	font-weight: 500;
	letter-spacing:.5px;
	text-decoration: none;
}

.indent_nav2 a {
	margin-left: -15px;
}

.indent_text  a {
	text-indent:20px;
}

.navtext {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.navtext li {
	margin-left: 0px;
}	

/* ----------------------PIXY ROLLOVER ----------*/
.data-archiving {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.data-archiving a {
	display: block;
	width: 403px;
	height: 64px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
	background: url(/images/backup-solutions/data-archiving.gif) no-repeat left top;
	text-indent: 20px;
	font-weight: 500;
}

.data-archiving a:hover { background-position: right top; color: #1004fd; font-weight: 500; text-decoration: underline; }

.data-protection {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.data-protection a {
	display: block;
	width: 403px;
	height: 64px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
	background: url(/images/backup-solutions/data-protection.gif) no-repeat left top;
	text-indent: 20px;
	font-weight: 500;
}

.data-protection a:hover { background-position: right top; color: #1004fd; font-weight: 500; text-decoration: underline; }

.data-replication {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.data-replication a {
	display: block;
	width: 403px;
	height: 64px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
	background: url(/images/backup-solutions/data-replication.gif) no-repeat left top;
	text-indent: 20px;
	font-weight: 100;
}

.data-replication a:hover { background-position: right top; color: #1004fd; font-weight: 500; text-decoration: underline; }

.data-storage {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.data-storage a {
	display: block;
	width: 403px;
	height: 64px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
	background: url(/images/backup-solutions/storage-recovery.gif) no-repeat left top;
	text-indent: 20px;
	font-weight: 500;
}

.data-storage a:hover { background-position: right top; color: #1004fd; font-weight: 500; text-decoration: underline; }

.careers-list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.careers-list a {
	display: block;
	width: 350px;
	height: 15px;
	line-height: 15px;
	color: #505050;
	text-decoration: none;
	text-indent: 20px;
	font-weight: 500;
}

.careers-list a:hover {
	background-position: right top;
	color: #cc0000;
	font-weight: 500;
	text-decoration: underline;
}

.news-list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	list-style-type: none;
}

.news-list a {
	display: block;
	width: 475px;
	height: 15px;
	line-height: 15px;
	color: #000;
	text-decoration: none;
	text-indent: 20px;
	font-weight: 700;
}

.news-list li {
	margin-top: 20px;
	}

.news-list-red {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 20px 0px;
	list-style-type: none;
}

.news-list-red a {
	display: block;
	width: 475px;
	height: 15px;
	line-height: 15px;
	color: #cc0000;
	text-decoration: none;
	background: url(/images/pixy-rollover2.gif) no-repeat left top;
	text-indent: 20px;
	font-weight: 700;
}

.news-list-red a:hover {
	background-position: right top;
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

.sitemap-list {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	list-style-type: none;
}

.sitemap-list a {
	display: block;
	width: 220px;
	height: 15px;
	line-height: 15px;
	color: #505050;
	text-decoration: none;
	background: url(/images/pixy-rollover.gif) no-repeat left top;
	text-indent: 20px;
	font-weight: 500;
	color: #505050;
}

.sitemap-list a:hover { background-position: right top; color: #cc0000; font-weight: 500; text-decoration: underline; }

.full-specs {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.full-specs li {
	padding-top: 10px;
	margin-left: 10px;
}

/* ------------------------------------------------------ Logo /  Login / News / Contact ----------------------------- */

a.homepage:link,a.homepage:visited {
	display: block;
	width: 135px;
	height: 39px;
	text-decoration: none;
}	

a.homepage:hover {
	display: block;
	width: 135px;
	height: 39px;
	text-decoration: none;
}	

#login_static {
	padding: 0px;

	margin: 0px;
	position: absolute;
	top: 2px;
	right: 10px;
}

#headernav {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: .001em;
	word-spacing: .005em;
	font-weight: 500;
	color: #505050;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#headernav li {
	float: left;
	margin: 0px; 
	padding: 0px;
    list-style: none;
}


#news {
	width: 75px;
}

#news a {
	display: block;
	width: 71px;
	height: 24px;
	
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------  Generic Menus ---------------------------------- */

#navlink_image {
	margin: 0px;
	padding: 0px;
}

.navlink {
	margin:0px;
	padding: 0px;
	list-style-type: none;
}

.navlink li {
	display: inline; /* :KLUDGE: Removes space between li tags for windows */
}

.navlink a {
	margin: 0;
	padding: 0;
	display: block;
	width: 206px;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #505050;
}

.navlink a:hover {
	background-position: right top;
	text-decoration: underline;
	color: #243a54;
}

#navlink2_image {
	margin-left: 0px;
	padding: 0px;
}

.navlink2 {
	margin: 0px 0px 0px 1px;
	padding: 40px 0px 0px 0px;
	list-style-type: none;
}

.navlink2 li {
	display: inline; /* :KLUDGE: Removes space between li tags for windows */
}

.navlink2 a {
	display: block;
	padding-left: 0px;
	width: 207px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #505050;
	font-weight:500;
	border-bottom: 1px solid #d1d1d1;
}

.navlink2 a:hover {
	background-position: right top;
	text-decoration: none;
	color: #cc0000;
}

/* ---------------------------------------------  Main Nav CSS Menu ----------------------------- */

.mainnav-pos {
	margin-left: 525px;
}

#menutext {padding-left: 15px; font: 11px/normal Verdana, sans-serif;  background: url(/images/menu-background.jpg) no-repeat left top;}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
