/* CSS Document 
Copyright 2010 RUN 2 Corp  |  graphic & interactive design
http://www.run2corp.com/
Client: DatingChatRooms.com
*/

body {margin:0 auto; padding:0; font:11px Arial, Helvetica,sans-serif}

#wrapper {width:960px; margin:0 auto}
#container {float:left; width:960px; background:url(images/bg_top.jpg) no-repeat center top}
#bg_index {background:url(images/bg.jpg) repeat-x center top}
#bg_inside {background:url(images/bg2.jpg) repeat-x center top}

#top {float:left; width:100%; padding-top:7px}
#logo {float:left; width:292px; height:56px}
#menu {float:right; width:618px; padding:10px 0 3px 0; font-weight:bold}
.menu_btn a {float:left; width:95px; height:24px; margin-left:8px; padding-top:8px; background:url(images/btn_menu.png) no-repeat center top; text-decoration:none; text-align:center; color:#ffffff}
.menu_btn a:hover {float:left; background:url(images/btn_menu_on.png) no-repeat center top}

#content {float:left; width:720px; padding-top:25px}
#main {float:left; width:700px; height:200px; padding:10px; background:#18b3e6 url(images/bg_main.jpg) no-repeat right top}
#main_tit {width:230px; font-size:26px; line-height:1.1em; color:#ffffff}
#main_txt {width:230px; padding-top:10px; line-height:1.2em}
#main_txt a {color:#ffffff; text-decoration:none}
#promotions {float:left; width:720; margin-top:15px}
.promo {float:left; width:171px; height:169px; margin-right:12px}
.promo_rgt {float:right; width:171px; height:169px; background-color:#ef017d}
.promo_age {float:left; width:90px; height:15px; padding-left:5px; margin-top:10px; background-color:#ffffff}
.promo_tit {float:left; width:151px; padding:85px 10px 0 10px; font-size:16px; font-weight:bold; color:#ffffff}
.promo_txt {float:left; width:151px; padding:0 10px 0 10px; color:#ffffff}
.p1 {background:#ef017d url(images/img_promo1.jpg) no-repeat center top}
.p2 {background:#ef017d url(images/img_promo2.jpg) no-repeat center top}
.p3 {background:#ef017d url(images/img_promo3.jpg) no-repeat center top}
.p4 {background:#ef017d url(images/img_promo4.jpg) no-repeat center top}

.side {float:right; width:230px; padding-top:20px}
.side_tit1 {width:230px; font-size:20px; font-weight:bold; color:#ef017d; border-bottom:2px solid #767373}
.side ul {width:230px; line-height:22px; list-style:none; margin:0; margin-bottom:8px; padding:0;}
.side li a:link, .side li a:visited {display:block; background:url(images/bullet_arrow.gif) no-repeat left 5px; font-size:14px; text-decoration:none; color:#000000; padding-left:20px; border-bottom:1px dotted #767373}
.side li a:hover, .side li a:active, .side li a:active:visited {display:block; background:url(images/bullet_arrow_on.gif) no-repeat left 5px; font-weight:bold}
.side li a:active {display:block; background:url(images/bullet_arrow_on.gif) no-repeat left 5px; font-weight:bold}

.side2 {float:right; width:222px}
.side2_tit1 {width:222px; font-size:20px; font-weight:bold; color:#ef017d; border-bottom:2px solid #767373}
.side2 ul {width:222px; line-height:22px; list-style:none; margin:0; margin-bottom:8px; padding:0;}
.side2 li a:link, .side2 li a:visited {display:block; background:url(images/bullet_arrow.gif) no-repeat left 5px; font-size:14px; text-decoration:none; color:#000000; padding-left:20px; border-bottom:1px dotted #767373}
.side li a:hover, .side2 li a:active, .side2 li a:active:visited {display:block; background:url(images/bullet_arrow_on.gif) no-repeat left 5px; font-weight:bold}
.side li a:active {display:block; background:url(images/bullet_arrow_on.gif) no-repeat left 5px; font-weight:bold}

#left {float:left; width:728px; padding-top:20px}
#intro {float:left; width:728px; padding:10px 0}
#breadcrumb {float:left; width:728px; padding-bottom:10px; font-size:18px}
#breadcrumb a {color:#ef017d; text-decoration:none}
.ad728 {float:left; width:728px; padding:5px 0 10px 0; text-align:center}
.ad200 {float:left; width:200px; padding:20px 0 10px 0}
#search {float:left; width:728px; padding-top:10px; text-align:center}

#footer {float:left; width:920px; margin-top:20px; padding:20px; color:#767373; text-align:center; font-size:11px}
#footer a {color:#333333; text-decoration:none}
#footer a:hover {color:#ef017d; font-weight:bold}