﻿*{
    margin: 0;
    padding: 0;}
body{
    width: 995px;
    margin: 0 auto;
    background: #FFFFFF;
    font-family: Arial;
    color: #000000;}
p{
    font-size: 0.7em;}
    
ul#top_menu{
    width: 995px;
    height: 47px;
    background: #212060 url("../Images/top_menu_bg.png") no-repeat top left;}
#top_menu li{
    list-style: none;
    float: left;}
#top_menu li a{
    color: #FFFFFF;
    text-decoration: none;
    height: 35px;
    padding-top: 12px;
    display: block;
    border-right: 1px solid #FFFFFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;}
#top_menu li a:hover{
    text-decoration: underline;}
.m1 a{width: 77px;}
.m2 a{width: 182px;}
.m3 a{width: 165px;}
.m4 a{width: 147px;}
.m5 a{width: 127px;}
.m6 a{width: 157px;}
#top_menu li.m7 a{width: 110px; border-right: none;}

h3.title{
    font-size: 1.0em;
    margin-left: 10px;}

#header{
    width: 995px; /*645px*/
    /*padding-left: 350px;
    height: 469px;*/
	height: 310px;
    float: left;
    background: url("../Images/header_bg.jpg") no-repeat top left;
    overflow: hidden;}
#header h1{
    width: 626px;
    height: 98px;
    display: inline;
    background: url("../images/the_psychic_gift.jpg") no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    margin-top: 10px;
    float: left;}
#header h2{
    float: left;
    width: 626px;
    margin: 5px 0 20px 0;
    font-size: 22px;
    color: #330066;}
#header h4{
    font-size: 16px;
    margin-bottom: 5px;
    color: #330066;}    
#header p{
    font-size: 13px;
    font-weight: bold;
    color: #0F1011;}
.tel_numbers{
    font-size: 27px;
    margin-right: 40px;
    font-weight: bold;
    color: #CC33CC;}
.tel_numbers_small_print{
    color: #CC33CC;
    font-weight: bold;}
#header .smallprint{
    font-size: 10px;}
#header_box_1, #header_box_2, #header_box_3{
    }
#header_box_1{
    width: 140px;
    padding-right: 10px;
    float: left;}
#header_box_2{
    float: left;
    width: 235px;
    padding: 0 10px;
    border-left: 1px solid #CC33CC;
    border-right: 1px solid #CC33CC;}
#header_box_3{
    float: left;
    padding-left: 10px;
    width: 225px;}

#content{
    width: 955px;
    padding: 0 20px 5px 20px;
    float: left;
    background: url("../images/content_bg.jpg") #dcebf8 no-repeat top left;}
    
#left_menu{
    width: 320px;
    overflow: hidden;
    float: left;}
.white_box1{
    width: 300px;
    float: left;
    margin-bottom: 15px;
    background: url("../images/white_box1_bg.png") no-repeat bottom left;}
.box1_top{
    background: url("../images/white_box1_top.gif") no-repeat top left;}
.white_box2{
    width: 456px;
    float: left;
    background: url("../images/white_box2_bg.png") no-repeat bottom left;}
.box2_top{
    background: url("../images/white_box2_top.gif") no-repeat top left;}
.white_box1 p, .white_box2 p{
    padding: 10px 10px 0 10px;
    color: #CC33CC;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold;}
p.from{
    text-align: right;
    color: #000000;
    padding: 0px 10px 10px 10px;}
ul#hp_menu li{
    list-style: none;
    float: left;
	margin-top: 10px;}
ul#hp_menu li a{
    width: 140px;
    height: 165px;
    float: left;
    display: inline;
	text-indent: -5000px;
    overflow: hidden;}
/*ul#hp_menu li a{
    width: 88px;
    height: 60px;
    margin: 30px 20px 0 0;
    padding: 5px 2px 3px 50px;
    font-size: 9px;
    font-style: italic;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 10px;
    float: left;
    display: inline;
    overflow: hidden;}*/
.hpb_header{
    font-size: 9px;
    display: block;
    margin-bottom: 4px;
    font-style: normal;
    font-weight: bold;}
#hpb_our_psychic_team a{background: url("../images/our_psychic_team.jpg") no-repeat;}
#hpb_articles a{background: url("../images/articles.jpg") no-repeat;}
#hpb_horoscopes a{background: url("../images/horoscopes.jpg") no-repeat;}
#hpb_newsletter a{background: url("../images/newsletter.jpg") no-repeat;}
#hpb_whose_online a{background: url("../images/whos_available.jpg") no-repeat;}
#hpb_angel_of_the_month a{background: url("../images/angel_of_the_month2.jpg") no-repeat;}

#hpb_our_psychic_team, #hpb_horoscopes, #hpb_articles{
	margin-right: 15px;}

#main_content{
    float: left;
    width: 630px;
    padding-bottom: 20px;}
.hp_box2{
    width: 280px;
    height: 366px;
    padding: 10px 20px 10px 10px;
    float: left;
    overflow: hidden;
    background: url("../images/hp_box2.png") no-repeat top left;}
.hp_box2 p, .hp_box3 p, .ip_box4 p, .ip_box5 p, .ip_box6 p, .ip_box7 p{
    color: #000066;
    text-align: justify;
    margin: 5px;}
.hp_box2_last{
    margin-bottom: 20px;}
.hp_box2 h3, .hp_box3 h3, .ip_box4 h3, .ip_box6 h3, .ip_box7 h3{
    color: #000066;
    margin-bottom: 5px;
    font-size: 1.0em;}
.hp_box3{
    height: 372px;
    width: 600px;
    padding: 10px 30px 10px 10px;
    float: left;
    overflow: auto;
    background: url("../images/content_box3.jpg") no-repeat;}
.hp_box6{
    height: 537px;
    width: 624px;
	padding: 10px;
    float: left;
    overflow: auto;
    background: url("../images/content_box6.jpg") no-repeat;}
.hp_box6 p{
	padding: 3px 0;}
.ip_box4{
    width: 413px;
    height: 365px;
    padding: 18px 20px;
    float: left;
    margin: 0 15px;
    display: inline;
    background: url("../images/content_box4.jpg") no-repeat top left;}
.ip_box4_content{
    width: 413px;
    height: 365px;
    overflow: auto;}
.highlight_1{
    color: #CF41CF;
    font-weight: bold;}
.ip_box4 h5{
    color: #000066;
    font-size: 0.9em;}
.ip_box5{
    width: 335px;
    height: 378px;
    padding: 18px 100px 5px 20px;
    float: left;
    margin-left: 0px;
    background: url("../images/content_box5.jpg") no-repeat;}
.ip_box5_content{
    width: 335px;
    height: 378px;
    overflow: auto;
    color: #FFFFFF;}
.ip_box6{
    width: 436px;
    height: 273px;
    padding: 10px;
    float: left;
    overflow: auto;
    background: url("../images/white_box2.png") no-repeat;}
.ip_box7{
    width: 436px;
    height: 354px;
    padding: 10px;
    float: right;
    overflow: auto;
    background: url("../images/white_box3.png") no-repeat;}
    
#footer{
    width:995px;
    background: url("../Images/top_menu_bg.png") no-repeat top left;
    float: left;}
#footer ul{
    float: right;
    margin-top: 10px;}
#footer li{
    float: left;
    margin-left: 5px;
    font-size: 0.9em;
    list-style: none;}
p#disclaimer{
    color: #FFFFFF;
    float: left;
    width: 975px;
    text-align: justify;
    padding: 5px 10px 0 10px;
    font-size: 0.6em;}
.astro_title{
    font-size: 1.2em;
    width: 110px;
    display: block;
    font-weight: bold;}
img.angel{
    float: left;
    margin: 0 5px 5px 0;}
.angels_content p{
    color: #FFFFFF;}
h5.tel_box{
    width: 400px;
    height: 37px;
    margin: 10px auto;
    padding-top: 5px;
    font-size: 25px;
    color: #FFFFFF;
    text-align: center;
    background: url("../images/pink_banner.gif") no-repeat;}
.contact_us{
    margin-left: 250px;}
.contact_us p{
    text-align: center;
    font-size: 1.4em;}   
.contact_us h3, .contact_us h4{
    text-align: center;}
table.our_psychic_team{
    width: 600px;
    float: left;
    margin-left: 18px;}
.our_psychic_team td{
    color: #000066;
    background: #9ABDD3;
    margin-top: 1px;
    padding: 5px;}
.our_readers p{
    padding: 5px 10px;}
.our_readers h3{
    text-align: center;
    padding-top: 3px;}
.our_readers .tel{
    color: #000066;
    font-weight: bold;
    font-size: 1.2em;}
#readers_left_col{
    width: 300px;
    float: left;}
#terms p{
    margin: 10px;}
#terms h3{
    margin-bottom: 20px;}
#whose_online{
    text-align: left;}
table#whose_online{
    margin-left: 20px;
    float: left;
    font-weight: bold;}
table#whose_online td, table#whose_online th{
    padding: 10px;
    background: #9ABDD3;}
table#whose_online th{
    font-size: 1.4em;}
.gift_reader, .gift_reader a{
    font-weight: bold;
    color: #CC33CC;}
#whose_online th.noGFX{
    background: none;}
p.articlep{
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;}
.articles ul li h4{
    font-weight: bold;
    color: #CC33CC;}
    
/* New CSS */
#our_psychic_team{
    width: 963px;
    height: 191px;
    float: left;
    background: url(../images/our_psychic_team2.jpg) no-repeat top left;
    overflow: auto;}
    
#our_psychic_team h1{
    font-size: 14px;
    font-weight: bold;
    color: #010044;
    width: 770px;
    float: right;
    padding: 10px 0 5px 0;
    margin-right: 25px;}
    
#our_psychic_team p{
    width: 770px;
    margin-right: 25px;
    float: right;
    padding-bottom: 10px;}
    
.number{
    color: #5e1c88;
    font-weight: bold;}
    
#reader_list{
    float: left;
    margin: 20px 0 0 0;}

.reader_list_box{
    width: 469px;
    height: 105px;
    margin-bottom: 15px;
    float: left;
    background: url(../images/reader_box.gif) no-repeat top left;}
    
.reader_list_box img{
    width: 108px;
    height: 103px;
    margin: 1px 0 0 12px;
    float: left;}
    
.reader_list_box h3{
    height: 20px;
    width: 208px;
    padding: 5px 0 0 10px;
    float: left;
    font-size: 15px;
    color: #171554;}

.reader_list_box h4{
    height: 20px;
    width: 121px;
    padding: 5px 10px 0 0;
    float: right;
    text-align: right;
    font-size: 15px;
    color: #171554;}
    
.reader_list_box p{
    width: 329px;
    padding: 0 10px;
    float: left;}
    
h1.lpr{
    color: #171554;
    font-size: 20px;
    padding: 5px 0;
    text-align: center;}

h2.lpr{
    color: #171554;
    font-size: 15px;
    padding: 5px 0;
    text-align: center;}
    
.lpr_box{
    width: 938px;
    height: 151px;
    padding: 10px;
    margin: 15px 0;
    float: left;
    background: url(../images/live_psychic_readings_box.gif) no-repeat top left;
    overflow: hidden;}
    
.lpr_box h3{
    color: #171554;
    font-size: 16px;
    padding: 5px 0;}
    
.lpr_box p{
    padding: 5px 0;}
    
#whos_available{
    width: 963px;
    height: 168px;
    float: left;
    margin-bottom: 20px;
    background: url(../images/whose_online_box.jpg) no-repeat top left;}
    
#whos_available h1{
    font-size: 14px;
    font-weight: bold;
    color: #010044;
    width: 700px;
    float: right;
    padding: 10px 0 5px 0;
    margin-right: 25px;}
    
#whos_available p{
    width: 700px;
    margin-right: 25px;
    float: right;
    padding-bottom: 10px;}
    
table#whose_online{
    color: #000000;}
    
table#whose_online td, table#whose_online th{
    border: 1px solid #191756;
    margin: 0px;
    background: #FFFFFF;}
    
.tl{
    background: url(../images/table_tl.gif) no-repeat top left;}
    
#astro_box{
    float: left;
    width: 946px;
    padding: 15px 0 15px 10px;
    background: #FFFFFF;
    border: 1px solid blue;}

#astro_box p{
    float: left;
    margin: 13px 1px;
    text-align: center;
    width: 111px;
    font-size: 0.7em;
    color: #FFFFFF;}

#astro_box a img{
    border: none;
    display: inline;
    margin: 0 5px;}
    
#astro_box h3{
    text-align: center;
    margin-top: 10px;}
    
#astro_box2{
     width: 957px;
     float: left;
     margin: 20px 0;
     background: url(../images/white_box1_bottom.gif) no-repeat bottom left;}
     
#astro_box2 h2{
    width: 942px;
    padding: 10px 0 0 15px;
    height: 20px;
    margin-top: -13px;
    background: url(../images/white_box1_top.gif) no-repeat bottom left;}
    
#astro_box2 p{
    padding: 10px 15px;}
    
#angels_header{
    width: 995px;
    height: 196px;
    position: relative;
    bottom: 45px;
    right: 20px;
    background: url(../images/angels_header.jpg) no-repeat top left;}
   
#angels{
    margin-top: -20px;}

#angels, #angel_month{
    float: left;}
    
#angels p{
    color: #1f99d4;
    padding: 5px 0;}
    
#angel_month{
    margin-top: 15px;}

#angel_month h2{
    font-size: 15px;
    padding: 0px 0 5px 0;
    margin-left: 25px;
    float: left;
    color: #996515;}

#angel_month p{
    color: #996515;
    padding: 5px 0;
    width: 500px;
    margin-left: 25px;
    float: left;}

#angel_month img{
    float: left;}
    
