/* 
 * Div definitions
 */

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 775px;
	text-align: left;
	/* to realign your text */
}

#header {
	top: 0px; 
	left: 0px;
	width: 775px;
	height: 140px;
	background-repeat: no-repeat;
}

#navigation {
	padding: 6px 0px 5px 8px;
	width: 775px;
	height: 32px;
	background-image: url(../images/strip.gif);
	background-repeat: no-repeat;
}

#left_col {
	float: left; 
}

#right_col {
	float: left;
	padding: 0px 0px 0px 10px;
}

/* Advertising style divs to the right of the page */
.c2p_ad {
	padding: 0px 0px 10px 0px;
	background-repeat: no-repeat;
	width: 165px;
	cursor: pointer;
}

#prepay {
	background-image : url(../images/adverts/pay.gif);
	height: 100px;
}

#news {
	padding: 0px 0px 10px 0px;	
}

#twitter {
	background-image : url(../images/adverts/twitter.gif);
	height: 70px;
}

#text-tarot {
	background-image : url(../images/adverts/text-tarot.gif);
	height: 400px;
}

#banner {
	text-align: center;
}

.mainPanel {
	width: 600px;
	padding: 0px 0px 10px 0px;
}

/* ************************************************************
 * Page titles
 * ************************************************************/
#home-services-title, #services-title, #how-it-works-title, #contact-us-title {
	padding: 0px 0px 10px 0px;
	background-image: url(../images/title-bar.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 50px;
}

/* ************************************************************
 * Home page
 * ************************************************************/
#home {
	background-image : url(../images/backgrounds/welcome.gif);
	background-repeat: no-repeat;
	height: 300px;
}

#home-services-summary {
	width: 600px;
}

/* ************************************************************
 * Readers page
 * ************************************************************/
#readers-profiles {
	background-image : url(../images/backgrounds/readers-online.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 400px;
}

#readers-count {
	background-image: url(../images/backgrounds/readers-count.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 50px;
}

#readers {
	background-image: url(../images/backgrounds/readers.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 300px;
}

/* ************************************************************
 * Services page
 * ************************************************************/
#services {
	width: 600px;
}

/* ************************************************************
 * Horoscopes
 * ************************************************************/
#horoscopes-symbols {
	background-image : url(../images/backgrounds/horoscopes-symbols.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 160px;
	padding: 0px 0px 10px 0px;
}

#horoscopes-links {
	padding: 0px 0px 0px 37px;
}

#horoscope {
	background-image : url(../images/backgrounds/horoscopes.gif);
	background-repeat: no-repeat;
	height: 300px;
}

#horoscope-characteristics {
	background-image : url(../images/backgrounds/horoscopes.gif);
	background-repeat: no-repeat;
	height: 300px;
}

#horoscope-content {
	padding: 9px 0 0 10px;
	width: 580px;
}


/* ************************************************************
 * How it works
 * ************************************************************/
#how-it-works {
	width: 600px;
}

/* ************************************************************
 * Contact us
 * ************************************************************/
#contact-us {
	width: 600px;
}

/* ************************************************************
 * Footer
 * ************************************************************/

#footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 600px;
	height: 50px;
} 

/* ************************************************************
 * Tooltip
 * ************************************************************/
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* 
 * Class definitions 
 */

.logoImage {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}

.menuButton {
	width: 80px;
	height: 22px;
	background-image: url(../images/menu-button.gif);
	background-repeat: no-repeat;
	text-align : center;
	font-family : Arial;
	font-size: 11px;
	padding: 3px 2px 0px 0px;
	text-decoration: none;
}

.buttons {
	left: 5px;
	top: 5px;
}

body {
	margin: 0;
	/* to avoid margins */
	text-align: center;
	/* to correct the centering IE bug*/
 	background-color : #F4F4F4;
}

/*
//F4F4F4
//DFF6E2
//EBF5AA
*/

h1, h2, .mainPanelText, .mainText, .titleText, .servicesTitleText, .textTarotAdTitle, .textTarotAdText, .textTarotAdNumberText, .textTarotAdLegalText, .legalText, .footerText, .numberText, .payText, .payFreeText, .priceText, .titleBarText, .topOfPage, .formText, .tableText, .readerText, .readerCountText, .todaysDateText, .horoscopeText {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:0px; 
	padding: 0px 0px 10px 0px;
}

h1 {
	padding: 0px 0px 0px 0px;
	font-size: 23px;
	font-weight: normal;
}

h2 {
	padding: 0px 0px 5px 0px;
	font-size: 17px;
	font-weight: normal;
}

.readerImage {
	padding:2px;
	border:2px solid #DFE1DF;
	background-color:#FFFFFF;
}

.headerText {
	padding: 0px 0px 0px 5px;
}

.titleText {
	font-size: 14px;
	font-weight: bold;
}

.mainPanelText {
	font-size: 14px;
}

.servicesTitleText {
	font-size: 20px;
}

.titleBarText {
	font-family: Arial;
	font-size: 25px;
	color: Black;
	padding: 3px 0px 0px 7px;
}

.topOfPageText {
	font-family: Arial;
	font-size: 10px;
}

.footerText {
	font-size: 9px;
	padding: 0px 0px 0px 10px;
}

.readerText {
	font-size: 9px;
	margin:0px; 
	padding: 0px 0px 0px 0px;
}

.readerCountText {
	padding: 10px 0px 0px 5px;
}

.todaysDateText {
	font-size: 10px;
	padding: 0 0 0 0;
	text-align: right;
}

.horoscopeText {
	padding: 0px 0px 0px 0px;
}
/* ************************************************************
 * Text Tarot Advert text
 * ************************************************************/

.textTarotAdTitle {
	font-size: 20px;
	padding: 0px 0px 0px 10px;
}
.textTarotAdText {
	font-size: 10px;
	padding: 0px 0px 0px 5px;	
}

.textTarotAdNumberText {
	font-size: 23px;
	padding: 0px 0px 0px 30px;
}

.textTarotAdLegalText {
	padding: 0px 0px 0px 5px;
	font-size: 9px;
	color: #000000;
}

/* ************************************************************
 * Pay ad text
 * ************************************************************/
 
.payText, .payFreeText {
	font-size: 18px;
	padding: 3px 0px 2px 5px;
}

.payFreeText {
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 5px 5px;
}

.numberText {
	font-size: 20px;
}

.legalText {
	font-size: 9px;
}

.formText {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

.formBox {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.tableText {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}

a {
	color: Black;
}

a:hover {
	color: #EE0000;
}

a.visited {
	color: White;
}

.link {
	color: White;
}

tr {
	vertical-align : top;
}

.black {
	color: Black;
}

.white {
	color: White;
}

.red {
	color: Red;
}