
/* ------------------------- global presets ------------------------- */
/* -----------------------death to the defaults---------------------- */
ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px; padding:0px; }

a img,:link img,:visited img,fieldset { border:none; }

a { outline:none; }

body {
	background:#FFFFE2 url("../images/index/body-bg.gif") top left repeat-x;
	text-align:center;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#887D6B;
	}

body#contact, body#face, body#financing, body#meet, body#nose, body#sitemap, body#skin {
	background:#FFFFE2 url("../images/sub/body-bg.gif") top left repeat-x;
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote {
	margin-left:10px;
	margin-right:10px;
	}

h1	{ font-size:1.1em; color:#993366; }
h2	{ font-size:1.0em; color:#993366; }
h3	{ font-size:1.0em; color:#993366; }

h1,h2,h3 { margin:0px; padding-top:10px; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited,a:active {
	color:#5D4221;
	text-decoration:underline;
	}
a:hover	{
	color:#9C7C56;
	text-decoration:none;
	}




/* ------------------------- framework ------------------------- */
/* ------------------------------------------------------------- */
#wrap {
	background:url("../images/wrap-bg.jpg") repeat-y;
	width:757px;
	text-align:left;
	margin:0px auto;
	}

	#masthead {
		height:38px;
		position:relative;
		}
		#masthead a {	
			position:absolute;
			top:0px;
			left:457px;
			width:300px;
			height:38px;
			}
			#masthead a span {
				display:none;
				}
	
	#content-top {
		background:url("../images/index/content-top-bg.gif") repeat-y;
		width:757px;
		}
		#meet-leroy {
			background:url("../images/index/meet-leroy.gif") no-repeat;
			width:224px;
			float:left;
			padding-left:30px;
			padding-top:57px;
			}
			#meet-leroy p {
				width:210px;
				}
		#featured-procedures {
			background:url("../images/index/featured-procedures.gif") no-repeat;
			width:213px;
			float:left;
			padding-top:47px;
			padding-left:10px;
			}
			#featured-procedures p {
				width:205px;
				}
	

/*	#mini-facelift {
			background:url("../images/index/mini-facelift.gif") no-repeat;
			width:260px;
			padding-top:124px;
			padding-left:20px;
			float:right;
			}*/
			
			
			
			
					#mini-facelift {
			background:url("../images/procedures-redo.jpg") no-repeat;
			width:260px;
			padding-top:200px;
			padding-left:20px;
			float:right;
			position:relative;
			}
			
			#mini-facelift a.videowebsite {
			position:absolute;
			width:260px;
			height:160px;
			left:0;
			top:20px;

			}
			
			
			#mini-facelift p {
				width:234px;
				}
			#mini-facelift-bottom {
				background:url("../images/index/mini-facelift-bottom.gif") top right no-repeat;
				width:757px;
				height:28px;
				}
	#content-bottom {
		background:url("../images/index/content-bottom-bg.jpg") repeat-y;
		width:757px;
		}
		#procedures-list {
			background:url("../images/index/procedure-list-bg.jpg") no-repeat;
			width:494px;
			height:242px;
			padding-top:53px;
			float:left;
			}
			body#index #wrap #content-bottom #procedures-list #face-list li,
			body#index #wrap #content-bottom #procedures-list #skin-list li,
			body#index #wrap #content-bottom #procedures-list #body-list li {
				background:url("../images/lil-arrow.gif") 0px 8px no-repeat;
				padding-left:8px; 
				}
				#face-list {
					width:150px;
					float:left;
					padding-left:34px;
					}
				#skin-list {
					width:150px;
					float:left;
					padding-left:10px;
					}
				#body-list {
					width:130px;
					float:left;
					padding-left:16px;
					}

		#contact-section {
			background:url("../images/index/contact-section-bg.jpg") repeat-y;
			width:263px;
			float:left;
			}
			#contact-section p {
				margin-left:40px;
				margin-top:10px;
				width:160px;
				}
			#contact-section-head {
				background:url("../images/index/contact-section-head.jpg") no-repeat;
				padding-top:20px;
				padding-left:17px;
				}
				body#index #contact-link {
					text-indent: -9999px;
					width: 205px;
					height: 78px;
					display: block;
					background:url("../images/index/contact-section-head.jpg") -15px -19px no-repeat;
				}
				body#index #contact-link:hover  {
					background:url("../images/index/contact-section-head.jpg") -15px -134px no-repeat;
				}
			#contact-section-bottom {
				background:url("../images/index/contact-section-bottom.jpg") top right no-repeat;
				width:263px;
				height:25px;
				}
	#footer-wrap {
		background-color:#D5C9B6;
		width:530px;
		padding-top:1px;
		padding-bottom:10px;
		margin-left:12px;
		
		}
		#footer {
			text-align:center;
			margin-top:40px;
			margin-left: 200px;
			width: 460px;
			}
			#footer li {
				display:inline;
				padding:0px 0px 0px 5px;
				border-left:1px solid #887D6B;
				background:none;
				}
				#footer li.first {
					border:none;
					}


#wrap-bottom {
	background:url("../images/wrap-bottom.jpg");
	width:757px;
	height:12px;
	}


	/* ----------------------- subpage layout ----------------------- */
	/* -------------------------------------------------------------- */
	body#contact #wrap, body#face #wrap, body#financing #wrap, body#meet #wrap, body#nose #wrap, body#sitemap #wrap, body#skin #wrap, body#thanks #wrap {
		background:url("../images/sub-wrap-bg.jpg") repeat-y;
		}

	#column-left {
		width:516px;
		float:left;
		}
		#column-left p,#column-left h1,#column-left h2,#column-left h3,#column-left ul {
			margin-left:190px;
			line-height:14px;
			}
			#column-left p {
				width:310px;
				}
		
		body#sitemap #column-left h2,body#sitemap #column-left h1,body#sitemap #column-left dd {
			margin:0px 0px 0px 30px;
			}
		
	#column-right {
		width:241px;
		float:left;
		background:url("../images/sub/instant-callback-repeat.jpg") repeat-y;
		position:relative;
		}
		
		#column-right-bottom {
			background:url("../images/right-column-bottom.jpg") left bottom no-repeat;
			height: 28px;
			display: block;
		}
		
		#column-right a.videowebsite {
		position:absolute;
		width:220px;
		height:175px;
		left:0;
		top:0px;
		background:url("../images/sub/instant-callback-head.jpg") top left no-repeat;
		}
		
		#contact-link-inside {
			text-indent: -9999px;
			width: 205px;
			height: 78px;
			display: block;
			margin-top: 175px;
			background:url("../images/index/contact-section-head.jpg") -15px -19px no-repeat;
		}
		#contact-link-inside:hover  {
			background:url("../images/index/contact-section-head.jpg") -15px -134px no-repeat;
		}
		
		#instant-callback {
			background:url("../images/sub/instant-callback-head.jpg");
			width:238px;
			height:32px;
			/*padding-top:64px;*/
			padding-top:210px;
			padding-left:3px;
			}
			#instant-callback a {
				display:block;
				width:107px;
				height:28px;
				margin:0px;
				padding:0px;
				line-height:32px;
				text-align:center;
				background:url("../images/index/ptt-button.jpg") 0px 0px no-repeat;
				}
				#instant-callback a span {
					display:none;
					}
				#instant-callback a:hover, #instant-callback a:active {
					background-position:0px -28px;
					}
			#column-right p {
				line-height:14px;
				margin-top:10px;
				margin-left:26px;
				width:160px;
				}
			body#contact #column-right p {
				text-align:center;
				line-height:14px;
				margin-top:8px;
				}
			
			body#thanks #column-left p,body#thanks #column-left h1,body#thanks #column-left h2,
			body#contact #column-left p,body#contact #column-left h1,body#contact #column-left h2,
			body#meet #column-left p,body#meet #column-left h1,body#meet #column-left h2,body#meet #column-left h3,
			body#financing #column-left p,body#financing #column-left h1,body#financing #column-left h2,
			body#skin #column-left p,body#skin #column-left h1,body#skin #column-left h2 {
				margin-left:30px;
				width:480px;
				}
			body#sitemap #column-left p {
				margin-left:40px;
				width:400px;
				}
			body#financing #column-left ul,body#skin #column-left ul {
				margin-left:50px;
				}
			
		#instant-callback-bottom {
			background:url("../images/sub/instant-callback-bottom.jpg");
			width:241px;
			height:25px;
			}

	#sub-content-bottom {
		background:url("../images/sub/content-bottom.jpg") bottom left no-repeat;
		width:757px;
		height:7px;
		}




body#financing #column-left ul li {
	background:url("../images/lil-diamond.gif") 0px 4px no-repeat;
	padding-left:11px;
	margin-bottom:2px;
	}




/* -------------------------- mastheads ------------------------- */
/* -------------------------------------------------------------- */
body#index #masthead {
	background:url("../images/index/masthead.jpg");
	height:138px;
	}
body#contact #masthead, body#face #masthead, body#financing #masthead, body#meet #masthead, body#nose #masthead, body#sitemap #masthead, body#skin #masthead, body#thanks #masthead, body#video #masthead {
	background:url("../images/sub/masthead.jpg");
	height:138px;
	}




/* --------------------------- headers -------------------------- */
/* -------------------------------------------------------------- */
body#index #header {
	background:url("../images/index/header.jpg");
	height:109px;
	width:415px;
	padding-left:342px;
	padding-top:195px;
	}

body#contact #header, body#face #header, body#financing #header, body#meet #header, body#nose #header, body#sitemap #header, body#skin #header, body#thanks #header, body#video #header {
	width:757px;
	height:179px;
	}
	body#contact #header {
		background:url("../images/sub/header-contact.jpg");
		}
		body#thanks #header {
			background:url("../images/sub/header-thanks.jpg");
			}
	body#face #header {
		background:url("../images/sub/header-face.jpg");
		}
	body#financing #header {
		background:url("../images/sub/header-financing.jpg");
		}
	body#meet #header {
		background:url("../images/sub/header-meet.jpg");
		}
	body#nose #header {
		background:url("../images/sub/header-nose.jpg");
		}
	body#sitemap #header {
		background:url("../images/sub/header-sitemap.jpg");
		}
	body#skin #header {
		background:url("../images/sub/header-skin.jpg");
		}
	body#video #header {
	background:url("../images/sub/header-meet.jpg");
	}


/* -------------------------- subheads -------------------------- */
/* -------------------------------------------------------------- */
#subhead {
	width:516px;
	height:28px;
	margin-bottom:12px;
	}
	body#contact #subhead {
		background:url("../images/sub/subhead-contact.jpg");
		}
		body#thanks #subhead {
			background:url("../images/sub/subhead-thanks.jpg");
			}
	body#face #subhead {
		background:url("../images/sub/subhead-face.jpg");
		}
	body#financing #subhead {
		background:url("../images/sub/subhead-financing.jpg");
		}
	body#meet #subhead {
		background:url("../images/sub/subhead-meet.jpg");
		}
	body#nose #subhead {
		background:url("../images/sub/subhead-nose.jpg");
		}
	body#sitemap #subhead {
		background:url("../images/sub/subhead-sitemap.jpg");
		}
	body#skin #subhead {
		background:url("../images/sub/subhead-skin.jpg");
		}


/* ---------------------------- forms --------------------------- */
/* -------------------------------------------------------------- */
form {
	width:170px;
	padding:10px 0px 15px 0px;
	font:11px/18px Arial, Helvetica, sans-serif;
	padding-left:33px;
	}

#newsletterWrap {
	margin-left: 10px;
}
	
form#newsletter {
	padding-left: 0px;
}

.button {
	display:block;
	margin:0 0 0 35px;
	width:85px;
}

.button #submit {
	display:block;
	padding:0;
	width:85px;
}

form label	{ font-size:.95em; }

form br { line-height:0px; }

input,textarea,select { 
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000;
	color:#993366;
	font:11px/11px Arial, Helvetica, sans-serif;
	width:150px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align:middle;
	margin-bottom:4px;
	padding-top:3px;
	padding-left:4px;
	font-size:1.0em;
	}
	
select {
	width:170px; /* same width as form !important */
	padding:0px;
	}

textarea {
	height:90px;
	overflow:auto;
	}
	
input.submit, input.submit-contact-main {
	width:60px;
	cursor:pointer;
	padding:0px;
	}

#contact_business { display:none; } /* do not remove */ 


	/* main contact */
		#contact-main { padding:20px 0px 10px 20px; }
		
		#contact-main p {
			text-align:center;
			font-style:italic;
			}
		#contact-main p.textarea {
			text-align:center;
			font-weight:bold;
			font-style:normal;
			margin:6px 0px 2px 0px;
			}
			
		#contact-main label {
			width:180px;
			position:relative;
			display:block;
			text-align:right;
			margin-bottom:10px;
			font-size:1.0em;
			}
			
		#contact-main label input, #contact-main label textarea, #contact-main label select {
			width:150px;
			position:absolute;
			left:110%;
			top:-2px;
			}
			
		#contact-main label select {
			width:155px;
			}
			
		#contact-main textarea { height:80px; width:260px; margin-left:140px; }		
		
		#contact-main p.normal-text {
			font-style:normal;
			}

		#contact-main p input.checkbox {
			width:13px;
			height:13px;
			padding:0px;
			margin:0px 0px 0px 3px;
			border:none;
			}

		input.submit-contact-main {
		 	margin:10px 0px 0px 240px;
			padding:0px;
			}




/* ------------------------- navigation ------------------------- */
/* -------------------------------------------------------------- */
	/* 3 button nav in header */
		#header-nav {
			background:url("../images/index/header-nav.jpg") no-repeat;
			width:334px;
			height:100px;
			margin:0px;
			}
		
		#header-nav span { display:none; }
		
		#header-nav li, #header-nav a { height:100px; display:block; }
		
		#header-nav li { float:left; list-style:none; display:inline; }
		
		#header-nav-01 { width:108px; margin-left:0px;}
		#header-nav-02 { width:108px;}
		#header-nav-03 { width:111px;}
		
		#header-nav-01 a:hover {background:url("../images/index/header-nav.jpg")  -0px -100px no-repeat;}
		#header-nav-02 a:hover {background:url("../images/index/header-nav.jpg") -108px -100px no-repeat;}
		#header-nav-03 a:hover {background:url("../images/index/header-nav.jpg") -216px -100px no-repeat;}


	/* main nav below header */
		#main-nav {
			background:url("../images/main-nav.jpg") no-repeat;
			width:757px;
			height:34px;
			margin:0px;
			}
		
		#main-nav span { display:none; }
		
		#main-nav li, #main-nav a { height:20px; display:block; }
		
		#main-nav li { float:left; list-style:none; display:inline; margin-top:14px; }
		
		#main-nav-01 { width:100px; margin-left:87px;}
		#main-nav-02 { width:37px; margin-left:25px;}
		#main-nav-03 { width:42px; margin-left:29px;}
		#main-nav-04 { width:36px; margin-left:31px;}
		#main-nav-05 { width:127px; margin-left:30px;}
		#main-nav-06 { width:64px; margin-left:27px;}
		
		#main-nav-01 a:hover {background:url("../images/main-nav.jpg") -87px -48px no-repeat;}
		#main-nav-02 a:hover {background:url("../images/main-nav.jpg") -212px -48px no-repeat;}
		#main-nav-03 a:hover {background:url("../images/main-nav.jpg") -278px -48px no-repeat;}
		#main-nav-04 a:hover {background:url("../images/main-nav.jpg") -351px -48px no-repeat;}
		#main-nav-05 a:hover {background:url("../images/main-nav.jpg") -417px -48px no-repeat;}
		#main-nav-06 a:hover {background:url("../images/main-nav.jpg") -571px -48px no-repeat;}


	/* sub page nav */
		#sub-nav {
			background:url("../images/sub/sub-nav.jpg") no-repeat;
			width:757px;
			height:42px;
			margin:0px;
			}
		
		#sub-nav span { display:none; }
		
		#sub-nav li, #sub-nav a { height:10px; display:block; }
		
		#sub-nav li {
			float:left;
			list-style:none;
			display:inline;
			margin-top:6px;
			}
		
		#sub-nav-01 { width:100px; margin-left:69px;}
		#sub-nav-02 { width:37px; margin-left:25px;}
		#sub-nav-03 { width:42px; margin-left:29px;}
		#sub-nav-04 { width:36px; margin-left:31px;}
		#sub-nav-05 { width:127px; margin-left:30px;}
		#sub-nav-06 { width:64px; margin-left:27px;}
		#sub-nav-07 { width:45px; margin-left:27px;}
		
		#sub-nav-01 a:hover {background:url("../images/sub/sub-nav.jpg")  -69px -48px no-repeat;}
		#sub-nav-02 a:hover {background:url("../images/sub/sub-nav.jpg") -194px -48px no-repeat;}
		#sub-nav-03 a:hover {background:url("../images/sub/sub-nav.jpg") -260px -48px no-repeat;}
		#sub-nav-04 a:hover {background:url("../images/sub/sub-nav.jpg") -333px -48px no-repeat;}
		#sub-nav-05 a:hover {background:url("../images/sub/sub-nav.jpg") -399px -48px no-repeat;}
		#sub-nav-06 a:hover {background:url("../images/sub/sub-nav.jpg") -553px -48px no-repeat;}
		#sub-nav-07 a:hover {background:url("../images/sub/sub-nav.jpg") -644px -48px no-repeat;}




/* ------------------------- classes ------------------------- */
/* ----------------------------------------------------------- */
div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

p.pink-address {
	color:#952744;
	font-weight:bold;
	margin-left:200px;
	margin-top:70px;
	line-height:14px;
	width: 350px;
	text-align: center;
	
	}
	
	p.pink-address-inside {
	color:#952744;
	font-weight:bold;
	margin-left:200px;
	margin-top:70px;
	line-height:14px;
	width: 350px;
	text-align: center;
	
	}
	p.pink-address img {
		float:left;
		margin:10px 8px;
		}
		
body#video p.pink-address {
	margin-top:  20px;
}

p.align-center {
	text-align:center;
	margin-left: 160px;
	width: 500px;
	}
	
img.img-left { 
	float:left; 
	margin:2px 8px 6px 0px; 
	}

img.img-left2 { 
	float:left; 
	margin:3px 0px 0px 27px; 
	}

img.img-right { 
	float:right; 
	margin:0px 4px 6px 10px; 
	}

ul.bullet-list {
	list-style-type:disc;
	}

h1.content-top-index {
	margin:0px;
	padding:0px;
	}
h2.h2-with-bg-color {
	background-color:#D5C9B6;
	width:100%;
	padding:0px;
	}

#column-left p.to-top {
	background:url("../images/to-top-arrow.gif") top right no-repeat;
	float:right;
	text-align:right;
	height:16px;
	padding:1px 17px 0px 0px;
	margin:7px 0px 13px 0px;
	}
	#column-left p.to-top a:link,#column-left p.to-top a:visited,#column-left p.to-top a:active {
		text-decoration:none;
		}
	#column-left p.to-top a:hover {
		text-decoration:underline;
		}
		
		.nomargin {margin-left:-20px; }
		
#video-player {
	width: 700px;
	margin: 30px auto;
}

#mediaspace {float:left; margin:10px 0 0 60px;}

#leftcolumn {float:left;
	width:477px;}
