/* CSS Document */
/*Common Part*/
html {
height: 100%;
}
body  {background-image:url('/site/templates/rt_metamorph_v2_j15/images/style5/body-bg.jpg');
	background-repeat:no-repeat;
	background-position:top; padding: 0 0 0 0;   margin: 0 auto;  width: 100%;   min-height: 100%;  height: auto !important;  height: 100%;  position: relative; font-family: Arial, Helvetica, sans-serif;  }

body a{ text-decoration: none;    }
body a:hover { text-decoration: underline !important;   }
body img{  border: 0;  margin: 0; padding:0;} 
body ul{ list-style: none;  margin: 0; padding: 0; } 
body p { margin:0 0 5px 0; padding:0;   }



* html body {
  height:100%;
}
.preload {
 display: none !important;
 }
.italic {
 font-style: italic !important;
 } 

.clear {
 clear: both !important;

 } 
.floatleft {
 float: left;
 }
.floatright {
 float: right;
 } 
.upcase {
 text-transform: uppercase;
}

.small { font-size: 10px; }
.mid { font-size: 11px; }
.normal { font-size: 12px; }

.nobg { background: none !important; }

.underlined { text-decoration: underline; }




h1,h2,h3,h4,h5,h6 {
 margin: 0 0 10px 0;
 padding: 0;
}


#wrapper .login{ float:right;height:20px;margin-left:42%;margin-right:7px;margin-top:8px;padding:0;width:500px;position:absolute; color:#fff;font-size:9pt;}
#wrapper .item{ float: left;padding-right: 2px;}
#wrapper .label{ float: left; display:block;}
#wrapper .button { float: left;position:absolute;border: 1px solid #fff;background: #fff;margin-left:2px;margin-top:1px;}

#wrapper { width: 880px; margin: 0 auto; position: relative; padding: 10px 10px 30px 10px; }

#wrapper .topline { background: url(images/trl.png) left top no-repeat; height: 40px; width: 873px; padding: 0 0 0 7px; }
#wrapper .topline div { background: url(images/trr.png)  right top no-repeat; height: 40px; width: 865px; padding: 0 8px 0 0; }
#wrapper .topline div p {background: url(images/trbg.png) left top repeat-x;  height: 40px; width: 860px; padding: 0 5px; line-height: 40px; color: #fff; font-size: 12px; }
#wrapper .topline div p a { text-decoration: none; color: #fff; }

#wrapper .logo { background: url(images/logo.png) no-repeat; width: 275px; height: 110px; position: relative; margin: 0 0 0 25px; padding: 0; font-size: 14px; text-align: center; alt: TheUrbanAdult.com }
#wrapper .logo a { background: url(images/logo.png) no-repeat; width: 275px; height: 110px; position: absolute; margin: 0; padding: 0; left: 0; top: 0; alt: TheUrbanAdult.com}
#wrapper .header { width: 880px; height: 270px;  }

.header .rotator { padding: 20px 0 0 0; width: 510px; height: 250px; float: right; background: url(images/rotator.jpg) left bottom no-repeat; }
.header  .lhead { float: left; width: 350px; padding: 0 20px 0 0; }
.header .hbox { width: 342px;  border: 5px solid #e5e7e6; border-top: 2px solid #e5e7e6; border-bottom: 1px solid #e5e7e6; border-right: 3px solid #e5e7e6;  background: #f6f3ef; }
.header .hbox h2 { width: 332px; margin: 0 5px; background: url(images/tbh.png) left top repeat-x; height: 25px; line-height: 25px; font-size: 16px; color: #000; border-top: 2px solid #d1d9db;  text-align: center;}
.header .hbox p { width: 332px; margin: 0 5px;  font-size: 13px; color: #b9b8b8; padding: 6px 0;  }

.boxes { width: 880px; padding: 20px 0 10px 0; }
.boxes .box { width: 197px;  border: 4px solid #e5e7e6; border-top: 1px solid #e5e7e6; border-bottom: 1px solid #e5e7e6; border-right: 2px solid #e5e7e6;  background: #f6f3ef; margin: 0 22px 0 0; float: left; }
.boxes .box h2 { width: 187px; margin: 0 5px; background: url(images/bbg.png) left top repeat-x; height: 31px; line-height: 31px; font-size: 16px; color: #fff; border-top: 2px solid #d1d9db;  text-align: center; padding: 0 0 10px 0;}
.boxes .box p { width: 187px; margin: 0 5px;  font-size: 12px; color: #999999; padding: 6px 0;  }
.boxes .last { margin: 0 !important; }

.prefooter { background: url(images/bottom.jpg) left top repeat-x; width: 880px; height: 120px; padding: 80px 0 0 0; }
.prefooter p { background: #ff0000; width: 860px; margin: 0 10px; height: 27px; text-align: center; line-height: 27px; font-size: 11px; font-weight: bold; color: #fff; font-family: Verdana, Geneva, sans-serif; }

.footer { width: 880px; padding: 10px 0; background: ; }
.footer .fanmenu  { text-align: center; font-size: 13px;  color: #666666; padding: 0 0 10px 0;}
.footer .fanmenu li { display: inline;}
.footer .fanmenu li a { color: #666666; text-decoration: none;}
.footer .footermenu { text-align: center; font-size: 13px;  color: #666666; padding: 0 0 10px 0; }
.footer .footermenu li { display: inline;}
.footer .footermenu li a { color: #666666; text-decoration: none; text-transform: uppercase;}
.footer p { text-align: center; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, sans-serif; color: #666666; }