body { background-color:#EEEEEE; margin: 0 auto; padding: 0; font: 11pt Arial, Helvetica, sans-serif; color: #000000; margin: 0 auto;}

.preload { position: absolute; overflow: hidden; left: -1000px; top: -1000px;}

#container {width: 820px; background-image:url(../../images/bgr_820.png); background-repeat:repeat-y; margin: auto;}
.container_top { margin: 0 auto; width:820px; height:50px; background-image:url(../../images/bgr_t_820.png);}
.container_bottom { margin: 0 auto; width:820px; height:50px; background-image:url(../../images/bgr_b_820.png);}
#main { margin: 0 auto;  width: 760px; background-color: #ffffff; border: 2px solid #002F6C; }
#main a { text-decoration:none; font-weight:bold; color:#3399FF; font-size:9pt; }
#main a:hover { text-decoration:underline; color:#002F6C;}

#header {background-image:url(images/header_bgr.jpg); background-repeat:no-repeat; height:169px;}
.astrology_logo { display:block; position:relative; padding:22px 0 0 121px; border:0;}
.reading_flag { display:block; position:relative; margin:8px 0 0 -11px;}
.promo { position:absolute; margin:-125px 0 0 475px; width:211px; height:256px; background-image:url(../images/promo_bgr.png);}
.promo img {margin:10px 0 0 16px;}

#article { margin: 10px 80px 30px 80px;}
.main { width:600px;}

h1 { font-size:14pt; color:#002F6C; margin:0;}
.full_sample { margin:60px 0 -42px 510px;}
.free-chartwheel-link {float: left; width:100%; padding-left:80px; margin-bottom:30px; }

.birth_info { display:block; margin:5px 0 10px 0; width:100%; border-top:solid 1px #CCCCCC;}
.birth_info .text { display:block; width:100%; border-bottom:solid 1px #CCCCCC;}
.birth_info strong { display:block; width:70%; position:relative; float:right; margin:0 0 0 0; }

/* bottom try another reading */
.feedback_bgr { display:block; position:relative; width:100%; height:70px; background-color:#FFFFFF; margin:10px 0 30px 0; box-shadow: 0 0 10px #666666;}
.feedback_container { margin: 0 auto; width:836px; padding-top:18px;}
.feedback { display:block;  float:right; height:44px; width:185px; padding:0; margin: -45px 150px 0 0; }
.feedback_container .txt { display:block; width:490px; margin-top:5px; text-align:right; color:#002F6C;}
.feedback a { display:block; float:right; background-image:url(../../images/get_it_off.png); background-repeat:no-repeat; width:185px; height:44px; text-align:center; font-size:11pt; font-weight:bold; padding:14px 0 14px 0; color:#FFFFFF; text-decoration:none; }
.feedback a:hover {background-image:url(../../images/get_it_on.png); background-repeat:no-repeat;}
.try { background-color:#FFFFFF; color:#004070; border: 2px solid #002F6C; margin:0 30px;}
.try h2 { color:#004070; font-size:28pt; margin:20px 0 20px 0;}
.try h3 {font-size:14pt; font-weight:bold; color:#005FB9; text-align:left; margin:10px 45px 0 45px; }
.try p { margin:1px 40px 5px 45px; text-align:left;}
.try ul { width:660px; font-size:11pt; text-align:left; margin:0 0 20px 20px; list-style:none;font-family:Arial, Helvetica, sans-serif;}
.try li { margin-top:4px;}
.try li:before { content:'\25A0'; color:#990000; display:block; position:absolute; margin:-1px 0 0 -15px;}
.try li a { text-decoration:none; font-weight:bold; color:#005FB9;}
.try li a:hover { color:#002F6C; text-decoration:underline;}

/* for the teaser  */
.top_body {  display: block;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 50px;
    width: 836px; }
.top_body h1 { font-size:24pt; color:#002F6C; margin:40px 0 0 0; border:none;}
.top_body p { font-size:14pt; color:#002F6C; margin:8px 0 -10px 0;}
.top_body .program { color:#555555;}

.buy_bgr { display:block; position:relative; height:70px; background-color:#FFFFFF; margin:20px 0 30px 0; box-shadow: 0 0 10px #000000; z-index:500;}
#top_buy_bgr {
    margin-left: 0;
    margin-top: 0px;
    padding-left: 0;
    position: fixed;
    width: 100%;
}
.buy_container { margin: 0 auto; width:836px;}
.getit { display:block;  float:left; padding:0; margin: 12px auto 0 auto; height:40px; font-size:10pt; font-weight:bold;}
.getit .text { display:block; 
              float:left; 
			  margin: 0 10px 3px 3px;
              width: 210px; 
			  color:#CC0000;}
.getit a { display:block; float:right; background-image:url(../../images/get_it_off.png); background-repeat:no-repeat; width:185px; height:44px; text-align:center; font-size:13pt; padding:14px 0 10px 0; color:#FFFFFF; text-decoration:none; }
.getit a:hover {background-image:url(../../images/get_it_on.png); background-repeat:no-repeat;}

.buyit { display:block; float:right; padding:0; margin: 12px auto 0 auto; height:40px; font-size:10pt; font-weight:bold;}
.buyit .text {float:left; margin:5px 10px 3px 3px; color:#CC0000; width:180px;}
.buyit .original_price { text-decoration:line-through;}
.buyit a { display:block; float:right; background-image:url(../../images/get_it_off.png); background-repeat:no-repeat; width:185px; height:44px; text-align:center; font-size:13pt; padding:14px 0 10px 0; color:#FFFFFF; text-decoration:none; }
.buyit a:hover {background-image:url(../../images/get_it_on.png); background-repeat:no-repeat;}

/* for the bottom convertion */

.box {margin: 0 auto; width:836px; color:#004070;}
.box .pt20 {font-size:20pt; display:block; float:none; font-weight:bold; margin-bottom:10px; }
.box .pt20 .program { color:#8F5D2F;}
.box .pt18 {font-size:18pt; font-weight:bold;}
.box p { font-size:12pt; color:#004070; margin:0 20px 10px 0; padding:0;}
.box ul {margin-left:20px;}

.keen_text_ad {font-size:17px; font-weight:bold; color:#002F6C; text-align:center; padding:10px; margin:30pt 0 80px 0;}
.keen_phone_ad {font-size:28pt; color:#004070;}

.end_top { display:block; position:relative; margin: -50px auto 0 auto; width:820px; height:50px; background-image:url(../../images/bgr_t_820.png);}
.end {margin: 0 auto; text-align:center; width:820px; background-image:url(../../images/bgr_820.png); background-repeat:repeat-y; }
.end_bottom { margin: 0 auto -20px auto; width:820px; height:50px; background-image:url(../../images/bgr_b_820.png);}
.end .body { background-color:#FFFFFF;  color:#004070; border: 2px solid #002F6C; margin:0 30px; padding:5px;}
.end .body h1 { color:#004070; font-size:18pt; margin:20px 0 25px 0; border:none;}
.end .body ul { width:520px; font-size:11pt; text-align:left; margin:0 auto 30px auto; list-style:none;}
.end .body li { margin-top:4px;}
.end .body li:before { content:'\25A0'; color:#002F6C; display:block; position:absolute; margin:-1px 0 0 -15px;}
.program { color:#555555; }

#kepler a {display:block; font-size:9pt; text-decoration:none; color:#BBBBBB; padding:5px; text-align:center; margin-bottom:50px; }
#kepler a:hover { color:#999999; background-color:#FFFFFF;}
