/* CSS Document 
Copyright 2007 RUN 2 Corp  |  graphic & interactive design
http://www.run2corp.com/
Client: www.Chat-Room.com
*/


body {background:#000000 url(img/bg.jpg) repeat-x center top; margin:0px; font:12px Georgia, "Times New Roman", Times, serif; color:#000000}
a {text-decoration:none}
img {behavior:url(img/pngbehavior.htc)}
.blue {color:#013769}
.red {color:#bb1f5c}

#container{width:880px; margin:0 auto; padding-bottom:15px}
#header {background:url(img/bg_header.jpg) no-repeat center top; height:90px}
#logo {float:left; width:250px}
#hdr_tit {font-size:30px; text-align:right; color:#bb1f5c; padding-top:33px}

#main {float:left; width:880px}
#main_top {background:url(img/main_top2.jpg) no-repeat center top; height:15px;}
#main_center {float:left; width:849px; padding:0px 15px 5px 15px; background-color:#ffffff}
#main_bottom {float:left; background:url(img/main_bottom2.jpg) no-repeat center top; height:15px; width:880px}
#sidebar {float:left; width:180px;}
#sb_top {float:left; width:180px; height:23px; background:url(img/bg_sb_top.jpg) no-repeat left top; font-size:14px; font-weight:bold; color:#bb1f5c; text-align:center; padding-top:5px}
#sb_list {float:left; width:170px; background-color:#f3f9fe; padding:0 3px; border-left:2px solid #d6dce1; border-right:2px solid #d6dce1}
#sb_list ul {width:170px; line-height:24px; list-style:none; margin:0; padding:0}
#sb_list li a:link, #sb_list li a:visited {display:block; background:url(img/btn_sb_off.jpg) no-repeat left top; text-decoration:none; color:#000000; padding-left:25px}
#sb_list li a:hover, #sb_list li a:active, #sb_list li a:active:visited {display:block; background:url(img/btn_sb_on.jpg) no-repeat left top; font-weight:bold}
#sb_list li a:active {display:block; background:url(img/btn_sb_on.jpg) no-repeat left top; font-weight:bold}
#sb_bottom {float:left; width:180px; height:9px; margin-bottom:10px; background:url(img/bg_sb_bottom.jpg) no-repeat left top}
#intro {float:left; background:url(img/img_1b.jpg) no-repeat center top; width:625px; height:200px; margin-left:15px; padding:5px 0px 10px 15px; color:#ffffff; margin-bottom:0px}
#newsletter {float:left; width:625px; margin-left:15px; padding:5px 0px 10px 15px; margin-bottom:0px}
.intro_tit {font-size:24px; font-weight:bold; color:#d5eafc}
.key1, .key2, .key3 {float:left; margin-left:15px; width:175px; text-align:center; font-size:18px; font-weight:bold}
.key1 img, .key2 img, .key3 img {margin-bottom:5px}
.offer {float:left; width:555px; margin-left:15px; padding:10px 0; border-bottom:1px solid #0168c5}
.offer:hover {background-color:#edf3f9}
.offer_logo {float:left; width:198px; height:30px; margin-right:10px}
.offer_tit {float:left; height:30px; font-size:20px; font-weight:bold; color:#0168c5}
#offer_vid1, #offer_vid2 {float:left; width:198px; margin-right:10px; padding-top:10px; text-align:center}
.offer_txt {float:left; width:335px; padding-top:8px}
label {font-size:13px; font-weight:bold; color:#0168c5; line-height:16px}
.offer ul {margin:0; padding:0; margin-bottom:10px}
.offer li {margin-left:12px}
#breadcrumb {float:left; width:555px; margin-left:15px; padding:10px 0}

#footer {margin:0 auto; padding:5px 0; font-size:10px; color:#ffffff; text-align:center}

.contentparagraph {}
.contentparagraph a {color:#0099cc; text-decoration:underline;}
.contentparagraph a:hover {color:#0099cc; text-decoration:underline;}

#promo {float:left; margin-left:18px; width:625px}
#promo_lft {float:left; width:332px}
#promo_rgt {float:right; width:265px; padding-right:5px}
.promo_box {float:left; padding-bottom:15px}
.promo_pic {float:left; width:81px}
.promo_info {float:left; width:251px}
.promo_info2 {float:left; width:265px; color:#666666}
.promo_info3 {float:left; width:184px}
.promo_tit {font-size:17px; font-weight:bold; color:#333333}
.promo_tit2 {font-size:17px; font-weight:bold; color:#0099CC}
.promo_sub {font:bold 11px Verdana, Arial, Helvetica, sans-serif}
.promo_sub a {color:#0099cc; text-decoration:underline}
.promo_txt {font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666}
.promo_lnk {font:bold 11px Arial, Helvetica, sans-serif; padding-left:155px}
.promo_lnk2 {font:bold 11px Arial, Helvetica, sans-serif; padding-left:115px}
.promo_lnk a, .promo_lnk2 a {color:#000000; text-decoration:none}



/* IE fixes */
* html #sb_list li a:hover {height: 1%; background:none}

/* IE Fixes */
*+html .offer li {margin-left:16px}
* html .offer li {margin-left:16px}