@charset "utf-8";
/* CSS Document */

body {
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;

}

#container {
position:relative;
width:990px;
margin:0 auto;
}

#top {
position:relative;
margin-top:5px;
width:987px;
height:98px;
background-image:url(../gfx/icons/top-loop.jpg);
border-bottom:4px #000000 solid;
}

#top div {
float:left;
}

#top a {
position:relative;
display:block;
float:left;
color:#FFFFFF;
padding-top:70px;
height:15px;
width:70px;
margin-top:7px;
margin-left:3px;
z-index:4;
background-repeat:no-repeat;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
text-align:center;
}

#cls_up {
position:relative;
height:70px;
margin-top:5px;
margin-bottom:10px;
background-image:url(../gfx/icons/close_up_loop.jpg);
}

#mogio {
position:relative;
height:70px;
width:268px;
background-position:top;
background-image:url(../gfx/close_up.jpg);
float:left;
background-repeat:no-repeat;
margin-right:4px;

}

#menu_cls {
position:relative;
padding-top:50px;

}

#menu_cls a {
text-align:center;
display:block;
float:left;
min-width:60px;
padding-top:2px;
color:#000000;
padding-left:3px;
padding-right:3px;
font-size:15px;
text-decoration:none;

}
#menu_cls a:hover {
color:#FFFFFF;
background-image:url(../gfx/menu_a_bg.jpg);
font-size:15px;
text-decoration:none;

}


#bath {
background-image:url(../gfx/icons/bathroom.jpg)
}
             
#kith
{
background-image:url(../gfx/icons/kithen.jpg)
}
#livn {
background-image:url(../gfx/icons/living.jpg)
}
#dini {
background-image:url(../gfx/icons/dining.jpg)
}
#bed {
background-image:url(../gfx/icons/bedroom.jpg)
}
#kids {
background-image:url(../gfx/icons/kids.jpg)
}
#office {
background-image:url(../gfx/icons/office.jpg)
}
#light {
background-image:url(../gfx/icons/lighting.jpg)
}
#floor {
background-image:url(../gfx/icons/floors.jpg)
}
#tiles {
background-image:url(../gfx/icons/tiles.jpg)
}
#finish {
background-image:url(../gfx/icons/finish.jpg)
}
#app {
background-image:url(../gfx/icons/app.jpg)
}
#ent {
background-image:url(../gfx/icons/entertaiment.jpg)
}          

#top b {
display:none;
}
#top-left {
position:relative;
height:98px;
width:19px;
background-image:url(../gfx/icons/top-left.jpg);
}

#top-right { 
position:relative;
height:98px;
width:19px;
background-image:url(../gfx/icons/top-right.jpg);
}



#top_image_menu {

}

#top_text_menu {

}

#left {
position:relative;
width:232px;
float:left;
height:400px;
margin:1px;
margin-left:0px;
}

#left-f {
position:relative;
width:200px;
float:left;
height:400px;
margin:1px;
margin-left:0px;

}

#center {
position:relative;
text-align:justify;
width:520px;
padding-left:10px;
padding-right:10px;
float:left;
min-height:400px;
margin:1px;
}

#center-f {
position:relative;
text-align:justify;
width:540px;
padding-right:29px;
float:left;
min-height:600px;
margin:1px;
border:solid 0px #000000;
}

#center-m {
position:relative;
text-align:justify;
width:540px;
padding-right:0px;
float:left;
min-height:200px;
margin:1px;
border:solid 0px #000000;
}

#right{
position:relative;
width:208px;
float:left;
height:auto;
background-image:url(../gfx/rr.jpg);
background-repeat:repeat-y;
padding-left:5px;
border:solid 0px #000000;
margin:1px;
}

#right-m {
position:relative;
width:755px;
float:left;
height:auto;
background-repeat:repeat-y;
padding-left:0px;
border:solid 0px #000000;
margin:1px;
}

#log_in_panel {
position:relative;
background-image:url(../gfx/panel.jpg);
width:197px;
height:117px;
background-repeat:no-repeat;
}

#login {
top:11px;
left:8px;
position:absolute;
height:19px;
width:150px;
border:none;

}

#password {
top:47px;
left:8px;
position:absolute;
height:19px;
width:150px;
border:none;


}

#submit { 
top:75px;
position:absolute;
height:25px;
padding-top:4px;
width:150px;
background-image:url(../gfx/sign_in_bg.jpg);
border-bottom:solid 1px #f4f4f4;
border-left:solid 1px #d8dad9;
border-right:solid 1px #d5d7d6;
border-top:solid 1px #d0d2d1;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-left:15px;
}

#menu_l {
position:relative;
height:259px;
width:232px;
background-image:url(../gfx/menu.jpg);
float:left;
}

#menu_l_another {
position:relative;
height:384px;
width:177px;
background-image:url(../gfx/another_my_space.jpg);

}

#blue-top {
position:relative;
height:21px;
width:184px;
background-image:url(../gfx/blue-top.jpg);
}

#blue-loop {
position:relative;
height:auto;
font-size:14px;
padding-left:17px;
padding-right:13px;
width:154px;
background-image:url(../gfx/blue-loop.jpg);
color:#FFFFFF;
}

#blue-bottom {
position:relative;
height:21px;
width:184px;
background-image:url(../gfx/blue-bottom.jpg);
}

#life {
position:relative;
background-image:url(../gfx/life.jpg);
width:199px;
height:240px;
float:left;
}
#life-loop {
position:relative;
background-image:url(../gfx/life-loop.jpg);
text-align:justify;
width:114px;
font-size:13px;
padding-left:55px;
padding-right:30px;
height:auto;
clear:both;
float:left;
color:#FFFFFF;
}

#work {
position:relative;
background-image:url(../gfx/work.jpg);
width:166px;
height:240px;
float:left;
}

#work-loop {
position:relative;
background-image:url(../gfx/work-loop.jpg);
width:115px;
padding-left:25px;
text-align:justify;
padding-right:26px;
font-size:13px;
height:auto;
float:left;
color:#FFFFFF;
}

#life-arr {
position:absolute;
left:0px;
background-image:url(../gfx/life-arr.jpg);
width:199px;
height:41px;
float:left;

}

#work-arr {
position:absolute;
left:0px;
background-image:url(../gfx/work-arr.jpg);
width:166px;
height:41px;
overflow:hidden;
float:left;
}
#relax-arr {
position:absolute;
left:0px;
background-image:url(../gfx/relax-arr.jpg);
width:172px;
height:41px;
overflow:hidden;
float:left;
}
#relax {
position:relative;
background-image:url(../gfx/relax.jpg);
width:172px;
height:240px;
float:left;
}

#relax-loop {
position:relative;
background-image:url(../gfx/relax-loop.jpg);
width:117px;
text-align:justify;
font-size:13px;
height:auto;
padding-left:25px;
padding-right:30px;
float:left;

}





#relax-arrr {
position:absolute;
left:0px;
background-image:url(../gfx/relax-arr.jpg);
width:172px;
height:41px;
overflow:hidden;
float:left;
}
#relaxr {
position:relative;
background-image:url(../gfx/relax.jpg);
width:172px;
height:240px;
float:left;
}

#relax-loopr {
position:relative;
background-image:url(../gfx/relax-loop.jpg);
width:147px;
height:auto;
padding-left:25px;
float:left;

}




#rtm {
position:relative;
background-image:url(../gfx/rate.jpg);
width:160px;
height:240px;
float:left;
}

#rtm-loop {
position:relative;
background-image:url(../gfx/rate-loop.jpg);
width:125px;
text-align:justify;
font-size:13px;
padding-left:10px;
padding-right:30px;
background-repeat:repeat-y;
height:auto;
float:left;

}

#rtm-arr {
position:absolute;
left:0px;
background-image:url(../gfx/rate-arr.jpg);
width:160px;
height:41px;
overflow:hidden;
float:left;
}

#l {
position:relative;
float:left;
height:auto;
overflow:hidden;
}

#l-l {
position:relative;
float:left;
height:auto;
overflow:hidden;
}

#r{
position:relative;
float:left;
overflow:hidden;
}

#r-r {
position:relative;
float:left;
overflow:hidden;
width:760px;
border:solid 0px #000000;
}

#popular {
clear:both; 
position:relative; 
height:auto; 
padding-top:45px;
}

#popular strong {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing:1px;

}

#recent {
position:relative;
background-position:bottom;
background-repeat:repeat-x;
padding-bottom:5px;
width:700px;
height:auto;
background-image:url(../gfx/hr1.jpg);
}

#rated {
position:relative;
background-position:bottom;
background-repeat:repeat-x;
padding-bottom:5px;
width:700px;
height:auto;
background-image:url(../gfx/hr2.jpg);
}

#viewed {
position:relative;
background-position:bottom;
background-repeat:repeat-x;
padding-bottom:5px;
height:auto;
width:700px;
background-image:url(../gfx/hr1.jpg);
}

#before-and-after {
position:relative;
clear:both;
margin-top:5px;
height:33px;
padding-top:10px;
width:190px;
background-image:url(../gfx/before-bg.jpg);
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#before-and-after strong {
color:#FFFFFF;
font-size:21px;
}

#black {
position:relative;
height:190px;
width:190px;
background-color:#000000;
margin-top:5px;
margin-bottom:5px;
}

#woil {
position:relative;
height:30px;
padding-top:4px;
width:190px;
background-image:url(../gfx/woil_bg.jpg);
text-align:center;
font-weight:bold;
}

#woil_black {
position:relative;
width:188px;
height:188px;
border-bottom:solid 1px #d0d1d1;
border-left:solid 1px #a2a5a4;
border-right:solid 1px #6d7171;
border-top:solid 1px #898d8c;
background-color:#0f1514;
}

#eco {
position:relative;
width:175px;
height:30px;
padding-top:3px;
margin-top:7px;
margin-bottom:7px;
background-image:url(../gfx/eco_bg.jpg);
text-align:left;
padding-left:15px;
font-weight:bold;
}

#eco_photo {
position:relative;
background-image:url(../gfx/eco_photo.jpg);
height:163px;
width:182px;
margin:4px;

}

#tele-left {
position:relative;
float:left;
height:44px;
width:10px;
background-image:url(../gfx/tele-left.jpg);
}

#tele-loop {
position:relative;
float:left;
height:40px;
width:165px;
padding-left:5px;
padding-top:4px;
background-image:url(../gfx/tele-loop.jpg);
font-weight:bold;
}

#tele-loop strong {
color:#ff0000; 
}

#tele-right {
position:relative;
float:left;
height:44px;
width:10px;
background-image:url(../gfx/tele-right.jpg);
}

#tele {
position:relative;
clear:both;
}

.g {
position:relative;
clear:both;
width:190px;
height:25px;

}

.g-loop {
position:relative;
height:21px;
width:auto;
float:left;
background-image:url(../gfx/loop-g.jpg);
color:#fafbfa;
padding-top:4px;
font-size:12px;
font-weight:bold;
}

.g-loop strong {
color:#ea3738;
font-size:13px;
}

.g-left{
position:relative;
float:left;
height:25px;
background-image:url(../gfx/left_g.jpg);
width:11px;

}

.g-right {
position:relative;
float:left;
height:25px;
background-image:url(../gfx/right_g.jpg);
width:11px;
}

#register {
position:relative;
height:20px;
float:left;
font-size:11px;
width:50px;
margin-left:10px;
margin-top:5px;
}


#fp {
position:relative;
height:20px;
float:left;
font-size:11px;
width:90px;
margin-left:10px;
margin-top:5px;
}

.hr {
position:relative;
clear:both;
background-image:url(../gfx/hr2.jpg);
width:80%;
height:3px;
font-size:1px;
}

#li {
position:relative;
height:160px;
width:190px;
border:solid 0px #FF3366;
float:left;
}

#li-m {
position:relative;
height:160px;
width:190px;
border:solid 0px #FF3366;
background-image:url(../gfx/right.jpg);
padding-left:10px;
float:left;
}

#li-left {
position:relative;
clear:both;
width:5px;
height:129px;
float:left;
background-image:url(../gfx/li_left.jpg);
margin-top:21px;
}

#li-loop {
position:relative;
width:175px;
height:129px;
float:left;
background-image:url(../gfx/li_loop.jpg);
margin-top:21px;
z-index:1;
}

#li-loop label {
color:#c3d5d7;
font-size:10px;
font-weight:bold;

}
#ma {
margin-left:25px;
margin-right:5px;

}

#pa {
margin-left:2px;
margin-right:9px;
}
#li-right {
position:relative;
width:7px;
height:129px;
float:left;
background-image:url(../gfx/li_right.jpg);
margin-top:21px;
}

#top-li-left {
position:absolute;
left:0px;
width:5px;
background-image:url(../gfx/top-li-left.jpg);
height:24px;

}



#top-li-left-m {
position:absolute;
left:10px;
width:5px;
background-image:url(../gfx/top-li-left.jpg);
height:24px;

}

#top-li-loop-m {
position:absolute;
left:15px;
width:50px;
background-image:url(../gfx/top-li-loop.jpg);
height:21px;
padding-top:3px;
text-align:center;

z-index:2;
color:#fff6fb;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#top-li-loop {
position:absolute;
width:50px;
background-image:url(../gfx/top-li-loop.jpg);
height:21px;
padding-top:3px;
text-align:center;
left:5px;
z-index:2;
color:#fff6fb;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#top-li-right {
position:absolute;
width:6px;
background-image:url(../gfx/top-li-right.jpg);
height:22px;
left:55px;
z-index:2;
}

#top-li-right-m {
position:absolute;
width:6px;
background-image:url(../gfx/top-li-right.jpg);
height:22px;
left:60px;
z-index:2;
}

#ema {
margin-top:13px;
background-color:#f4ff9f;
border:solid 1px #253b62;
height:18px;
width:100px;
}

#pass {
margin-top:9px;
height:18px;
width:100px;
border:solid 1px #c3d5d7;
}

#sub {
margin-left:110px;
margin-top:8px;
}

#small-life {
display:block;
background-image:url(../gfx/small_life.jpg);
height:48px;
width:136px;
float:left;
}

#small-relax {
display:block;
background-image:url(../gfx/small_relax.jpg);
height:48px;
width:122px;
float:left;
}

#small-work {
display:block;
background-image:url(../gfx/small_work.jpg);
height:48px;
width:135px;
float:left;
}

#small-rtm {
display:block;
background-image:url(../gfx/small_rmp.jpg);
height:48px;
width:135px;
float:left;
}

.clear {
clear:both;
position:relative;
}

#parrent div {
position:relative;
background-color:#000000;
color:#FFFFFF;
width:155px;
margin:7px;
text-align:center;
float:left;
font-family:Arial, Helvetica, sans-serif;

font-size:22px;
padding:4px;

}

#tofp {

}
 
#age { 
clear:both;
}
 
#proff {

}
 
#place {
margin-bottom:3px;
padding-top:6px;
}
 
#lasta {

}
 
#mw {

}
 
#toped {

}
 
 
#content {
position:relative;
clear:both;
border:solid 0px #00CC33;
overflow:hidden;
width:750px;
padding-top:20px;
}

#content-l {
position:relative;
width:420px;
float:left;
margin-right:5px;

}

#content-r {
position:relative;
padding:8px;
width:304px;
float:left;
background-color:#d9dbda;
}

#photo_load {
position:relative;
width:350px;
height:295px;
margin:9px;
margin-left:20px;
background-repeat:no-repeat;
}

#photo_load img {
border:solid 1px #000000;
}

#photo_area {
position:relative;
width:300px;
background-color:#FFFFFF;
height:auto;
overflow:hidden;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
}

#photo_area img {
border:none;
}

#avatar {
position:relative;
width:100px;
min-height:100px;

margin:10px;
}

#send_pma {
position:relative;
width:220px;
height:30px;
color:#d9dade;
font-size:23px;
margin:15px;
background-color:#73767d;
font-weight:bold;
text-align:center;
padding:3px;
}

#loaded_by {
color:#000000;
font-weight:bold;

font-size:20px;
}

#user {
color:#508f86;
font-weight:bold;
font-style:italic;
font-size:20px;

}

#ct_day {
color:#000000;
font-weight:bold;
font-size:15px;
}
#vv {
color:#000000;
font-size:22px;
}

#ccmm {
padding-left:45px;
}

#descp {
position:relative;
padding-left:25px;
padding-right:20px;
padding-top:10px;
font-size:12px;
}

#cccmmm {
color:#000000;
font-size:22px;
}

#cccmmm_nr {
color:#000000;
font-size:26px;
}

#all_pc {
color:#000000;
font-size:20px;
}

#usr_pc {
color:#000000;
font-size:20px;
font-style:italic;
}

#about {
color:#000000;
font-weight:bold;

font-size:20px;
}

#about_usr {
color:#508f86;
font-weight:bold;
font-style:italic;
font-size:20px;
}

#usr_des {
color:#000000;
font-size:14px;
padding:3px;
}

#spc_form {
position:relative;
border:solid 0px #000000;
height:auto;
width:500px;

}

#su {
cursor:pointer;
background-image:url(../gfx/sign_up.jpg);
width:450px;
height:59px;
background-repeat:no-repeat;
background-position:center;
}

#ed {
cursor:pointer;
background-image:url(../gfx/edit.jpg);
width:450px;
height:59px;
background-repeat:no-repeat;
background-position:center;
}

#spc_form label {
font-family:Tahoma;
color:#709ac4;
font-size:11px;
font-weight:bold;
}

#spc_form input {
border:solid 1px #cdcdcd;
width:240px;
}

.slo {
width:auto;
width:240px;
}

#on-f {
width:460px;
text-align:center;
font-weight:bold;
font-size:18px;
font-family:Tahoma;
}

#alr {
width:460px;
text-align:center;
font-size:10px;
}
#after_log {
color:#c3d5d7;
font-size:10px;
font-weight:bold;
padding-left:5px;
}

#after_log h1{
color:#c3d5d7;
font-size:14px;
font-weight:bold;
margin:3px;
padding:3px;
padding-bottom:0px;
text-align:center;
}

#after_log a{
display:block;
color:#c3d5d7;
font-size:11px;
font-weight:bolder;
text-decoration:none;
}

#after_log a:hover{
display:block;
color:#c3d5d7;
font-size:11px;
font-weight:bolder;
text-decoration:underline overline;
}

h1 {
padding:1px;
margin:2px;
font-size:14px;
}

.oth {
border:solid 0px #000000;
}

.oth a {
color:#FFFFFF;
text-decoration:none;
}

.italic {
position:relative;
text-align:right;
font-style:italic;
margin-bottom:4px;
border-bottom:solid 1px #efefef;
}

.val {
border:solid 0px #000000;

}

.bad_val {

background-color:#990000; 
padding:3px; 
color:#FFFF00; 
margin:3px;
font-size:11px;
font-weight:bold;
padding-left:10px;
width:223px;
}

#rrff {
border:none; 
}
 
#rrff td {
vertical-align:text-top;
}

.slo_a { 
background-color:#000000;
color:#FFFFFF;
width:155px;
margin:7px;
float:left;
font-family:Arial, Helvetica, sans-serif;

font-size:18px;
padding:4px;

}
