﻿/* CSS Document */

body {
	margin: 0px;	}

#wrapper {
	margin:0px;
	width:auto;
	background:#00CC00 url(images/green_grad.gif) repeat-x;
}

#content{
	width: 970px;
	margin: auto;
	padding-top: 0px;
}

#logo {
width: 978px;
height: 1393px; 
margin: auto;
background: url(images/logo.gif) no-repeat;
position:relative;}

#welcome {
width: 550px;
height: 792px;
position:absolute;
left: 210px;
top: 530px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;}

#author {
position:absolute;
top: 1428px;
left: 101px;
width: 171px;
height: 171px;
background: url(images/author.jpg) no-repeat;}

#services {
width: 560px;
float:left;
margin: 20px 0 0 312px;
clear:both;}


#astronote {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 0 0px;}

#astronote_x {
width: 472px;
height: 980px;
float:left;
margin: 8px 0 0 0px;
padding: 45px 15px 10px 10px;
font: 13px Arial, Helvetica, sans-serif;
background: #00CC00 url(images/drop_hide.gif) no-repeat;
border:solid #CCCCCC 0px; }


#astros {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 0 0px;}

#astros_x {
width: 472px;
height: 1760px;
float:left;
margin: 8px 0 0 0px;
padding: 45px 10px 10px 15px;
font: 13px Arial, Helvetica, sans-serif;
background: #00CC00 url(images/drop_hide.gif) no-repeat;
border:solid #CCCCCC 0px; }

.sertitle {
width: 440px;
font-weight:bold;
margin: 10px 0 3px 0;}

.sertext {
margin: 5px 0 4px 18px;
width: 420px;
line-height: 18px; }

.sertext-note {
margin: 0px 0 0px 18px;
width: 420px;
line-height: 18px;
text-indent:10px; }


.button {
margin: 0px 0 20px 0px;
padding-left: 17px;}

#astroav {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 0px 0px;}

#astroav_x {
width: 472px;
height: 430px;
float:left;
margin: 8px 0 20px 0px;
padding: 35px 10px 10px 29px;
font: 14px Arial, Helvetica, sans-serif;
background: #00CC00 url(images/drop_hide.gif) no-repeat;
border:solid #CCCCCC 0px; }

#book_one {
width: 360px;
height: 61px;
margin: 0px auto 10px ;
backgroundx: url(images/book_one.gif) no-repeat;
font: normal 25px/30px Arial Narrow, Trebuchet MS, Arial;
letter-spacing:-1px;
padding: 50px 0 0 0;
clear:both;}

#astro_cover {
width: 171px;
height: 258px;
float:left; 
margin: 10px 0 30px 100px;
background: url(images/astro_book.jpg) no-repeat;}

#astro_desno {
width: 560px;
float:left;
margin: 10px 0 0 42px;}

#tc {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 0px 0 0 0px;}

#tc_x {
width: 472px;
height: 560px;
float:left;
margin: 8px 0 0 0px;
padding: 45px 10px 15px 20px;
font: 14px Arial, Helvetica, sans-serif;
background: #00CC00 url(images/drop_hide.gif) no-repeat;
border:solid #CCCCCC 0px; }

#preface {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 0 0px;}


#order {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 30px 0px;
clear:both;}


/*-- book tarot -----------------------------------------------------------------------------------*/
#book_tarot {
width: 360px;
height: 64px; 
margin: 0px auto 10px ;
backgroundx: url(images/book_two.gif) no-repeat;
font: normal 25px/30px Arial Narrow, Trebuchet MS, Arial;
letter-spacing:-1px;
clear:both;}

#tarot_cover {
width: 171px;
height: 256px;
float:left; 
margin: 10px 0 30px 100px;
background: url(images/tarot_book.jpg) no-repeat;
clear:both;}

#tar_tc {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 0px 0 0 0px;}


#tar_tc_x {
width: 472px;
height: 765px;
float:left;
margin: 8px 0 0 0px;
padding: 45px 10px 15px 20px;
font: 14px Arial, Helvetica, sans-serif;
background: #00CC00 url(images/drop_hide.gif) no-repeat;
border:solid #CCCCCC 0px; }
/*-- book two -----------------------------------------------------------------------------------*/


#book_two {
width: 360px;
height: 64px; 
margin: 0px auto 10px ;
backgroundx: url(images/book_two.gif) no-repeat;
font: normal 25px/30px Arial Narrow, Trebuchet MS, Arial;
letter-spacing:-1px;
clear:both;}

#ouspensky_cover {
width: 171px;
height: 256px;
float:left; 
margin: 10px 0 30px 100px;
background: url(images/ousp_book.jpg) no-repeat;
clear:both;}

#ouspensky_desno {
width: 560px;
float:left;
margin: 10px 0 0 42px;}

#ous_tc {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 0px 0 0 0px;}

#ous_tc_x {
width: 472px;
height: 765px;
float:left;
margin: 8px 0 0 0px;
padding: 45px 10px 15px 20px;
font: 14px Arial, Helvetica, sans-serif;
background: #00CC00 url(images/drop_hide.gif) no-repeat;
border:solid #CCCCCC 0px; }

#ous_preface {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 0 0px;}

#ous_order {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 30px 0px;
clear:both;}

/*-- book three -----------------------------------------------------------------------------------*/


#book_three {
width: 360px;
height: 64px; 
margin: 0px auto 10px ;
backgroundx: url(images/book_three.gif) no-repeat;
font: normal 25px/30px Arial Narrow, Trebuchet MS, Arial;
letter-spacing:-1px;
clear:both;}

#nostradamus_cover {
width: 171px;
height: 256px;
float:left; 
margin: 10px 0 50px 100px;
background: url(images/nostr_book.jpg) no-repeat;
}

#nostradamus_desno {
width: 560px;
float:left;
margin: 10px 0 0 42px;
}

#nos_tc {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 0px 0 0 0px;}

#nos_tc_x {
width: 472px;
height: 465px;
float:left;
margin: 8px 0 0 0px;
padding: 45px 10px 15px 20px;
font: 14px Arial, Helvetica, sans-serif;
background: #00CC00 url(images/drop_hide.gif) no-repeat;
border:solid #CCCCCC 0px; }

#nos_preface {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 0 0px;}

#nos_order {
width: 346px;
height: 51px;
cursor: pointer;
float:left;
margin: 15px 0 0 0px;
clear:both;}

#footer {
width: 330px;
height: 120px;
margin: 180px 0 0 0px;
padding: 100px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;}
