/* Benj Arriola's Default CSS File 12-08-2004
  ****************************************************************************/

/* Link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  ****************************************************************************/
:link,:visited,:hover { text-decoration:none; }

/* No list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code too    */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; font-weight: normal; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 *****************************************************************************/
hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea?
 *****************************************************************************/
a img,:link img,:visited img { border:none; }

/* more varnish stripping as necessary...
 *****************************************************************************/
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }

/* use this class to indent a paragraph 20 pixel...
 *****************************************************************************/
.indent { margin:0 0 0 20px; }

/* Default font settings for this website. This may very depending on the 
 * design. Also set your colors and underlines here for links.
 *****************************************************************************/
h1,h2,h3,h4,h5,h6,p,li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}
a:link, a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #841811;
}

a:hover, a:active{
	color: #FEDA94;
	text-decoration: none;
}

/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body {
	background: #1C0201 url(../images/allpages/back.jpg) repeat-x top left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container{
	background: url(../images/allpages/container.jpg) repeat-y left;
	margin: 0;
	text-align: left;
	width: 807px;
}

	#container-right{
		background: url(../images/allpages/container-right.jpg) no-repeat top right;
	}


.header {font-weight:bold; color:#660000; padding:0 0 5px 100px;}
.left-col-pic {
	margin-left: 85px;
}
.clear {clear:both; height:.01em; overflow:hidden; }
/* Default values end here.
 *****************************************************************************/

/*
 * This file is a modification of:
 * ----------------------------------------------------------------------------
 * undohtml.css
 * (C) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 * ---------------------------------------------------------------------------- 
 * Purpose: undo some of the default styling of common (X)HTML browsers
 *****************************************************************************/

/* Thanks to Mike Hawkins for sharing, and to him and Andy Waer for the 
 * mini-lessons. Custom modifications to the file by:
 * Benj Arriola http://www.benjarriola.com (spammers, go away!)
 *****************************************************************************/

/* Main Horizontal Boxes
 *****************************************************************************/

#left{
	float: left;
	width: 272px;
	background:url(../images/sub/left-bg.jpg);
}

#center{
	background: url(../images/allpages/center-back.jpg) repeat-x top;
	float: left;
	width: 330px;
	margin: 0 0 0 1px;
}

#menu-sub {
	width:163px;
	margin: 20px 0 0 92px;
	border: 1px solid #FFE38A;
}

	#menu-sub h2, #menu-sub ul, #menu-sub li {padding: 0;}
	#menu-sub h2, #menu-sub ul {margin:10px 10px 10px 10px;}
	#menu-sub ul, #menu-sub li {list-style-type:none;}
	#menu-sub li {
	margin:0 0 6px 0;
	border-bottom: 1px solid #FFE38A;
	padding-bottom: 5px;
}
	#menu-sub li.last {border-bottom: none;}

#left h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0 15px 10px;
	color: #841811;
}

#center h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 20px 10px 20px;
	color: #841811;
}

#center h2 a{
	font-size: 13px;
	font-weight: bold;
	color: #841811;
}

#center p{
	margin: 0 20px 10px 20px;
	color: #841811;
	line-height: 16px;
}

#center ul, #center ol #center h3{
	
	color: #841811;
}

ul li, ul ol ul li{
	list-style: disc;
	color: #841811;
	margin: 0px 0 0 15px;
}

ol li{
	list-style: decimal;
	color: #841811;
	margin: 10px 0 0 15px;
}

#right{
	float: left;
	width: 203px;
	margin: 0 0 0 1px;
}

	#free-consult{
		background: url(../images/allpages/contact-form.jpg);
		width: 195px;
		height: 49px;
		margin: 0;
	}
	
	#free-consult2{
		background: url(../images/allpages/contact-form2.jpg);
		width: 195px;
		height: 49px;
		margin: 0;
	}
	
	#quick-contact-text{
		background: url(../images/allpages/contact-form-text.jpg);
		width: 195px;
		margin: 0;
		padding: 10px 0 10px 0;
	}

		#quick-contact-text p{
			margin: 0px 29px 0 42px;
			color: #841811;
		}

	#contact-form-input{
		background: url(../images/allpages/contact-form-input.jpg);
		width: 195px;
		height: 156px;
		margin: 0;
	}
	
	#contact-form-input2{
		background: url(../images/allpages/contact-form-input2.jpg);
		width: 195px;
		height: 156px;
		margin: 0;
	}
	
	#address-box-back{
		background: url(../images/allpages/address-back.jpg);
		width: 195px;
		margin: 0;
	}

	#address-box-back2{
		background: url(../images/allpages/address-back2.jpg);
		width: 203px;
		height: 211px;
		margin: 0;
	}

	#address-box{
		background: url(../images/allpages/address.jpg) no-repeat top;
		width: 195px;
		margin: 0;
	}
	
		#address{
			height: 40px;
		}
		
		#contact-form-input2 p{
			padding: 15px 0 0 0;
			margin: 0 29px 0px 30px;
			color: #841811;
		}
		
		#address-box p{
			margin: 15px 29px 0 42px;
			color: #841811;
		}
		
	#right-end{
		background: url(../images/allpages/right-end.jpg);
		width: 203px;
		height: 73px;
	}
	
#footer{
	background: url(../images/allpages/footer.jpg) no-repeat top right;
	width: 807px;
	padding: 30px 0 10px 0;
}
		
/* Other Details
 *****************************************************************************/

/* Titles */

	#theart{
		background: url(../images/titles/theart.gif);
		width: 312px;
		height: 48px;
		margin: 2px 0px 12px 8px;
	}

	#losehair{
		background: url(../images/titles/losehair.gif);
		width: 286px;
		height: 48px;
		margin: 2px 0px 12px 8px;
	}

	#thepractice{
		background: url(../images/titles/thepractice.gif);
		width: 164px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
	#practice-testimony{
		background: url(../images/titles/practice-testimony.gif);
		width: 167px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}

		#howtochoose{
			background: url(../images/titles/howtochoose.gif);
			width: 224px;
			height: 45px;
			margin: 2px 0px 12px 8px;
		}
		
	#breast-augmentation{
		background: url(../images/titles/breast-augmentation.gif);
		width: 270px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
		#breast-augmentation-correction{
			background: url(../images/titles/breast-augmentation-correction.gif);
			width: 237px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}
	
		#breast-augmentation-male{
			background: url(../images/titles/breast-augmentation-male.gif);
			width: 240px;
			height: 45px;
			margin: 2px 0px 12px 8px;
		}
	
	#breast-lift{
		background: url(../images/titles/breast-lift.gif);
		width: 138px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
	#breast-reduction{
		background: url(../images/titles/breast-reduction.gif);
		width: 226px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
		#breast-reduction-scarless{
			background: url(../images/titles/breast-reduction-scarless.gif);
			width: 156px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}
	
	#facelift{
		background: url(../images/titles/facelift.gif);
		width: 278px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
		#facelift-brow{
			background: url(../images/titles/facelift-brow.gif);
			width: 306px;
			height: 45px;
			margin: 2px 0px 12px 8px;
		}

		#facelift-reshaping{
			background: url(../images/titles/facelift-reshaping.gif);
			width: 181px;
			height: 45px;
			margin: 2px 0px 12px 8px;
		}
		
		#facelift-implants{
			background: url(../images/titles/facelift-implants.gif);
			width: 196px;
			height: 45px;
			margin: 2px 0px 12px 8px;
		}

		#facelift-lip{
			background: url(../images/titles/facelift-lip.gif);
			width: 220px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}
		
	#eyelid{
		background: url(../images/titles/eyelid.gif);
		width: 188px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
	#rhino{
		background: url(../images/titles/rhino.gif);
		width: 161px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
	#skin{
		background: url(../images/titles/skin.gif);
		width: 62px;
		height: 48px;
		margin: 2px 0px 12px 8px;
	}
	
		#skin-peels{
			background: url(../images/titles/skin-peels.gif);
			width: 186px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#skin-abrasion{
			background: url(../images/titles/skin-abrasion.gif);
			width: 126px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#skin-restalyne{
			background: url(../images/titles/skin-restalyne.gif);
			width: 89px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#skin-collagen{
			background: url(../images/titles/skin-collagen.gif);
			width: 89px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#skin-inject{
			background: url(../images/titles/skin-inject.gif);
			width: 183px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#skin-resurface{
			background: url(../images/titles/skin-resurface.gif);
			width: 200px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}
	
	#body{
		background: url(../images/titles/body.gif);
		width: 112px;
		height: 48px;
		margin: 2px 0px 12px 8px;
	}

		#body-tuck{
			background: url(../images/titles/body-tuck.gif);
			width: 147px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}
	
		#body-vagi{
			background: url(../images/titles/body-vagi.gif);
			width: 190px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}
	
	#hair{
		background: url(../images/titles/hair.gif);
		width: 311px;
		height: 48px;
		margin: 2px 0px 12px 8px;
	}

		#hair-nosurgadd{
			background: url(../images/titles/hair-nosurgadd.gif);
			width: 177px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#hair-surgtreat{
			background: url(../images/titles/hair-surgtreat.gif);
			width: 146px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#hair-consultation{
			background: url(../images/titles/hair-consultation.gif);
			width: 221px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#hair-procedure{
			background: url(../images/titles/hair-procedure.gif);
			width: 211px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#hair-recovery{
			background: url(../images/titles/hair-recovery.gif);
			width: 211px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#hair-corrective{
			background: url(../images/titles/hair-corrective.gif);
			width: 217px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}

		#hair-eyebrow{
			background: url(../images/titles/hair-eyebrow.gif);
			width: 275px;
			height: 48px;
			margin: 2px 0px 12px 8px;
		}
	
		#explainlosehair{
			background: url(../images/titles/explainlosehair.gif);
			width: 246px;
			height: 45px;
			margin: 2px 0px 12px 8px;
		}

	#contact{
		background: url(../images/titles/contact.gif);
		width: 115px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
	#contact{
		background: url(../images/titles/contact.gif);
		width: 115px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
	#sitemap{
		background: url(../images/titles/sitemap.gif);
		width: 109px;
		height: 45px;
		margin: 2px 0px 12px 8px;
	}
	
/* Testimonials */

	.testimonial{
		background: url(../images/allpages/quote-open.gif) no-repeat top left;
		width: 250px;
		margin: 20px 0 0 40px;
		padding: 12px 0 0 0px;
	}

	.left-testimonial{
		background: url(../images/allpages/quote-open.gif) no-repeat top left;
		width: 168px;
		margin: 20px 0 0 85px;
		padding: 12px 0 0 12px;
	}

	.right-testimonial{
		background: url(../images/allpages/quote-open.gif) no-repeat top left;
		width: 168px;
		margin: 20px 0 0 8px;
		padding: 12px 0 0 12px;
	}

	.left-testimonial blockquote, .right-testimonial blockquote, .testimonial blockquote{
		background: url(../images/allpages/quote-close.gif) no-repeat bottom right;
		margin: 0;
		padding: 0 12px 0px 0;
	}
		.left-testimonial p, .right-testimonial p, .testimonial p{
			font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #700B04;
			text-align: right;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}

		.left-testimonial blockquote p, .right-testimonial blockquote p, .testimonial blockquote p{
			font: italic 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #700B04;
			text-align: center;
			font-weight: normal;
			margin: 0;
			padding: 0;
		}

/* Top of Page Links */
 
#center p.topofpage{
	text-align: right;
	margin-bottom: 30px;
}
 
/* Learn More Links */
 
.learnmore{
	height:14px;
	background:url("../images/allpages/learnmore.gif") no-repeat right;
}
	.learnmore a{
		height:14px;
		width:78px;
        display:block;
        margin-left:210px;
	}
	.learnmore a span{
		display: none;
	}
 
/* Quick Contact Form */

		#contact-form-input form{
			padding: 12px 0 0 42px;
			position: relative;
		}

		#quickcontactform1 input, #quickcontactform1 textarea{
			color: #841811;
			border: 1px solid #FC822D;
			background: #FD9E44;
			font: 11px Arial, Helvetica, sans-serif;
			margin: 0 0 3px 0;
			width: 120px;
		}
		
		#quickcontactform1 textarea{
			height: 38px;
			width: 119px;
			overflow: auto;
		}
		
		#quickcontactform1 #s1{
			width: 57px;
			height: 20px;
			border: 0px;
			margin: 0 0 0 68px;
		}


		

/* Horizontal SpriteNav */

		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 50px;
		}
		
		#h-spritenav1{
			/* Change image of nav */
			background: url(../images/h-spritenav.gif) no-repeat left top;
			position: relative;
			/* Change width of nav */
			width: 220px;
		}
		
		#h-spritenav1 li a span{
			display: none
		}
		
		#h-spritenav1 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}
		
		#h-spritenav1 a{
			display: block;
		}
		
		/* Change left coordinate and width of link */
		#h-spritenav1-1{left:   0px; width: 63px}
		#h-spritenav1-2{left:  63px; width: 84px}
		#h-spritenav1-3{left: 146px; width: 74px}
		
		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../images/h-spritenav.gif) no-repeat    0px -50px}
		#h-spritenav1-2 a:hover{background: url(../images/h-spritenav.gif) no-repeat  -63px -50px}
		#h-spritenav1-3 a:hover{background: url(../images/h-spritenav.gif) no-repeat -146px -50px}


		

/* Vertical SpriteNav */
		
		#v-spritenav1 li, #v-spritenav1 a {
			height: 73px;
			display: block;
		}
		
		#v-spritenav1 li a span{
			display: none
		}
		
		#v-spritenav1{
			width: 100px;
			height: 219px;
			background: url(../images/v-spritenav.gif);
			position: relative;
		}
		
		#v-spritenav1 li{
			list-style: none;
			position: absolute;
		}
		
		#v-spritenav1-1, #v-spritenav1-2, #v-spritenav1-3{left: 0; width: 100px;} 
		
		#v-spritenav1-1{top:   0px;}
		#v-spritenav1-2{top:  73px;}
		#v-spritenav1-3{top: 146px;}
		
		
		#v-spritenav1-1 a:hover{background: transparent url(../images/v-spritenav.gif) -100px    0px no-repeat;}
		#v-spritenav1-2 a:hover{background: transparent url(../images/v-spritenav.gif) -100px  -73px no-repeat;}
		#v-spritenav1-3 a:hover{background: transparent url(../images/v-spritenav.gif) -100px -146px no-repeat;}


/* Text Nav */
	
		#text-nav{
			clear: both;
			width: 722px;
			margin: 0px 8px 15px 77px;
			text-align: center;
		}	

		#text-nav ul{
			margin: 0 0 15px 0;
		}
			
		#footer #text-nav ul li{
			margin: 0;
			padding: 0 4px 0 5px;
			padding-right: 2px;
			display: inline;
			border-left: 1px solid #FAC141;
			background: none;
			font-size: 12px;
			line-height: 13px;
			color: #FAC141;
		}
		
		#footer #text-nav li.first{border: none;}
		#text-nav p{line-height: 13px; font-size: 12px; color: #FAC141; margin: 0 auto 13px auto;}
		#text-nav a:link, #text-nav a:visited{color: #FAC141; font-size: 12px;}
		#text-nav a:hover, #text-nav a:active{color: #FFEB8B; font-size: 12px;}
		
		
		
		
/*Home-text-nav
------------------------------------------------------*/


#home-text-nav {padding:0 0 0 90px; }
#home-text-nav h3 {font-weight:bold; color:#2E0201;  }		
		
#home-text-nav ul { margin:0px 0px 5px 5px; 
	padding:0; }

#home-text-nav ul li { list-style-image: url(../images/sub/bullet.gif); }
		
#home-text-nav ul li a:link, #home-text-nav ul li a:visited, #home-text-nav ul li a:hover, #home-text-nav ul li a:active {		
	
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}

#home-text-nav ul li ul { 
	font-style: normal; 
	
}
		
#home-text-nav  ul li ul li { 
	list-style-image: none;
	list-style-type: none; 
	margin-left: 5px; 
	margin-bottom: 0px; 
	font-size:10px; 
	font-weight: normal; 
}
		
		
		
		
#home-text-nav a:hover, #home-text-nav a:active{
	color:#FF3300;
	text-decoration: none;
}		
		
		
		
		
/* ------ Main Contact Form ---------*/


		#big-contact{
			width: 310px;
			margin: 0 auto;
		}
		
		#big-contact label{
			border: none;
			margin: 40px auto 0 auto;
			width: 350px;
		}
		
		#big-contact input, #big-contact textarea{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			width: 130px;
		}

		#big-contact br{
			clear: both;
		}
		
		#big-contact p{
			text-align:center;
			margin: 10px 0 10px 0;
			font-size: 12px;
		}
	
		#big-contact label input, #big-contact label select{
			position: absolute;
			left: 110%;
			top: -1px;
			width: 100px;
		}
	
		#big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select{
			font-size: 11px;
			color: #841811;
		}
	
		#big-contact form, #big-contact label{
			font-size: 12px;
			color: #841811;
		}
	
		#big-contact input, #big-contact textarea, #big-contact select{
			border: 1px solid #FEEB8D;
			background: #FD9E44;
		}
	

		#big-contact label{
			position: relative;
			width: 140px;
			display: block;
			margin: 0 10px;
			text-align: right;
			height: 20px;
		}
		
		#big-contact fieldset{
			width: 300px;
			padding: 5px 10px;
		}
		
		#big-contact hr{
			border: 0px;
			height: 1px;
			color: #FEEB8D;
			background: #FEEB8D;
			margin: 0 0 20px 0;
		}

		#big-contact label textarea{
			position: absolute;
			left: 110%;
			top: 0px;
			width: 135px;
			height: 100px;
			border: 1px solid #FEEB8D;
			background: #FD9E44;
		}

		#big-contact .radio{
			top:0;
			width: 14px;
			border: 1px solid #FC822D;
			background: #FD9E44;
		}
		
		#big-contact .reset{
			width:60px;
			margin: 10px 0 0 90px;
			border: 1px solid #000000;
			background: #FC822D;
			color: #000000;
			font-weight: bold;
		}

		#big-contact .reset-clear{
			width:60px;
			margin: 100px 0 0 90px;
			border: 1px solid #000000;
			background: #FC822D;
			color: #000000;
			font-weight: bold;
		}
		
		#big-contact .submit{
			width:60px;
			margin: 10px 0 0 12px;
			border: 1px solid #000000;
			background: #FC822D;
			color: #000000;
			font-weight: bold;
		}
		
		#big-contact .clear-textarea{
			margin:100px 0 10px 0;
		}
		
		#big-contact .subscribe{
			width:90px;
			margin: 10px 0 0 110px;
		}
		
		#big-contact .submit-center{
			width:140px;
			margin: 10px 0 0 80px;
		}
		

		#center-column-inside #big-contact label{
			font: 12px Arial,Helvetica,sans-serif;
		}
		

#mid-left {width:145px; float:left; padding:0 5px 0 5px; }
#mid-right {width:145px; float:right;  padding:0 5px 0 5px; }

.img-left {}
.img-right {
	float: right;
	margin: 0 10px 5px 0px;
}
.link-gallery {display:block; width: 180px; margin-left: 85px; cursor:hand;}
.link-gallery:hover {cursor: hand;} 
.link-gallery p {
	margin-left: 10px;
	width: 160px;
	text-align: center;
	color: #841911;
}
#button_model{
	position: relative;
	background:url(../images/bg-playboy-index.jpg) no-repeat;
	height:110px;
}
#button_model a{
	left:93px;
	top:7px;
	display: block;
	position: absolute;
	width:165px;
	height: 96px;
}