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

html{width:100%;
     height:100%;
	 padding:0;
	 margin:0;
	  }

body{width:100%;
     height:100%;
	 padding:0;
	 margin:0;
	 background-image:url(images/bg.jpg);
	 background-repeat: repeat-x;
	 background-color:#e4e4e4;
	 font-family: Arial, Helvetica, sans-serif;
	 background-position:top;
	 }
	 

#wrapper{ width:470px;
          height:830px;
		  background:none;
		  margin:0;
		  padding:2px;
		  }
		  

                H1{    width:100%;
					   background:none;
					   margin:auto;
					   font-size:20px;
					   font-stretch:narrower;
					   color: #333333;
					   padding:0;
					   font-weight:600;
					   text-align:left;
					   height:24px;
					   line-height:24px;
					   }
					   
				H3{    width:90%;
					   background:none;
					   margin:8px 3px 3px 3px;
					   font-size:14px;
					   font-stretch:narrower;
					   color: #333333;
					   padding:0;
					   font-weight:800;
					   text-align:left;
					   height:20px;
					   line-height:20px;
					   }
					   
	
	
	hr { border:1px dotted #666666;
	     margin:2px auto 2px auto;
		 padding:0;
		 width:100%;
		 height:1px;
		 }
					  
		  

.background{ height:850px;
             background-image:url(images/bg_1500.jpg);
			 background-repeat: no-repeat;
			 background-position:top left;
			 overflow:hidden;
			}
			
#head{width:100%;
      height:80px;
	  background:none;
	  margin:0;
	  padding:0;
	  }

.logo{   /*width:222px;
		 height:48px;*/
         position:absolute;
         margin-left:20px;
		 margin-top:15px;
		 }
		 
#content_bg{ width:470px;
             height:350px;
			 *height:420px;
		     margin:0;
		     background-color:#000000;
		     filter:alpha(opacity=10); 
             -moz-opacity: 0.1; 
             opacity: 0.1;
		     z-index:1;
		     }

#content{ width:440px;
          height:330px;
		  position:absolute;
		  padding:30px 30px 30px 0;
		  z-index:100;
		  }
		  
	    /* -------- PARA EL LONG/LARGO --------*/
		
		
		
		#content_bg_2{   width:470px;
						 height:830px;
						 *height:420px;
						 margin:0;
						 background-color:#000000;
						 filter:alpha(opacity=10); 
						 -moz-opacity: 0.1; 
						 opacity: 0.1;
						 z-index:1;
						 }

			#content_2{   width:440px;
						  height:800px;
						  position:absolute;
						  padding:30px 30px 30px 0;
						  z-index:100;
						  }
		  
.info{width:305px;
      float:left;
	  font-size:11px;
	  line-height:16px;
	  color: #333333;
	  }
	  
.info p{ width:100%;
          margin:10px 0 10px 0;
        }

.info h2{  width:100%;
           font-size:14px;
		   margin:5px 0 5px 0;
		   clear:both
		   }
		  

.menu{ width:123px;
       height:150px;
       float:left;
	   margin:0 12px 0 0;
	   background:none;
	   }
	   
	   
/* ----------- LOGIN AREA --------- */




	.loginbox{ margin:0;
			   padding:0;
			   }
			   

	.loginbox p{ margin:3px 0 0 1px;
	             padding:0;
				 width:100%;
				 font-size:11px;
				 font-weight:0;
				}	
				

				
				
				.loginbox a{ color:#666666;
				             text-decoration:none;
							 margin:2px 5px 0 0;
							 font-weight:0;
							 font-size:11px;
							 float:left;
							 }
							 
				.loginbox a:hover{text-decoration:underline;
							       }
								   
		
		#login_area{  width:280px;
					  height:100px;
					  padding:6px;
					  z-index:50;
					  float:right;
					  position:static;
					  margin:15px 15px 0 0;
					  }
					  
	#login_area H1{    width:100%;
					   background:none;
					   margin:auto;
					   font-size:16px;
					   font-stretch:narrower;
					   text-transform:uppercase;
					   color: #333333;
					   padding:0;
					   font-weight:600;
					   text-align:left;
					   }				  
							 
		
				
	.loginbox input{ width: 120px;
	                 height:16px;
					 line-height:16px;
					 font-size:11px;
					 color: #999999;
					 border:1px solid #666666;
					 background:url(images/field_bg.gif) repeat-x ;
					 margin:0 5px 0 0;
	                }
					
						.loginbox input:hover{   color:#333333;
												 border:1px solid #333333;
												 } 
					
					
					
   a.submit {
			   display: block;
			   width: 80px;
			   height: 21px;
			   background: url("images/submit.gif");
			   margin:0 0 0 26px;
			   
			   }
		   
	a.submit:hover {background-position: 0 -21px;
                    }
					
					
					

     a.join {
			   display: block;
			   width: 80px;
			   height: 21px;
			   background: url("images/join.gif");
			   margin:8px 0 0 0;
			   
			   }
		   
	a.join:hover {background-position: 0 -21px;
                    }
			   
/* ------------ I'M SEEKING AREA ---------- */	


		#seeking{     width:300px;
					  height:50px;
					  padding:6px;
					  margin:2px 0 10px 0;
					  }
					  
	   #seeking H1{    width:100%;
					   background:none;
					   margin:auto;
					   font-size:20px;
					   font-stretch:narrower;
					   color: #333333;
					   padding:0;
					   font-weight:600;
					   text-align:left;
					   }
					   
		#seeking p{  margin:10px 0 0 0;
					 padding:0;
					 width:100%;
					 font-size:11px;
					 font-weight:0;
					}
					
    #seeking select{ width: 200px;
	                 height:21px;
					 line-height:28px;
					 font-size:12px;
					 color: #666666;
					 border:1px solid #666666;
					 background:url(images/field_bg.gif) repeat-x ;
					 margin:0 5px 0 0;
					 float:left;
	                }
				
					
					
    a.search {
			   display: block;
			   width: 80px;
			   height: 21px;
			   background: url("images/search.gif");
			   margin:0;
			   float:left;
			   
			   }
		   
	a.search:hover {background-position: 0 -21px;
                    }			   
			   
	   
/* ---------- MENU ROLLOVERS -------------  */

	a.home {
		   display: block;
		   width: 120px;
		   height: 22px;
		   background: url("images/home.gif");
		   margin:0 0 5px 0; 
		   }
		   
	a.home:hover {background-position: 0 -22px;
                  }
				  
				  
   	a.what {
		   display: block;
		   width: 120px;
		   height: 22px;
		   background: url("images/what.gif");
		   margin:0 0 5px 0;
		   }
		   
	a.what:hover {background-position: 0 -22px;
                  }
				  
				  
	
	a.how {
		   display: block;
		   width: 120px;
		   height: 22px;
		   background: url("images/how.gif");
		   margin:0 0 5px 0; 
		   }
		   
	a.how:hover {background-position: 0 -22px;
                  }
				  
				  
   	a.register {
		   display: block;
		   width: 120px;
		   height: 22px;
		   background: url("images/register.gif");
		   margin:0 0 5px 0; 
		   }
		   
	a.register:hover {background-position: 0 -22px;
                  }
			
			

  #active{background-position: 0 -44px;}
  #active:hover{background-position: 0 -22px;}	  

	   
/* ---------- END OF MENU ROLLOVERS -------------  */



.textfield1        { width: 250px;
	                 height:21px;
					 line-height:28px;
					 font-size:12px;
					 color: #666666;
					 border:1px solid #666666;
					 background:url(images/field_bg.gif) repeat-x ;
					 margin:0 5px 0 0;
					 /*float:left;*/
	                }	
			
			
/* ---------- ICONS ROLLOVERS -------------  */


    a.s_daddy {
			   display: block;
			   width: 36px;
			   height: 120px;
			   background: url("images/s_daddy.png");
			   *background: url("images/s_daddy.gif");
			   margin:0;
			   float:left; 
	}
	
    a.s_daddy_over {
			   display: block;
			   width: 36px;
			   height: 120px;
			   background: url("images/s_daddy.png");
			   *background: url("images/s_daddy.gif");
			   margin:0;
			   float:left;     
			   background-position: -36px 0;
	}	
		   
	/*sa.s_daddy:hover {background-position: -36px 0;
                     }*/
				  
    a.s_momma {
		   display: block;
		   width: 50px;
		   height: 120px;
		   background: url("images/s_momma.png");
		   *background: url("images/s_momma.gif");
		   margin:0;
		   margin-left:1px;
		   float:left;  
		   }
		   
    a.s_momma_over {
		   display: block;
		   width: 50px;
		   height: 120px;
		   background: url("images/s_momma.png");
		   *background: url("images/s_momma.gif");
		   margin:0;
		   margin-left:1px;
		   float:left;  
		   background-position: -50px 0;
		   }		   
		   
	/*a.s_momma:hover {background-position: -50px 0;
                  }*/
				  
				  
     a.couple {
		   display: block;
		   width: 65px;
		   height: 120px;
		   background: url("images/s_couple.png");
		   *background: url("images/s_couple.gif");
		   margin:0;
		   margin-left:1px;
		   float:left;  
		   }	
		   			  
     a.couple_over {
		   display: block;
		   width: 65px;
		   height: 120px;
		   background: url("images/s_couple.png");
		   *background: url("images/s_couple.gif");
		   margin:0;
		   margin-left:1px;
		   float:left;  
		   background-position: -65px 0;
		   }
		   
/*	a.couple:hover {background-position: -65px 0;
                  }*/
				  
				  
	a.s_baby {
	   display: block;
	   width: 40px;
	   height: 120px;
	   background: url("images/s_baby.png");
	   *background: url("images/s_baby.gif");
	   margin:0;
	   margin-left:1px;
	   float:left;  
	   }				  
				  
	a.s_baby_over {
	   display: block;
	   width: 40px;
	   height: 120px;
	   background: url("images/s_baby.png");
	   *background: url("images/s_baby.gif");
	   margin:0;
	   margin-left:1px;
	   float:left;  
	   background-position: -40px 0;
	   }
		   
	/*a.s_baby:hover {background-position: -40px 0;
                  }*/
				  
				  
	a.s_hunk {
	   display: block;
	   width: 40px;
	   height: 120px;
	   background: url("images/s_hunk.png");
	   *background: url("images/s_hunk.gif");
	   margin:0;
	   margin-left:1px;
	   float:left;  
	   }			  
				  
	a.s_hunk_over {
	   display: block;
	   width: 40px;
	   height: 120px;
	   background: url("images/s_hunk.png");
	   *background: url("images/s_hunk.gif");
	   margin:0;
	   margin-left:1px;
	   float:left; 
	   background-position: -40px 0;
	   }
		   
	/*a.s_hunk:hover {background-position: -40px 0;
                  }*/
				  
				  
	 a.young_couple {
	   display: block;
	   width: 65px;
	   height: 120px;
	   background: url("images/y_couple.png");
	   *background: url("images/y_couple.gif");
	   margin:0;
	   margin-left:1px;
	   float:left;  
	   }
	   
				  
	 a.young_couple_over {
	   display: block;
	   width: 65px;
	   height: 120px;
	   background: url("images/y_couple.png");
	   *background: url("images/y_couple.gif");
	   margin:0;
	   margin-left:1px;
	   float:left;  
	   background-position: -65px 0;
	   }	   
		   
	/*a.young_couple:hover {background-position: -65px 0;
                  }*/
				  


	
/* ---------- ICONS ROLLOVERS -------------  */


a:link{ color:#000000;
        font-weight:bold;
		text-decoration:none;
		}
		
a:hover{text-decoration:underline;
        }
a:visited{ color:#000000;
           text-decoration:none;
		   font-weight:bold
		   }   
		   
		   


/* Selected */
.selected {
	float:left;
	margin:0px 0px 5px 10px;
	background: url("images/got_money.png") #2D2B29;
	width:131px;
	height:30px;
	cursor:pointer
}




/**  Unselected **/
.unselected {
	float:left;
	margin:0px 0px 5px 10px;
	background: url("images/need_money.png");
	width:131px;
	height:30px;
	cursor:pointer
}



.image-spacer{
	float:left;
	margin-left:25px;
}


/* -------- REGISTER --------------- */

.register{ text-align: right}
.ques{ width:105px;}


.textfield_reg    {  width: 152px;
	                 height:15px;
					 line-height:15px;
					 font-size:11px;
					 color: #666666;
					 border:1px solid #666666;
					 background:url(images/field_bg.gif) repeat-x ;
					 margin:3px;
					}
					
					
					
     .select_reg  {  width: 154px;
	                 height:21px;
					 line-height:28px;
					 font-size:12px;
					 color: #666666;
					 border:1px solid #666666;
					 background:url(images/field_bg.gif) repeat-x ;
					 margin:3px auto 3px 2px;
					 float:left;
	                }
					
	 .select_small  {width: 50px;
	                 height:21px;
					 line-height:30px;
					 font-size:11px;
					 color: #666666;
					 border:1px solid #666666;
					 background:url(images/field_bg.gif) repeat-x ;
					 margin:3px auto 3px 2px;
					 float:left;
	                }
					

.register_join	{margin:10px 0 0 180px;
				}