@import "reset.css";
@import "text.css";
@import "960.css";

body { background: #FFF url(../images/bg.jpg) repeat-x top center; }
a.link, a.link:visited { color: #6CF; font-weight: bold; text-decoration: none; }
.left { float: left; }
.right { float: right; }

#hdr { height: 130px; }
#topper { height: 64px; }
#counter { background: url(../images/1x2.png) no-repeat top right; width: 460px; height: 64px; }
#counter-tag { margin-top: 18px; margin-left: 66px; }
#counter_app { font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; line-height: 64px; text-shadow: #000 0px 1px 0px; letter-spacing: 12px; margin-right: -8px; }
#hdr_lower { background: url(../images/2x1.png) no-repeat top center; width: 940px; height: 66px; }

#main { background: url(../images/btm_bg.gif) repeat-x bottom left; }
#top { position: relative; background: url(../images/3x1.png) no-repeat top center; width: 940px; height: 563px; }
#howard_block { margin-top: 20px; color: #000; width: 380px; height: 150px; }
#howard_block .cntnr, #as_seen_block .cntnr { font-family: "Segoe UI", "Trebuchet MS", Tahoma; padding: 10px; }
#howard_block #asseen { font-size: 15px; color: #039; font-weight: bold; }
#howard_block #thss { font-size: 18px;font-weight: bold; font-style: italic; }
#howard_block #quote { font-size: 13px; width: 220px; margin-top: 10px; }
.img { background: #FFF; border: 2px solid #039; padding: 1px; }
#as_seen_block { color: #000; line-height: 1.4em; width: 260px; height: 52px; margin-top: 20px; }
#as_seen_block #hdln { font-size: 15px; font-weight: bold; }
#as_seen_block #quote { font-size: 13px; }

#four-steps { position: absolute; top: 268px; left: 0px; }
.step { width: 195px; height: 230px; margin: 0px 20px; }
.step .hdr { font-weight: bold; text-indent: 10px; line-height: 30px; }
.step .cntnts { text-align: justify; line-height: 1.3em; margin-top: 10px; }
#metadata { position: absolute; top: 243px; left: 20px; color: #333; font-size: 18px; font-weight: bold; line-height: 37px; text-align: center; width: 900px; height: 37px; }

.cb { position: relative; background: #1C54A3 url(../images/block_bg.png) no-repeat top center; width: 220px; height: 314px; margin-bottom: 20px; }
.cb_inner { background: url(../images/block_btm.gif) no-repeat bottom center; width: 220px; height: 314px; }
.cb_cntnr { padding: 18px 17px 10px 17px; }
.cb_rating { background: #0A001C; font-size: 11px; margin-top: -3px; padding: 3px 6px 5px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.thumb a, .thumb a:visited { display: block; background: #039; border: 1px solid #FFF; padding: 2px; margin: 5px 0px 8px 0px; }
.cb_sep { background: url(../images/cb_sep.gif) repeat-x top left; height: 2px; margin: 9px 0px; }
.cb_txt {}
.cb_btn { position: absolute; bottom: 10px; }


.horz_sep { background: url(../images/horz_sep.gif) repeat-x; height: 1px; }


#ftr { background: #121212 url(../images/ftr_bg.gif) repeat-x top left; color: #666; }