/* 
 * Div definitions
 */

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

#header {
	top: 0; 
	left: 0;
	width: 775px;
	height: 140px;
}

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

#left_col {
	float: left; 
}

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

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

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

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

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

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

#banner {
	text-align: center;
}

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

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

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

#home-services-summary {
	height: 460px;
}

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

.svcTxt {
	float:left;
	width:535px;
}
#m-tarot, #m-clairvoyance, #m-medium, #m-angels, #m-healers, #m-lovetarot, #m-texttarot {
	width: 60px;
	height: 60px;
	padding: 0 0 0 5px;
	float: left;
	background: url(../images/services/thumbs/all.gif) no-repeat;
}
#m-tarot {
	background-position:0 0;
}
#m-clairvoyance {
	background-position:0 -60px;
}
#m-medium {
	background-position:0 -120px;
}
#m-angels {
	background-position:0 -180px;
}
#m-healers {
	background-position:0 -240px;
}
#m-lovetarot {
	background-position:0 -300px;
}
#m-texttarot {
	background-position:0 -360px;
}

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

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

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

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

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

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

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

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

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

ul#hmenu {
	width: 500px;
	height: 130px;
	list-style: none;
	padding:0;
	margin:0;
}

ul#hmenu li { display: inline; }

ul#hmenu li a {
	border: 1px solid #000000;
	display: block;
	float: left;
	width: 60px;
	height: 15px;
	background: url(http://www.chat2psychic.co.uk/images/horoscopes/symbols/all.gif) no-repeat;
	padding: 45px 0 0 0px;
	margin: 0 0 10px 20px;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

ul#hmenu li a.fdh-aries {
	background-position:0 0;
}
ul#hmenu li a.fdh-taurus {
	background-position:-60px 0;
}
ul#hmenu li a.fdh-gemini {
	background-position:-120px 0;
}
ul#hmenu li a.fdh-cancer {
	background-position:-180px 0;
}
ul#hmenu li a.fdh-leo {
	background-position:-240px 0;
}
ul#hmenu li a.fdh-virgo {
	background-position:-300px 0;
}
ul#hmenu li a.fdh-libra {
	background-position: 0 -60px;
}
ul#hmenu li a.fdh-scorpio {
	background-position: -60px -60px;
}
ul#hmenu li a.fdh-sagittarius {
	background-position: -120px -60px;
}
ul#hmenu li a.fdh-capricorn {
	background-position: -180px -60px;
}
ul#hmenu li a.fdh-aquarius {
	background-position: -240px -60px;
}
ul#hmenu li a.fdh-pisces {
	background-position: -300px -60px;
}
ul#hmenu li a:hover {
	border: 1px solid #FF1010;
	color: #FF1010;
}

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

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

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

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

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

/* ************************************************************
 * News page
 * ************************************************************/

#news-container {
	background: url(../images/adverts/news.gif) no-repeat;
	width: 165px;
	height: 190px;
}
#news-items{
	padding: 6px 0 0 5px;
}
ul#news-item {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul#news-item li {
	font-family:Verdana, Arial;
	font-size: 10px;
	color: #000000;
	height: 60px;
}
.newsImg {
	padding:0 5px 0 0;
	vertical-align: top;
	border: 0;
}

/* 
 * Class definitions 
 */

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

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

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

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

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

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

.linkText {
	font-weight: bold;
}

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

.mainPanelText {
	font-size: 13px;
}

.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: 0 0 0 10px;
}

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

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

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

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

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

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

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

/* ************************************************************
 * Pay ad text
 * ************************************************************/
 
.numberText {
	font-size: 20px;
}

.legalText {
	font-size: 9px;
}

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

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

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

a {
	color: Black;
}

a:hover {
	color: #EE0000;
}

a.visited, .link {
	color: White;
}

tr {
	vertical-align:top;
}

.black {
	color: Black;
}

.white {
	color: White;
}

.red {
	color: Red;
}