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


*{
	margin:0px;
	padding:0px;
}
body{
	font-size:medium;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#23150C;
	color:#23150c;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
a{
	outline:none;
}

hr{
	display:none;
}
img{
	border:none;
}
.hidden{
	display:none;
}
.clearer{
	clear:both;	
}
.centeredContent{
	width:760px;
	margin:0 auto;
}


/*--------------------top row/header area-----------------------*/
#topRow{
	height:205px;
	background:#b39360 url(../images/top-bg.jpg) repeat-x top left;
	width:100%;
}
	h1.topHead{
		height:158px;
		background:url(../images/masthead.jpg) center no-repeat ;
		text-indent:-9999px;
		
		margin-top:0px;
		}
		
	h1.topHead a{
	display:block;
	
	height:157px;
	border:none;
	}
	
		
	#mainBranding{
		width:266px;
		height:205px;
		text-indent:-30000em;
		background:transparent url(../images/mainBranding.png) no-repeat top left;
		position:relative;
		top:172px;
		left:-10px;
		z-index:3;
	}
/*--------------------------------------------------------------*/
/*-------------------bottom row/footer area---------------------*/
#footer{
clear:both;
width:790px;
height:75px;
margin:0 auto 0 auto;
background:#23150C;
padding-bottom:12px;
}

p.rightFoot{
float:right;
color:#FFFFFF;
font-size:70%;
display:block;
width:165px;
color:#e2bd9e;
}

/* Banners by Martin */
p.wire{
float:left;
margin-left:40px;
display:block;
width:140px;
color:#e2bd9e;
}

p.award{
float:left;
margin-left:40px;
display:block;
width:140px;
color:#e2bd9e;
}
/* end Banners */


p.leftFoot{
float:left;
color:#FFFFFF;
font-size:70%;
display:block;
width:200px;
color:#e2bd9e;
margin-left:10px;
}

p.leftFoot span{
font-weight:bold;
}

p.rightFoot span{
float:left;
}


a.validate{
display:block;
width:42px;
background:url(../images/check.jpg) top left no-repeat;
padding-left:17px;
float:left;
margin-left:5px;
}
a.validate2{
display:block;
width:35px;
background:url(../images/check.jpg) top left no-repeat;
padding-left:17px;
margin-left:2px;
float:left;
}

p.rightFoot a{
color:#e2bd9e;
display:block;
text-decoration:none;
line-height:14px;


}

p.rightFoot a.validate:hover, a.validate2:hover{
background:url(../images/check01.jpg) top left no-repeat #e2bd9e;
color:#23150C;
}

p.rightFoot a.dc{
display:block;
width:76px;
float:left;

}

p.rightFoot a.dc:hover{


background: #e2bd9e;
color:#23150C;
}


span.digi{
margin-left:0px;
padding-right:2px;
}

/*---------------------------------------------------------------*/
/*----------------------middle row/content area-----------------------------*/
	#mainContainer{
		width:790px;
		height:100%;
		margin:0 auto 0 auto;
		
	}
	#mainLeft{
	width:281px;
	height:393px;
	float:left;
	background:url(../images/middleLeftbg.jpg) top left scroll no-repeat;
	}
	#mainRight{
	width:486px;
	height:393px;
	float:left;
	background:url(../images/middleRight.jpg) top left scroll no-repeat;
	}
	
	#test{
	float:left;
	width:251px;
	height:151px;
	background:url(../images/test.jpg) top left no-repeat scroll;
	}
	#port{
	float:left;
	width:261px;
	height:151px;
	background:url(../images/port.jpg) top left no-repeat scroll;
	}
	#price{
	float:left;
	width:254px;
	height:151px;
	background:url(../images/price.jpg) top left no-repeat scroll;
	}
	#test h3.trips{
	display:block;
	width:106px;
	height:14px;
	background:url(../images/testHead.png);
	text-indent:-9999px;
	margin:23px 0 0 50px;
	}
	#port h3.trips{
	display:block;
	width:69px;
	height:14px;
	background:url(../images/portHead.png);
	text-indent:-9999px;
	}
	#price h3.trips{
	display:block;
	width:122px;
	height:18px;
	background:url(../images/priceHead.png);
	text-indent:-9999px;
	}
	h3.trips{
	margin:24px 0 0 12px;
	}
	/*---------------main navigation----------------*/
	
	#navHolder{
	margin:2px auto 0 auto;
	width:790px;
	height:33px;
	background:url(../images/navLink_bg.jpg) top left repeat-x scroll;
	list-style-image:none;
	}
	
	
	
	ul.navBar li{
	display:inline;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	list-style-image:none;
 	}
	
	ul.navBar li a{
	text-decoration:none;
	background:url(../images/navButton.jpg) top left repeat-x scroll;
	display:block;
	width:auto;
	height:32px;
	float:left;
	padding:8px 13px 0 13px;
	margin:0 1px 0 1px;
	color:#1e110b;
	list-style:none;
	}
	
	ul.navBar li a.home{
	padding-top:10px;
	display:block;
	background:url(../images/home.jpg) top left scroll no-repeat;
	margin:-2px 1px 0 2px;
	list-style:none;
	}


	ul.navBar li.phone{
	display:block;
	padding:6px 0 0 15px;
	font-size:1.1em;
	list-style:none;
	}

	
	ul.navBar li a.others:hover{
	background:url(../images/navHover.jpg) top left scroll repeat-x;
	}
	
	ul.navBar li a.home:hover{
	background:url(../images/homeHover.jpg) top left scroll no-repeat;
	}
	
	ul.navBar li a#home1{
	background:url(../images/homeHover.jpg) top left scroll no-repeat;
	}
	
	ul.navBar li a#here{
	background:url(../images/navHover.jpg) top left scroll repeat-x;
	}
	
	
	
	
	
	/*--------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*----------------content styling home-----------------------------------------*/
p.price, p.test, p.port{
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
color:#563523;
font-size:11px;
margin-top:5px;
display:block;
height:65px;
line-height:13px;
}
p.test{
display:block;
padding:0 5px 0 50px;
}
p.port{
display:block;
padding:0 125px 0 12px;
}
p.price{
display:block;
padding:0 60px 0 12px;
margin-top:2px;
}
#test a, #port a, #price a{
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:#563523;
font-weight:bold;
}

#test a{
display:block;
margin:0 0 0 50px;


}
#port a{
display:block;
margin:0 0 0 14px;

}
#price a{
display:block;
margin:0 0 0 14px;

}

h2.white{
width:255px;
height:18px;
display:block;
text-indent:-9999px;
background:url(../images/prohair.png) top left no-repeat scroll;
margin:22px 0 0 18px;
}

p.pro2{
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
color:#DED3C1;
margin:0 35px 0 18px;
padding-bottom:20px;

}

ul.pro{
font-family:Arial, Helvetica, sans-serif;

margin:10px 0 0 30px;
color:#DED3C1;
font-size:73%;
font-weight:normal;
text-indent:-4px;
padding-bottom:7px;
}

ul.pro li{
line-height:1.6em;
}


#mainLeft a{
font-size:85%;
color:#FFFFFF;
font-weight:bold;
margin:10px 0 0 18px;
display:block;
line-height:22px;
}


#mainLeft a:hover, a:visited{
	color:#23150c;
}


/*----------------content styling about-----------------------------------------*/
#mainContainerAbout{
 width:767px;
 margin:0 auto 0 auto;
 }
 
 #aboutH{
 width:100%;
 height:31px;
 background:url(../images/aboutHead.jpg) top left no-repeat;

 }
 

 
 
 /* ABOUT JANET TITLE */ 
/*
#aboutH h1{ 
font-family: Arial, Helvetica, san-serif;
font-size:28px;
color:#23150c;
font-weight:300;
margin:0 0 0px 37px;
display:block;
padding-top:42px;
}
*/

/*
#aboutH p{
display:block;
padding-left:37px;
padding-right:25px;
font-size:16px;
color:#23150c;

 }
*/ 
 
 #aboutJanet h2{
 padding:8px 0 0px 37px;
 font-weight:200;
 font-size:120%;
 color:#23150c;
 }
 
 #aboutJanet h2.wed{
diplay:block;
/* padding-left:37px; */
padding-top:10px;
 }
 

/* 
 #leftStrip{
 float:left;
 width:19px;
 height:571px;
 background:#F;
 }
*/ 
 
#aboutJanet{ 
float:left;
width:565px;
height:524px;
background:url(../images/aboutContent2.jpg) top right no-repeat;
}

#rightStrip{
float:left;
background:url(../images/aboutRight.jpg) top left no-repeat;
width:199px;
height:524px;

}

#bottomStrip{
width:100%;
height:21px;
background:url(../images/aboutBottom.jpg) top left no-repeat;
clear:both;
}

ul.list{  /* BULLET LISTING */
font-size:12px;
padding-left:40px;
line-height:15px;
color:#23150c;
list-style:none;

}

ul.list li{
list-style:none;
background:url(../images/li.png) top left no-repeat;
background-position:0 .4em;
padding-left:10px;
margin-left:-5px;

}


 /*----------------content styling Prices and Services-----------------------------------------*/

#mainContainerS{
 width:767px;
 height:100%;
 margin:0 auto 0 auto;
 }
 
 #servicesH h1{
font-family: Arial, Helvetica, san-serif;
font-size:28px;
color:#23150C;
font-weight:300;
margin:0 0 8px 30px;
display:block;
padding-top:28px;

}
 
 #servicesH{
 background:url(../images/serviceshead.jpg) top left no-repeat;
 width:764px;
 height:88px;
 }
 
 #serviceMiddle h2, #serviceBL h3{


font-size: 16px;
 color:#23150C;
}



#serviceLeftM  h2, #serviceRightM h2{
padding:8px 0 4px 10px;

}

h2.add{
margin-top:10px;
}

#serviceRightM h2{
margin-top:3px;
}




#serviceLeftM p.stip{
margin:6px 4px 4px 18px;
}

p.stip span{
color:#23150c;

}

#serviceBL p.stip{
margin-left:18px;
}

#serviceLeftM ul li, #serviceRightM ul li, #serviceBR ul li{
list-style:none;
background:url(../images/li.png) top left no-repeat;
background-position:0 .4em;
padding-left:10px;
margin-left:-8px;

}



#serviceLeftM ul, #serviceRightM ul, #serviceBR ul{
font-size:12px;
padding-left: 30px;
padding-right:10px;
line-height: 16px;
color: #23150C;
list-style:none;

}

#serviceRightM ul li, #serviceLeftM ul li{
padding-bottom:4px;

}

#serviceRightM  p.stip{

font-size:12px;

color:#22140B;
padding:3px 10px 1px 2px;


}

p.stip{
font-size:12px;
color: #23150C;
line-height:17px;
padding-right:10px;
}

#serviceBL a{
display:block;
margin:10px 0 0 30px;
color:#23150C;
}

/* MIO  */
#serviceBL2 a{
display:block;
margin:10px 0 0 30px;
color:#23150C;
}
/* END MIO*/


#serviceBR a:hover{
color:#23150C;
}

#serviceBL a:hover{
color:#a26f40;
}



li.space{
margin-top:2px;
}
 
#serviceMiddle{
 width:764px;
 height:470px;
  background:url(../images/servicesMiddleBG.jpg) top left no-repeat;
/* background:#6D4A2C; */
 overflow:visible;

 }
 
 #serviceLeftM{
/* background:#664429; */
 width:359px;
 height:355px;
 margin-left:18px;
 margin-right:10px;
 float:left;
 overflow:visible;

 }
 
 #serviceRightM{
/* background:#664429; */
 width:359px;
 height:355px;
 overflow:visible;
 float:left;
 }
 



#serviceBL{  /* IMAGEN LADO IZQUIERDO ANTES DEL #serviceBottom */

/* background:url(../images/serviceColumnL.jpg) top left no-repeat;   */
/* width:369px; */
height:200px;
float:left;
margin-left:17px;
}

#serviceBR{  /* IMAGEN LADO DERECHO ANTES DEL #serviceBottom */
/* background:url(../images/serviceColumnR.jpg) top left no-repeat; */
/* width:376px; */
height:22px;
float:left;
}

#serviceBottom{  /* IMAGEN es Mi Version sobre  FOOTER */
 clear:both;
 background:url(../images/servicesBottomBG.jpg) top left no-repeat;
/*  background:#6C492B; */
 width:764px;
 height:201px;
}


#serviceFooter{
clear:both;
width:763px;
/* height:24px;*/
/* background:url(../images/serviceFooterB.jpg) top left no-repeat; */
}

 #hair p.stip{
padding:15px 20px 2px 10px;
/* color:#F7ECD9; */  /* LIGH PINK COLOR */
}


/*----------------content styling tips-----------------------------------------*/

#mainContainerTips{
width:767px;
height:100%;
margin:0 auto 0 auto;

}


#tipsH{
/* background:url(../images/tipshead.jpg) top left no-repeat; */
background:url(../images/tips.jpg) top left no-repeat;
width:764px;
height:1066px;
}


/*  #tipsMiddle{
width:763px;
height:100%;
background:#6D4A2C;
}  */

/*
#tipsBottom{
background:url(../images/tipsBottom.jpg) top left no-repeat;
width:763px;
height:25px;
}  */


/*  #tipsMiddleC{
background:#67452a url(../images/tipsmakeup.jpg) bottom right no-repeat;
width:719px;
height:100%;
margin:0 auto 0 auto;
}  */


#tipsMiddleC p{
font-size:12px;
padding:1px 8px 5px 10px;
line-height:16px;
color: #e1d8ba;
}
#tipsMiddleC h3{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
font-weight:100;
font-size: 16px;
color:#FFFDF7;
}

#tipsH h1{
	font-family: Arial, Helvetica, san-serif;
	font-size:24px;
	color:#23150c;
	font-weight:300;
	margin:0 0 8px 30px;
	display:block;
	padding-top:32px;
}

#tipsH h2{
padding-top: 2px;
padding-bottom: 1px;
padding-left: 36px;
font-weight:100;
font-size: 16px;
color: #ffffff;
}

.tip{
display:block;
/* background:url(../images/tipsbg.png) top left repeat-x; */
padding:0 0 0 0;
}

/*----------------content styling testimonials-----------------------------------------*/

#mainContainerT{
width:767px;
height:100%;
margin:0 auto 0 auto;
height:100%;
}


#testiH{
background:url(../images/testHead2.jpg);
width:764px;
height:72px;
}

 #testiMiddle{
/* background:#6E492C;*/
 width:764px; 
height:auto;
}


#testiContent{   /* BACKGROUND IMAGE */
background: url(../images/testiBrush2.jpg) top right no-repeat;
width:764px;
height:1521px;
margin:0 auto 0 auto;
}

#testiBottom{
background:url(../images/testiBottom2.jpg) top left no-repeat;
width:764px;
height:21px;
}

#testiH h1{
font-family: Arial, Helvetica, san-serif;
font-size:28px;
color:#23150c;
font-weight:300;
margin:0px 0 8px 30px;
display:block;
padding-top:28px;

}


#testiContent p{
/* background:url(../images/copybg.png) top left repeat-x;  */
display:block;
font-size:13px;
padding:12px 25px 12px 30px;
line-height: 15px;
color: #23150c;
/* border-bottom:dotted .01px #bfaea1; */
border-bottom-width: .1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
/* color: #FFFFFF; */
/* margin-top: 0;*/
/* margin-bottom: 5; */
margin-right: 18px;
margin-left: 20px;
/* background-image: url(freebits_files/redblack.jpg);*/
/*background-repeat: repeat; */
}






#testiContent p.testFirst{

padding-bottom:10px;
}




/*----------------content styling form-----------------------------------------*/


#mainContainerF{
width:767px;
height:585px;
margin:0 auto 0 auto;
}

#myform {
float:left;
background:url(../images/contactBG.jpg) top left no-repeat;
width:764px;
height:440px;
margin: 0 auto 0 auto;
}

#formL{
float:left;
 background:url(../images/formL.jpg) top left no-repeat;
width:260px;
height:440px;
}

#formR{
float:left;
 background:url(../images/formR.jpg) top left no-repeat;
width:504px;
height:440px;

}


/* #lname, #fname, #email, #howhear{ */
#lname, #fname, #phone, #email, #howhear {
background:url(../images/fInput.png) transparent top left no-repeat;
width:236px;
height:19px;
display:block;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#381D0C;
padding:0 3px 0 3px;
}

/* #lname:hover, #fname:hover, #email:hover, #lname:focus, #fname:focus, #email:focus{ */
#lname:hover, #fname:hover, #phone:hover, #email:hover, #lname:focus, #fname:focus, #phone:focus, #email:focus{
background:url(../images/fInputH.png) top left no-repeat;
}


 #howhear{
 background:#CEC3A9;

 margin-bottom:5px;

 
}

#contact{
margin:28px 0 0 12px;

}

p label{
font-size:13px;
color:#EDE5CC;
padding-bottom:2px;
display:block;
font-family:tahoma, arial, verdana, san-serif;
}

p input{
margin-bottom:5px;
}




#comments{
background: transparent url(../images/textInput.png) top left no-repeat;
width:394px;
height:119px;
float:left;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#381D0C;
border:none;
padding:3px;


}


 option{
 color:#381D0C;
 font-family:Arial, Helvetica, sans-serif;
 background:transparent;
}



p.snd{
clear:both;

}

#send{
display:block;
background: transparent url(../images/submit.png) top left no-repeat;
width:130px;
height:39px;
border:none;
padding-bottom:12px;
color:#DFD4C2;

}

#send:hover{
background:url(../images/submitH.png) top left no-repeat;
}

#formL h2{
font-family: Arial, Helvetica, san-serif;
font-size:145%;
color:#FFFDF7;
padding-bottom:4px;
margin:24px 0 0 28px;
font-weight:300;
}

#formL p{
font-family: Tahoma, Arial, Helvetica, san-serif;
font-size:95%;
color:#FCF9E8;
padding:3px 10px 0 32px;
line-height:21px;
}

p.warning, p.confirm, .warning{
font-size:11px;
color:#fffc00;

}

#formR p.thanks{
font-family: Tahoma, Arial, Helvetica, san-serif;
font-size:95%;
color:#FCF9E8;
padding:190px 5px 0 6px;
line-height:21px;
}


#formR a{
display:block;
padding:10px 0 0 10px;
font-size:95%;
color:#FCF9E8;
}

 /*----------------content products -----------------------------------------*/


#mainContainerP{
width:766px;
height:100%;
margin:0 auto 0 auto;
}

#productsL{
float:left;
background:url(../images/productL2.jpg) top left no-repeat;
width:298px;
height:400px;
}

#productsM{
float:left;

width:234px;
height:400px;

}


#productsR{
float:left;
background:url(../images/productR.jpg) top left no-repeat;
width:232px;
height:400px;
}

#productsM a img{
display:block;
line-height:0;
border:none;


}

#productsL ul{
color: #5c3b1a;
font-size:13px;
padding:0 0 0 40px;
}

#productsL h2{
color: #23150c;
font-weight:300;
font-size:14px;
margin:18px 0 18px 22px;
}

#productsL h3{
	color: #23150c;
font-size:18px;
font-weight:200;
padding:0 0 5px 25px;
}

#productsL ul li{
padding-bottom:1px;
}

#productsL p.stip{	     /* bottom sentence */
font-size:12px;
padding-left:25px;
padding-top:5px;
}



/*----------------content portfolio -----------------------------------------*/

#mainContainerG{
width:766px;
height:100%;
margin:0 auto 0 auto;
}

#mainContainerG #galleryL a, #mainContainerG #galleryR a{
font-size:20px;
color:#22140B;
font-weight:300;
text-decoration:none;
}

#mainContainerG #galleryL a:hover, #mainContainerG #galleryR a:hover{
color:#9F8568;

}

#mainContainerG span{
font-size:15px;
}

#galleryHead{   /* HEADER */
background:url(../images/galleryHO.jpg) top left no-repeat;
width:764px;
height:61px;
}

#galleryHead h1{
font-size:28px;
color:#f8e4c8;
display:block;
padding:23px 0 0 30px;
font-weight:300;

}

#galleryL{  /* BG MARRON del lado izquierdo */
float:left;
width:354px;
height:315px;
background:#cfb99a;
display:block;

}

#galleryR{   /* (BACKGROUND BOTTOM) */
background:url(../images/flowers.jpg) top left no-repeat;
float:left;
width:410px;
height:315px;
}

#galleryB{  /* (GALLERY FOOTER) */
background:url(../images/galleryfootO.jpg) top left no-repeat;
width:764px;
height:18px;
clear:both;
}

#galleryL a.w{  /* WEDDING IMAGE */
display:block;
width:288px;
height:133px;
background:url(../images/weddings.jpg) top left no-repeat;
padding:3px 0 10px 24px;
}

#galleryL a.m{  /* MAGAZINE IMAGE */
display:block;
width:288px;
height:133px;
background:url(../images/mags.jpg) top left no-repeat;
padding:3px 0 10px 24px;
}

#galleryR a.p{   /* PAGEANT IMAGE */
display:block;
background:url(../images/pageant.png) top left no-repeat;
width:324px;
height:133px;
padding:3px 0 10px 66px;  /* PAGEANT TITLE CONTROL */
}

#galleryR a.model{  /* MODELING IMAGE */
display:block;
background:url(../images/modeling.png) top left no-repeat;
width:324px;
height:133px;
padding:3px 0 10px 66px;
}

#thumbsL{  /* (CONTROL WEDDING & MAGAZINE IMAGES ON LEFT) */
display:block;
padding:30px 0 0 0;  /* YO LO PUSE */
margin-left:42px;
}

#thumbsR{  /* CONTROL PAGEANT & MODELING IMAGES */
display:block;
padding:30px 0 0 0;  /* YO LO PUSE */

margin-left:0px;
}

#gallery{   /* BACKGROUND OF MODELING.PHP PAGE */
 background:#cfb99a url(../images/flowers.jpg) bottom right no-repeat; 
/* background:#5E3B1F url(../images/flowersL.jpg) bottom center no-repeat;*/
overflow:auto;
width:764px;
}

#gallery a:hover img {
border:solid 1px #F0E1CC;
}

#gallery img{
display:block;
float:left;
margin:3px;
border:solid 1px #C2A782;

}
#thumbs{
margin-left:23px;
}

.backprevious {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 300;
	color: #23150c;
}