body {background:url(../images/gray/body.jpg) repeat-x top #f4f5f7; font-family:Tahoma; font-size:12px; margin:0px; padding:0px;}

a {text-decoration:none;}

a:focus {outline:0px;}

.clr {clear:both;}

p {margin:20px 0 0; text-align:right; float:right; color:#999;}



#warp {width:972px; margin:0px auto;}

#warp #header {background:url(../images/gray/header.jpg) repeat-x; height:116px; position:relative;}

#warp #header .right {background:url(../images/gray/header-right.jpg) no-repeat; float:right; width:267px; height:116px;}

#warp #header .left {background:url(../images/gray/header-left.jpg) no-repeat; float:left; width:18px; height:116px;}

#warp #header .colors {background:url(../images/gray/header-colors.jpg) no-repeat; float:left; width:152px; height:23px; position:absolute; left:18px; top:0;}

#warp #header .colors a {width:10px; height:10px; float:right; display:block; margin:6px 4px 0 0;}

#warp #header .links {width:375px; float:left; height:37px; margin:79px 0 0;}

#warp #header .links a {float:right; line-height:34px; text-align:center; color:#5f5f5f; width:70px;}

#warp #header .links a:hover {background:url(../images/gray/header-li.jpg) no-repeat; width:70px; height:37px; display:block; color:#f5ac2b;}

#warp #header .links span {float:right; color:#5f5f5f; padding-top:10px;}



#warp #contaner {background:url(../images/gray/contaner.jpg) repeat-y center;}

#warp #contaner .in {margin:0 5px; padding:8px 8px 0 0;}

#warp #contaner .in .right {width:148px; float:right;}

#warp #contaner .in .right ul {margin:0px; padding:0px; list-style:none;}

#warp #contaner .in .right ul li {background:url(../images/gray/li.jpg) no-repeat; height:31px; width:148px; border:1px solid #DBE0E4; line-height:30px; text-align:right;}

#warp #contaner .in .right ul li a {color:#999;}

#warp #contaner .in .right ul li img {float:right; margin:5px 5px 0 5px;}



#warp #contaner .in .left {width:300px; float:left;}

#warp #contaner .in .left a.adv {background:url(../images/gray/adv.jpg) no-repeat; width:300px; height:250px; display:block;}

#warp #contaner .in .left .chat-rent {background:url(../images/gray/chat-rent.jpg) no-repeat; width:300px; height:175px; margin:10px 0 0;}

#warp #contaner .in .left .chat-rent .title {height:25px; line-height:30px; padding-right:10px; text-align:right; color:#999;}

#warp #contaner .in .left .chat-rent .in {margin:0 2px; padding:0px; height:149px;}

#warp #contaner .in .center {width:502px; float:right; margin-right:2px;}

#warp #contaner .in .center .chat {background:url(../images/gray/chat.jpg) no-repeat; width:502px; height:291px; margin:0px auto;}

#warp #contaner .in .center .chat .right {width:231px; float:right; height:236px; margin:9px 4px 0 0;}

#warp #contaner .in .center .chat .right .title {height:25px; text-align:right; padding-right:5px; line-height:30px; color:#999;}

#warp #contaner .in .center .chat .right .in {height:106px; margin:7px 2px 0; padding:0px;}

#warp #contaner .in .center .chat .right .links {width:229px; margin:0px auto; height:27px;}

#warp #contaner .in .center .chat .right .links a {float:right; color:#a2abb4; padding:0 2px 0 0; line-height:25px; margin:0px;}

#warp #contaner .in .center .chat .right .links a span {float:left; color:#a2abb4; padding-right:2px;}

#warp #contaner .in .center .chat .right .chat-links {height:60px; margin:35px 0 0;}

#warp #contaner .in .center .chat .right .chat-links ul {float:right; list-style:none; margin:0px 10px; padding:0px;}

#warp #contaner .in .center .chat .right .chat-links ul li {background:none no-repeat scroll 0 0 transparent; border:0 none; height:auto; line-height:20px; text-align:right; width:90px;}

#warp #contaner .in .center .chat .right .chat-links ul li a {color:#a2abb4;}

#warp #contaner .in .center .chat .left {width:250px; float:left; height:236px; margin:9px 0 0 6px;}

#warp #contaner .in .center .chat .left .title {height:25px; text-align:right; padding-right:5px; line-height:30px; color:#999;}

#warp #contaner .in .center .chat .left .in {height:203px; margin:7px 2px 0; padding:0px;}

#warp #contaner .in .center .chat .links {height:30px; margin:4px 0 0; float:left; width:460px;}

#warp #contaner .in .center .chat .links a {float:right; margin:0 0 0 67px; line-height:30px; color:#999;}

#warp #contaner .in .center .blank {border:1px solid #CCC;}

#warp #contaner .in .center .blank .title {background:url("../images/gray/title.jpg") repeat-x scroll 0 0 transparent; height:30px; line-height:30px; padding-right:10px; text-align:right;}

#warp #contaner .in .center .blank .in {margin:0 2px 5px; text-align:right;}

#warp #contaner .in .center .adv {background:url(../images/gray/adv2.jpg) no-repeat; width:468px; height:60px; margin:5px auto 0;}

#warp #contaner .in .center .adv a {width:468px; height:60px; display:block;}

#warp #contaner .in .center #tabbing {direction:rtl; float:right; width:502px; margin:0 0 100px;}

.ui-tabs .ui-tabs-nav li {background:url(../images/gray/title.jpg) repeat-x;}

.ui-tabs .ui-tabs-nav li a {color:#999;}

.ui-tabs .ui-tabs-nav li a:hover {color:#9a9a9a;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {color:#9a9a9a; display:block;}



#warp #footer {background:url(../images/gray/footer.jpg) repeat-x; height:47px;}

#warp #footer .right {background:url(../images/gray/footer-right.jpg) no-repeat; float:right; width:7px; height:47px;}

#warp #footer .left {background:url(../images/gray/footer-left.jpg) no-repeat; float:left; width:81px; height:47px;}

#warp #footer .left a {width:63px; height:31px; float:right; margin:12px 3px 0 0;}
