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

/* Basic Elements */

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

img, embed, object, video {
	max-width: 100%;
}

/* ID's */

#roadheader {
	position:fixed !important;
	position:absolute;
	top:0px; 
	left:0px;
	width:100%;
	height:30% !important;
	background:url(images/tlhxf-head2.jpg) no-repeat;
	z-index:4;
	height:188px;
	min-height:188px;
	max-height:189px;
}

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

#astrologysoftwarebanner a:hover {
	display:block;
	text-decoration:none;
	width:800px;
	height:106px;
	background-image:url(images/tlhxf-background2.jpg);
	z-index:5;
}	
	
#header {
	background: transparent url(images/tlhxf-banner2.png);
	top:0px;
	left:0px;
	height:106px;
}

#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:800px;
	width:356px;
	height:400px;
	background:url(images/skymap2.jpg) no-repeat;
	z-index:6;
}

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

#signmiddle {
	position:fixed !important;
	position:absolute;
    background:url(images/signage-middle2.jpg) fixed repeat-y;
	top:188px; 
	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-bottom2.jpg) no-repeat;
	bottom:0; 
	left:0;
	width:100%;
	height:38px;
	min-height:38px;
	max-height:40px;
	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.5em;
	top:188px;
	left:12px;
	width:120px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	color:#FFF;
	overflow:auto;
	z-index:2;
}

#mainnav h1 {
	font-size:0.95em;
	margin-bottom:0px;
}

#mainnav ul {
	font-size:0.95em;
	margin-left:0px;
	margin-top:-15px;
}

#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:160px;
	left:160px;
	width:580px;
	font-size:10pt;
	text-align:justify;
	background-color:#FFF;	
	overflow:auto;
	margin:16px 12px 12px 14px;
	padding:16px 6px 6px 6px;
	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-bottom:0;
	padding:10px;
	float:none;
	list-style:none;
}
	
li {
	clear:left;  /* hack for Netscape to clear lists correctly */
}

li.social {
	margin-left:-20px;
	padding-left:-20px;
}

/* 
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;
	max-width:100%;
}

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 {
	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%;
}

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

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

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

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

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;
}

/* For Matrix Style page setup */

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 {
	float:left;
	width:100px;
}

div.displayrow span.description {
	float:left;
	text-align:left;
	left:120px;
	width:250px;
}

div.displayrow span.screenshot {
	float:right;
	left:470px;
}

/* End Matrix Style page setup */

/* 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:360px;
}

#screenshots {
	float:right;
	left:420px;
	width:220px;
}

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

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

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

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

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

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

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

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

/* 88888888888888888888888888888888888888888888888888888888888888888 */