/**********************************

Use: Reset Styles for all browsers

***********************************/



p {

color:#fff;




}

#toolbar {

background-image:url(pics/toolbar.png);
width:875px;
height:40px;
position:absolute;
top:447px;
left:25px;
z-index:5000;

}


#toolbar p {

color:#000;
font-size:16px;
z-index:5001;
padding:0;
margin:0;
font-weight:bold;

}

#logged_out {

position:absolute;
left:20px;
top:12px;
white-space:nowrap;
display:none;

}


#login {

position:absolute;
left:0px;
white-space:nowrap;
display:none;


}


#share_out {


white-space:nowrap;




}


#journal {


white-space:nowrap;


}



#logged_in {

position:absolute;
left:20px;
top:12px;
white-space:nowrap;
display:none;

}

#my_journal {

position:absolute;
left:0px;
white-space:nowrap;
display:none;

}


#my_account {

position:absolute;
left:150px;
white-space:nowrap;
display:none;

}


#my_readings {

position:absolute;
left:250px;
white-space:nowrap;
display:none;

}

#print_in {

position:absolute;
left:400px;
white-space:nowrap;
display:none;

}


#email_in {

position:absolute;
left:550px;
white-space:nowrap;
display:none;

}


#share_in {

position:absolute;
left:650px;
white-space:nowrap;
display:none;

}






#logout {

position:absolute;
left:780px;
white-space:nowrap;
display:none;

}



.welcometext {

position:absolute;
top:20px;
left:20px;

}


.choosecardstext {

position:absolute;
top:20px;
left:20px;

}



a {

color:#000;
}



#tarotinfo {

position:absolute;
top:40px;
left:588px;
z-index:30;
width:300px;
background-color:#fff;
display:none;


}

#tarotinfo p {

color:#666;
font-size:13px;
padding:0px;
margin:0px;
padding-left:5px;
padding-right:5px;
}


#rainbowinfo {

position:absolute;
top:40px;
left:588px;
z-index:30;
width:300px;
background-color:#fff;
display:none;

}

#rainbowinfo p {

color:#666;
font-size:13px;
padding:0px;
margin:0px;
padding-left:5px;
padding-right:5px;


}

#tarotinfo p.top {

padding-top:20px;

}

#tarotinfo p.bottom {

padding-bottom:10px;

}

#rainbowinfo p.top {

padding-top:20px;

}

#rainbowinfo p.bottom {

padding-bottom:10px;

}



#checkboxform {

display:none;

}



#card {

display:block;
width:100px;
height:100px;
z-index:10000;
position:absolute;
top:0px;
left:0px;
/*background-color:#ff6600;*/


}

#content.active {


/*background-color:#ff6600;*/
position:absolute;
top:0px;
left:0px;
z-index:50000;
display:none;

}


#contentnew {


background-color:#000;
position:absolute;
top:0px;
left:-200px;
width:1000px;
height:500px;
left:-200px;
z-index:50000;
display:none;



}


span {

color:#fff;
font-size:16px;
font-family:arial;
white-space:nowrap;




}



form {

color:#fff;
}


img.flip {

position:absolute;
top:200px;
left:643px;
width:35px;
height:52px;


}



	
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
color:transparent;
font-size:0px;
background-color:none transparent;
z-index:0;
color:#666;
font-size;12px;
overflow:hidden;

}



.daily {

color:#ff6600;
font-size;12px;

}


#listcontents h2.daily {

color:#ff6600;
font-size;12px;

}

	
	
}



#home {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;

	
	
}



#bg {

  position:fixed;
   top:0px;
   left:0px;



}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
}

h1 {

font-size:20px;
display:block;
}

ul li {

list-style-type:none;
}


a img, iframe { border: none; }


#wrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
overflow:hidden;



}


.background {

position:absolute;
left:0px;
top:0px;

}


#content {

width:920px;
height:500px;

position:relative;
padding:0px;
margin:0px;
overflow:hidden;



}


#text {

width:920px;
height:500px;

position:relative;
padding:0px;
margin:0px;



}




iframe {
  position:absolute;
top:0px;
left:0px;

background-color:none transparent;
overflow:hidden;
}  



#ifrm {

width:920px;
height:500px;
position:absolute;
top:0px;
left:0px;
border:none;
padding:0px;
margin:0px;
border:0;
background-color:none transparent;



}


#ifrm2 {

width:920px;
height:500px;
position:absolute;
top:0px;
left:0px;
border:none;
padding:0px;
margin:0px;
border:0;



}



#welcome {
position:absolute;
left:10px;
top:0px;

}

#deck {
position:absolute;
left:155px;
top:0px;


}


#spread {
position:absolute;
left:303px;
top:0px;


}


#shuffle {
position:absolute;
left:453px;
top:0px;


}

#errorspreadshuffle {
position:absolute;
left:453px;
top:0px;


}

#reading {
position:absolute;
left:603px;
top:0px;


}

#errorspreadchoose {
position:absolute;
left:603px;
top:0px;


}

#new {
position:absolute;
left:753px;
top:0px;


}



.logo {

position:absolute;
top:50px;
left:750px;

}


#welcometext {

position:absolute;
top:20px;
left:20px;
}



.images {

display:none;
}


#lovers {

position:absolute;
top:100px;
left:800px;
display:none;





}

#rainbow {

position:absolute;
top:100px;
left:800px;
display:none;






}


#welcomeerror {

position:absolute;
top:100px;
left:600px;
z-index:4000;


}


.skip {

position:absolute;
top:-105px;
left:770px;

}


.continue {

position:absolute;
top:-55px;
left:770px;

}


#readernav {

position:absolute;
top:370px;
left:10px;


}


.blackdeck {

position:absolute;
left:60px;
top:120px;
display:none;

}


.colourdeck {

position:absolute;
left:350px;
top:120px;
display:none;


}



.greydeck {

position:absolute;
left:640px;
top:120px;
display:none;

}

/*spread layouts*/

.daily_spread {

position:absolute;
top:105px;
left:30px;
display:none;

}

.two_spread {

position:absolute;
top:105px;
left:95px;
display:none;


}


.three_spread {

position:absolute;
top:105px;
left:200px;
display:none;

}

.horseshoe_spread {

position:absolute;
top:195px;
left:80px;
display:none;

}


.celtic_spread {

position:absolute;
top:105px;
left:340px;
display:none;

}


.tree_spread {

position:absolute;
top:105px;
left:525px;
display:none;

}


.twelve_spread {

position:absolute;
top:105px;
left:670px;
display:none;

}


/*hover classes*/

.hoverone {

position:absolute;
left:370px;
top:200px;
display:none;
}

.hovertwo {

position:absolute;
left:370px;
top:163px;
display:none;
}

.hoverthree {

position:absolute;
left:400px;
top:176px;
display:none;
}

.hoverfour {

position:absolute;
left:400px;
top:205px;
display:none;
}

.hoverfive {

position:absolute;
left:430px;
top:166px;
display:none;
}

.hoversix {

position:absolute;
left:431px;
top:182px;
display:none;
}

.hoverseven {

position:absolute;
left:460px;
top:207px;
display:none;
}

.hovereight {

position:absolute;
left:460px;
top:181px;
display:none;
}

.hovernine {

position:absolute;
left:495px;
top:206px;
display:none;
}

.hoverten {

position:absolute;
left:495px;
top:168px;
display:none;
}

.hovereleven {

position:absolute;
left:520px;
top:200px;
display:none;
}

.hovertwelve {

position:absolute;
left:520px;
top:163px;
display:none;
}

.hoverthirteen {

position:absolute;
left:550px;
top:176px;
display:none;
}

.hoverfourteen {

position:absolute;
left:550px;
top:205px;
display:none;
}

.hoverfifteen {

position:absolute;
left:580px;
top:166px;
display:none;
}

.hoversixteen {

position:absolute;
left:580px;
top:182px;
display:none;
}

.hoverseventeen {

position:absolute;
left:610px;
top:207px;
display:none;
}

.hovereighteen {

position:absolute;
left:610px;
top:181px;
display:none;
}

.hovernineteen {

position:absolute;
left:640px;
top:206px;
display:none;
}

.hovertwenty {

position:absolute;
left:640px;
top:168px;
display:none;
}


.hovertwentyone {

position:absolute;
left:220px;
top:200px;
display:none;
}

.hovertwentytwo {

position:absolute;
left:220px;
top:163px;
display:none;
}

.hovertwentythree {

position:absolute;
left:250px;
top:176px;
display:none;
}

.hovertwentyfour {

position:absolute;
left:250px;
top:205px;
display:none;
}

.hovertwentyfive {

position:absolute;
left:280px;
top:166px;
display:none;
}

.hovertwentysix {

position:absolute;
left:280px;
top:182px;
display:none;
}

.hovertwentyseven {

position:absolute;
left:310px;
top:207px;
display:none;
}

.hovertwentyeight {

position:absolute;
left:310px;
top:181px;
display:none;
}

.hovertwentynine {

position:absolute;
left:340px;
top:206px;
display:none;
}

.hoverthirty {

position:absolute;
left:340px;
top:168px;
display:none;
}



/*hide cards for choose cards*/

.card {

position:absolute;
top:200px;
left:800px;
z-index:300;


}




/*transparent choose card placeholders*/

.choosedaily {

position:absolute;
top:0px;
left:0px;
z-index:70000;
}