body { background-color:#E9D4C6; text-align: center; }

.preload { position: absolute; overflow: hidden; left: -1000px; top: -1000px;}
#container { background-color:transparent; padding-bottom:0; width: 1000px; background-image:url(images/bgr.png); background-repeat:repeat-y; }
.container_top { margin: 0 auto; width:1000px; height:50px; background-image:url(images/bgr_t.png);}
.container_bottom { margin: 0 auto; width:1000px; height:50px; background-image:url(images/bgr_b.png);}
#container #main { margin: 0 auto; border: 2px solid #433228;}
    
#container .box {
    background-color: #E9D4C6;
    border: 1px solid #1A488A;
}    

#copyright {display:block; font-size:9pt; position:relative; margin:170px 0 60px 0;}
#copyright .matrix {font-size:7pt; color:#999999; float:right;}
.page {	padding-right:10px;	background-color:#333333; border:solid #000000; border-width : 1px 0px 1px 0px; height:12px; font-size:9px; font-weight:bold; color:#FFFFFF; text-align:right; margin-top:25px; }
/* 	page-break-after:always; */	 
.name { display:block; position:relative; width:365px; height:20px; font-size:14pt; margin-top:-195px; text-align:right; }

.pdf { display:block; position:relative; margin-top:-60px; text-align:right;}
.pdf img { margin-bottom:-6px;}
.pdf a { font-size:9pt; color:#000000; text-decoration:none;}
.pdf a:hover { color:#990000; text-decoration:underline;}

#matrix h1 { font-weight:bold; font-size:24pt; text-align:left; color:#005FB9; margin:40px 0 5px 0; border-bottom:solid 2px #C0D8EF; border-top:solid 2px #C0D8EF;}
#matrix h2 { font-weight:bold; font-size:12pt; text-align:left; color:#005FB9; margin:30px 0 5px 0; border-bottom:solid 1px #C0D8EF;}

.contents { text-align:left; margin:40px 0 40px 0; padding:0 80px 0 80px;}
.contents ul {margin:0;}
.contents ol { font-style:italic; font-family:Georgia, Times, serif; font-size:20px; color:#433228;  }
.contents li { background-color:#E9D4C6; width:100%; margin:0 0 1px 0; padding:2px 0 2px 15px; border-left: 1px solid #433228;}
.contents li a { display:block; width:100%; text-decoration:none; color:#000000; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.contents li a:hover { color:#CC0000;}

.dropcap { font-size:48pt; float: left; line-height:43pt; padding: 0 2px 0 0; color:#433228; font-weight: bold; position: relative; margin:-1pt 0 0 -3pt;}
.report { text-align:left;	margin:40px 0 40px 0; 	padding:0 80px 0 80px;}
.wheel img { display:block;  margin:0 25px 25px 0; float:left;}
.container {display:block; width:100%; min-height:450px;}
.intro { display:block; float:left; width:311px; height:450px; padding-right:25px;}
.chart {display:block; float:left; width:336px; height:450px;}
.chart img {width:336px; height:336px;}
.chdata { float:left; width:297px; height:450px; padding-right:25px;}
.composite { float:left; width:350px; height:450px;}

@font-face {
    font-family: 'matrix';
    src: url('matrix-webfont.eot');
    src: url('matrix-webfont.eot?#iefix') format('embedded-opentype'),
         url('matrix-webfont.woff') format('woff'),
         url('matrix-webfont.ttf') format('truetype'),
         url('matrix-webfont.svg#matrixregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.glyph { font-family:matrix; font-size:14pt; margin:0 4px 0 5px;}

.month { display:block; height:47px; margin:70px 0 20px -80px;}
.date { display:block; width:120px; height:120px; font-weight:bold;}
.day { display:block; font-size:21pt; color:#990000; margin:0 auto 0 auto;}
.hour { display:block; font-size:8pt; font-weight:normal; text-align:right; width:120px;}
.key { display:block; width:100%; text-align:right; font-size:7pt; font-style:italic; margin:-20px 0 20px 0;}
.interpretation {display:block; min-height:120px; margin:-140px 0 0 140px; padding-left:15px; border-left:solid 1px #005FB9;}

/* bottom try another reading */
.feedback_bgr { display:block; position:relative; width:100%; height:50px; background-color:#FFFFFF; margin:20px 0 30px 0; box-shadow: 0 0 10px #666666;}
.feedback_container { margin: 0 auto; width:836px; padding-top:5px;}
.feedback { display:block;  float:right; width:284px; padding:0; margin: -33px auto 0 auto; height:30px; background-color:#E5E5E5; font-size:9pt; font-weight:bold; }
.feedback_container .txt { display:block; width:540px; text-align:right; color:#433228;}
.feedback .text { display:block; position:absolute; height:19px; width:180px; margin:3px 70px 3px 3px; border:solid 1px #999999; background-color:#FFFFFF; padding:3px 3px 0 3px; color:#8A8A8A;}
.feedback a { display:block; position:absolute; background-image:url(images/get_it_off.png); line-height:2; background-repeat:no-repeat; width:86px; height:24px; padding:auto; color:#FFFFFF; text-decoration:none; margin:3px 0 0 195px; }
.feedback a:hover {background-image:url(images/get_it_on.png); background-repeat:no-repeat;}
.try { background-color:#FFFFFF;  font-family:"Times New Roman", Times, serif; color:#433228; border: 2px solid #004070; margin:0 80px;}
.try h2 { font-family:"Times New Roman", Times, serif; color:#433228; font-size:28pt; margin-top:20px;}
.try h3 {font-size:14pt; font-weight:bold; color:#433228; text-align:left; margin:10px 84px 0 84px; }
.try p { margin:1px 84px 5px 84px; text-align:left;}
.try ul { width:700px; font-size:11pt; text-align:left; margin:0 0 20px 84px; 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:#433228; text-decoration:underline;}

/* for the teaser  */
.top_body { display:block; margin: 0 auto; padding-bottom:0; width:836px; }
.top_body .text_container { display:block; text-align:right; font-family:"Times New Roman", Times, serif; color:#433228; width:426px; padding:20px 0 20px 410px; min-height:100px;}
.top_body .enjoy { float:left; margin-top:-30px;}
.line {display:block; width:836px; float:right; text-align:right; margin-top:-8px;}
.pt11 {font-size:11pt; display:block; float:right; margin-left:5px; margin-top:18px;}
.pt12 {font-size:12pt; display:block; float:right; margin-left:8px; margin-top:8px;}
.pt14 {font-size:14pt; display:block; float:right; margin-left:8px; margin-top:9px;}
.pt16 {font-size:16pt; display:block; float:right; margin-left:8px; margin-top:9px;}
.pt18 {font-size:18pt; display:block; float:right; margin-left:8px; margin-top:9px;}
.pt20 {font-size:20pt; display:block; float:right; margin-left:8px; margin-top:9px}
.pt28 {font-size:28pt; display:block; float:right; margin-left:8px;}

.buy_bgr { display:block; position:relative; width:100%; height:40px; background-color:#FFFFFF; margin:20px 0 -10px 0; box-shadow: 0 0 10px #666666;}
.buy_container { margin: 0 auto; width:836px;}
.getit { display:block;  float:right; width:284px; padding:0; margin: 5px auto 0 auto; height:30px; background-color:#E5E5E5; font-size:9pt; font-weight:bold; }
.getit .text { display:block; position:absolute; height:19px; width:180px; margin:3px 70px 3px 3px; border:solid 1px #999999; background-color:#FFFFFF; padding:3px 3px 0 3px; color:#8A8A8A;}
.getit a { display:block; position:absolute; background-image:url(images/get_it_off.png); line-height:2; background-repeat:no-repeat; width:86px; height:24px; padding:auto; color:#FFFFFF; text-decoration:none; margin:3px 0 0 195px; }
.getit a:hover {background-image:url(images/get_it_on.png); background-repeat:no-repeat;}

.buyit { display:block; float:left; width:284px; padding:0; margin: 5px auto 0 auto; height:30px; background-color:#E5E5E5; font-size:9pt; font-weight:bold; }
.buyit .text { display:block; position:absolute; height:19px; width:180px; margin:3px 70px 3px 3px; border:solid 1px #999999; background-color:#FFFFFF; padding:3px 3px 0 3px; color:#8A8A8A;}
.buyit a { display:block; position:absolute; background-image:url(images/get_it_off.png); line-height:2; background-repeat:no-repeat; width:86px; height:24px; padding:auto; color:#FFFFFF; text-decoration:none; margin:3px 0 0 195px; }
.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; text-align:center; font-family:"Times New Roman", Times, serif; color:#433228;}
.box .pt28 {font-size:28pt; display:block; float:none;}
.box .pt18 {font-size:18pt; margin:9px 20px 9px 9px; float:none; text-align:right;}
.box p { text-align:right; font-size:14pt; font-family:"Times New Roman", Times, serif; color:#433228; line-height:.8; margin:0 20px 0 0; padding:0;}
.box h5 { font: bold 20px Arial, Helvetica, sans-serif; color: #ca3c6b; text-align: center; }
.box h6 { font: bold 16px arial; color: #ca3c6b; margin-bottom: 3px; }
.box p {margin-left:20px; padding-top: 10px;}
.box ul {margin-left:20px;}

.keen_text_ad { font-size:20pt; text-align:left; margin:30px 0 30px 0; font-family:"Times New Roman", Times, serif; color:#444444;}
.keen_phone_ad {font-size:28pt; color:#004070;}

.end_top { display:block; position:relative; margin: -30px auto 0 auto; width:1000px; height:50px; background-image:url(images/bgr_t.png);}
.end {margin: 0 auto; width:1000px; background-image:url(images/bgr.png); background-repeat:repeat-y; }
.end_bottom { margin: 0 auto 80px auto; width:1000px; height:50px; background-image:url(images/bgr_b.png);}
.end .body { background-color:#FFFFFF;  font-family:"Times New Roman", Times, serif; color:#433228; border: 2px solid #433228; margin:0 80px;}
.end .body h1 { font-family:"Times New Roman", Times, serif; color:#433228; font-size:20pt; margin:20px 0 5px 0;}
.end .body ul { width:500px; font-size:11pt; text-align:left; margin:0 auto 20px auto; list-style:none; font-family:Arial, Helvetica, sans-serif; }
.end .body li { margin-top:4px;}
.end .body li:before { content:'\25A0'; color:#990000; display:block; position:absolute; margin:-1px 0 0 -15px;}
.program { font-size:28pt; font-style:italic; color:#990000; }