/* CSS Style Sheet */
/* Copyright 2009 - 2014 Zoidiasoft Technologies */

/* Basic Elements */

body { 
	font-family:Arial, Tahoma, Verdana;
	color:#000;
	z-index:1;
}

/* ID's */

#roadheader {
	position:fixed !important;
	position:absolute;
	top:0px; 
	left:0px;
	width:100%;
	height:30% !important;
	background:url(images/tlhxf-header.jpg) no-repeat; /* tlhxf-head.jpg */
	z-index:4;
	height:170px; /* 300px */
	min-height:170px; /* 300px */
	max-height:171px; /* 301px */
}

#dirt {
	position:fixed !important;
	position:absolute;
	top:170px; 
	left:0px;
	width:100%;
	height:30% !important;
	background:url(images/subhead.png) no-repeat; /* tlhxf-head.jpg */
	z-index:1;
	height:170px; /* 300px */
	min-height:170px; /* 300px */
	max-height:171px; /* 301px */
}

#astrologysoftwarebanner {
	display:block;
	position:fixed !important;
	position:absolute;
	top:0px; 
	left:0px;
	z-index:5;
}

#astrologysoftwarebanner a:hover {
	display:block;
	text-decoration:none;
	top:0px;
	left:0px;
	width:1280px;
	height:120px; /* 170 */
	background-image:url(images/tlhxf-backer.jpg); /* tlhxf-background.jpg */
	z-index:5;
}	
	
#header {
	background: transparent url(images/tlhxf-banner-short.png); /* tlhxf-banner.png */
	top:0px;
	left:0px;
}

#header h1 span {
	display:none;
}

#header h2 { 
	background:transparent url(images/creditcard.gif) no-repeat top right;
	margin-top:0px; 
	width:248px; 
	height:40px;
	float:right;
	z-index:1;
}

#header h2 span {
	display:none;
}

/* placed to the right of the main content and takes over fading out */
#skymap {
	position:fixed !important;
	position:absolute;
	top:0px; 
	left:1280px;
	width:570px;
	height:10000px;
	background:url(images/skymap-new.jpg) no-repeat; /* skymap.jpg */
	z-index:5;
}

#skymapcontd {
	position:fixed !important;
	position:absolute;
	top:0px; 
	left:1280px;
	width:570px;
	height:10000px;
	background:url(images/skymap-contd.jpg) repeat-y;
	z-index:4;
}

#signmiddle {
	position:fixed !important;
	position:absolute;
    background:url(images/signage-mid.png) fixed repeat-y;
	top:170px; /* 300px */
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}

#signmiddle span
{
	display:block;
	position:absolute;
}

#signbottom {
	position:fixed !important;
	position:absolute;
    background:url(images/signage-low.png) no-repeat;
	bottom:0; 
	left:0;
	width:100%;
	height:60px;
	min-height:40px;
	max-height:70px;
	z-index:4;
}

/* links on left side in blue here */
#mainnav {
	position:absolute; 
	text-transform:uppercase;
	font-family:"Arial Black", Arial, Tahoma, Verdana;
	font-weight:bold;
	font-size:0.7em;
	top:170px; /* 300px */
	left:34px;
	width:170px;
	padding:0px 20px 30px 10px;
	margin-bottom:40px;
	color:#FFF;
	overflow:auto;
	z-index:2;
}

#mainnav ul {
	margin-left:6px;
	margin-top:-12px;
}

#mainnav a:link {
	color:#fff;
}

#mainnav a:hover, a:active { 
	color:#cf0;
	background-color:#121;
	/*background-image:none;*/
}

#mainnav a:visited { 
	text-decoration:none;
	color:#fff;
}

#maincontent {
	position:absolute;
	top:150px; /* 280px */
	left:282px;
	width:955px;
	font-size:10pt;
	text-align:justify;
	background-color:#FFF;	
	overflow:auto;
	margin-top:12px;
	padding-top:10px;
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:0px;
	margin-bottom:5px;
	padding-bottom:5px;
	z-index:2;
}

#maincontent a:hover, a:active { 
	color:#cf0;
	background-color:#121;
	background-image:none;
}

#maincontent a:hover.ph, a:active.ph { 
	color:#000;
	background-color:#FFF;
	background-image:none;
}

#maincontent h1 { 
	display:inline;
	padding-top:0px;
	padding-bottom:60px; 
	margin-bottom:60px;
	padding-left:20px;
	font-size:12pt;
}

#maincontent h2 {
	font-size:10pt;
	padding-left:20px;
}

#maincontent ul {
	padding-left:30px;
}

#mysteries {
	display:none;
}

/* Basic elements */

p {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:10px;
	margin-bottom:10px;
}

pre {
	padding-top:-20px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:10px;
	margin-bottom:30px;
}

b {
	font-size:10pt;
}
	
ul {
	margin:0;
	padding:10px;
	float:none;
	list-style:none;
}
	
li {
	clear:left;  /* hack for Netscape to clear lists correctly */
}

/* 
Style for Desktops/Laptops 
*/
table {
  margin-left:20px;
}

table.matrix { 
  width: 94%; 
  border-collapse: collapse; 
}

/* Zebra striping */

tr.matrix:nth-of-type(odd) { 
  background: #eee; 
}

th.matrix { 
  background: #eee; 
  color: black; 
  font-weight: bold; 
}

td.matrix, th.matrix { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* Linking */

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

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

a:hover, a:active { 
	color:#cf0;
	background-color:#121;
}

a:link.ph {
	color:#000;
}

a:visited.ph {
	color:#000;
}

a:hover.ph, a:active.ph { 
	color:#000;
	background-color:#FFF;
}

sup {
	font-size:8pt;
}

/* Classes */

img.headfloat {
	float:left;
	border:0;
	margin:-2px 5px 2px 5px;
}

img.headleft {
	float:left;
	border:0;
	margin:0px 0 0 0px;
}

img.leftfloat {
	float:left;
	border:0;
	margin:2px 2px 2px 2px;
	padding:2px 2px 2px 2px;
}

img.clrboth {
	border:0;
	margin:2px 5px 10px 5px;
	clear:both;
}
	
img.rightfloat { /* used only for the tucows image download */
	float:right;
	border:0;
	margin:2px 2px 2px 8px;
}

img.xf {
	float:left;
	border:0;
	margin:0px 5px 0px 2px;
	padding:0;
	clear:left;
}

img.xfwhite {
	background-color:#FFFFFF;
	float:left;
	border:0;
	margin:0px 5px 0px 2px;
	padding:0;
	clear:left;
}

img.small {
	float: left;
	border: 0;
	margin: 0;
	padding: 0, 4px, 0, 0;
}

.flushleft h1 {
	width:950px;
	height:22px;
	padding-left:0px;
}

.flushleft h2 {
	padding-left:0px;
	font-size:10pt;
}

.navhead {
	height:30px;
	margin-top:2px;
}

.navhead h1 {
	font-size:8pt;
	float:left;
	margin-left:3px;
	margin-top:4px;
	white-space:nowrap;
}

.regularlist {
	list-style:disc;
	margin-left:40px;
}

.smallmargin {
	margin-bottom:0px;
}

.highlight {
	color:#9f0;
}

.ctr {
	text-align:center;
}

/* Form Elements */

input { 
	background-color:#00B900; 
	color:#fff;
}

select { 
	background-color:#00B900; 
	color:#fff;
	font-weight:bold;
}

textarea { 
	background-color:#00B900;
	color:#fff;
	font-weight:bold;
}

form p {
	width:400px;
	clear:both;
}

form p label {
	float:left;
	text-align:left;
	display:inline;
}

form p input, form p textarea, form p select {
	float:right;
	text-align:left;
	display:inline;
}

form p span {
	width:400px;
	float:right;
	text-align:center;
}

/* Generic Divisions */

div.tallrow {
	clear:both;
	margin-top:-6px;
	padding-top:10px;
	padding-bottom:10px;
	width:98%;
}

/* 88888888888888888888888888888888888888888888888888888888888888888 */

div.tallrow span.date {
	float:left;
	text-align:center;
	width:12%;
}

div.tallrow span.title {
  	float:right;
	text-align:justify;
	width:86%;
}

div.tallrow span.list {
	float:left;
	text-align:center;
	width:12%;
	background-color:#ECEAC6;
}

div.tallrow span.content {
  	float:right;
	text-align:justify;
	width:86%;
	background-color:#ECEAC6;
	/*background-color:#D1EEF6;*/
}

/* 88888888888888888888888888888888888888888888888888888888888888888 */

div.tallrow span.articlehead {
	float:left;
	text-align:left;
}

div.tallrow span.label {
  	float:left;
  	text-align:right;
	width:100px;
}

div.tallrow span.answer {
  	float:left;
	left:116px;
  	text-align:left;
	width:300px;
}

/* ecommerce rows */

div.ecommerce {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	width:630px;
}

div.ecommerce span.cost {
	left:250px;
	width:200px;
}

div.ecommerce span.quantity {
	left:450px;
	width:80px;
}

div.ecommerce span.cartbtn {
	left:530px;
	width:140px;
}

/* standard rows */

div.row {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	width:98%;
}

div.row span.date {
	float:left;
	text-align:center;
	width:14%;
}

div.row span.title {
  	float:right;
	text-align:justify;
	width:84%;
}

div.row span.articlehead {
	float:left;
	text-align:left;
}

div.row span.label {
  	float:left;
  	text-align:right;
	width:100px;
}

div.row span.answer {
  	float:left;
	left:116px;
  	text-align:left;
}

div.row span.price {
  	float:left;
  	text-align:left;
	width:200px;
}

div.tallrow span.cartbutton {
  	float:left;
  	text-align:left;
	width:200px;
}

div.right {
	float:right;
}

/* 88888888888888888888888888888888888888888888888888888888888888888 */

#descriptions {
	position:relative;
	float:left;
	left:20px;
	width:700px;
}

#screenshots {
	float:right;
	left:720px;
	width:240px;
}

div.displayrow {
	clear:both;
	margin-top:2px;
	margin-left:-8px;
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
	background-color:#ECEAC6;
}

div.displayrow span.feature {
	background-color:#FFFFFF;
	float:left;
	left:-40px;
	width:120px;
}

div.displayrow span.description {
    background-color:#FFFFFF;
	float:left;
	text-align:justify;
	left:260px;
	width:580px;
	margin-bottom:12px;
}

img.screenfloat { /* used only for the tucows image download */
	float:left;
	border:0;
	padding-top:2px;
	padding-bottom:12px;
}

div.displayrowwhite {
	clear:both;
	margin-top:2px;
	margin-left:-8px;
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
	background-color:#FFFFFF;
}

div.displayrowwhite span.feature {
	background-color:#FFFFFF;
	float:left;
	left:-40px;
	width:120px;
}

div.displayrowwhite span.description {
    background-color:#FFFFFF;
	float:left;
	text-align:justify;
	left:260px;
	width:580px;
	margin-bottom:12px;
}

img.screenfloat2 { 
	float:left;
	border:0;
	padding-left:25px;
	padding-top:2px;
	padding-bottom:12px;
}

/* 88888888888888888888888888888888888888888888888888888888888888888 */