/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body { background: #6E8EBA url(../images/index/body_bkgrnd.jpg) top left repeat-x; text-align: center; margin: 0px auto 0px auto;}
	
p, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #1D4882;
	line-height: 16px;
}
a img, :link img, :visited img { border: none }
a:link, a:visited { color: #0066FF; text-decoration: underline;}
a:hover, a:active { color: #0099FF; text-decoration: underline;}

a {
	outline:none;
	}
	
span { display: none;}
	
li { color: #5A86C5;}
li a:link, li a:visited { color: #1F5194; text-decoration: underline;}
li a:hover, li a:active { color: #0099FF; text-decoration: underline;}
ul {margin: 0px 0 0px 10px; padding: 0 0 0 10px;}
	
/* main structural elements
 * ------------------------------------------------------------------------------------- */
 
#wrapper { background: url(../images/index/content_bkgrnd.jpg) left top repeat-y; width: 769px; margin: 0; text-align: center; margin: 0px auto 0px auto;}
#sub-wrapper {
	background: url(../images/sub/sub_content_bkgrnd.jpg) left top repeat-y;
	width: 769px;
	text-align: center;
	margin: 0px auto 0px auto;
}


#main { background: url(../images/index/main_bkgrnd_flower.jpg) right bottom  no-repeat; width: 769px; margin: 0; overflow: hidden;}

#img-container { width: 769px; height: 271px; margin: 0 auto; clear: both; float: left;}
	
#content-container { width: 769px; margin: 0 auto; }
	
#left-column-container { width: 536px; margin: 0 auto; text-align: left; float: left; clear: left;}
#sub-left-column-container {
	width: 536px;
	margin: 0 auto;
	text-align: center;
	float: left;
	clear: left;
}
	
#right-column-container { width: 233px; margin: 0; float: left; clear: right;}
	
#featured-procedures { background: url(../images/index/featured_procedures_bkgrnd.jpg) left top repeat-y; width: 536px; margin: 0 auto; text-align: left; float: left;}

#ultrasonic-liposuction { width: 177px; margin: 0 auto; float: left; }

#laser-hair-removal { width: 171px; margin: 0 auto; float: left;}
	
#fotofacial-rejuvenation { width: 188px; margin: 0 auto; float: left;}

#li-nav-container { width: 536px; margin: 0 auto; text-align: left; float: left; margin-bottom: 20px;}
#li-left { width: 250px; margin: 0 auto; text-align: left; float: left;} 
#li-right { width: 220px; margin: 0 auto; text-align: left; float: left;}
/* READ MORE btns
 * ------------------------------------------------------------------------------------- */	
 
#readmore01	{ position:relative; }
#readmore01 #button { background: url(../images/index/read_more01.jpg) left top no-repeat; float: right; margin-right: 29px; width: 89px; height: 30px;}
#button a { position: absolute; width: 89px; height: 30px; top: 0px; left: 418px;}
		
#readmore02	{ position:relative; }
#readmore02 #button02 { background: url(../images/index/read_more01.jpg) left top no-repeat; float: right; margin-right: 29px; width: 89px; height: 30px;}
#button02 a { position: absolute; width: 89px; height: 30px; top: 0px; left: 418px;}

#readmore03	{ position:relative; }
#readmore03 #button03 { background: url(../images/index/read_more02.jpg) left top no-repeat; float: right; margin-right: 10px; width: 89px; height: 30px;}
#button03 a { position: absolute; width: 89px; height: 30px; top: 0px; left: 78px;}

#readmore04	{ position:relative; }
#readmore04 #button04 { background: url(../images/index/read_more02.jpg) left top no-repeat; float: right; margin-right: 10px; width: 89px; height: 30px;}
#button04 a { position: absolute; width: 89px; height: 30px; top: 0px; left: 72px;}

#readmore05	{ position:relative; }
#readmore05 #button05 { background: url(../images/index/read_more02.jpg) left top no-repeat; float: right; margin-right: 10px; width: 89px; height: 30px;}
#button05 a { position: absolute; width: 89px; height: 30px; top: 0px; left: 90px;}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu-vert {
	background: url(../images/index/menu_vert.jpg) left top no-repeat;
	width: 216px;
	height: 271px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}
#menu-vert li span {display: none;}
#menu-vert li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu-vert li, #menu-vert a {height: 47px; display: block;}
#menu-vert-01 {top: 0px;}
#menu-vert-02 {top: 47px;}
#menu-vert-03 {top: 95px;}
#menu-vert-04 {top: 137px;}
#menu-vert-05 {top: 180px;}
#menu-vert-06 {top: 225px;}

#menu-vert-01, #menu-vert-02, #menu-vert-03, #menu-vert-04, #menu-vert-05, #menu-vert-06 { left: 0px; width: 216px; }

#menu-vert-01 a:hover {background: transparent url(../images/index/menu_vert.jpg) -216px -0px no-repeat;}
#menu-vert-02 a:hover {background: transparent url(../images/index/menu_vert.jpg) -216px -47px no-repeat;}
#menu-vert-03 a:hover {background: transparent url(../images/index/menu_vert.jpg) -216px -95px no-repeat;}
#menu-vert-04 a:hover {background: transparent url(../images/index/menu_vert.jpg) -216px -137px no-repeat;}
#menu-vert-05 a:hover {background: transparent url(../images/index/menu_vert.jpg) -216px -180px no-repeat;}
#menu-vert-06 a:hover {background: transparent url(../images/index/menu_vert.jpg) -216px -225px no-repeat;}

/* Image Replacement
 * ------------------------------------------------------------------------------------- */
#quick-contact-hd {
	background: url(../images/index/quick_contact_hd.jpg) left top no-repeat;
	width: 233px;
	float: right;
}

#masthead {
	background: url(../images/index/masthead.jpg) left top no-repeat;
	width: 769px;
	height: 87px;
	float: left;
}

#left-img {
	background: url(../images/index/img_container_left.jpg) left top no-repeat;
	width: 320px;
	height: 271px;
	float: left;
}

#right-img { background: url(../images/index/header.jpg) left top no-repeat; width: 233px; height: 271px; float: left;}
#right-img1 { background: url(../images/sub/header01.jpg) left top no-repeat; width: 233px; height: 271px; float: left;}
#right-img2 { background: url(../images/sub/header02.jpg) left top no-repeat; width: 233px; height: 271px; float: left;}
#right-img3 { background: url(../images/sub/header03.jpg) left top no-repeat; width: 233px; height: 271px; float: left;}
#right-img4 { background: url(../images/sub/header04.jpg) left top no-repeat; width: 233px; height: 271px; float: left;}
#right-img5 { background: url(../images/sub/header05.jpg) left top no-repeat; width: 233px; height: 271px; float: left;}


#philosphy-hd {
	background: url(../images/index/our_philosphy_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
	clear: both;
}

#experience-hd {
	background: url(../images/index/experience_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
}

#featured-procedures-hd {
	background: url(../images/index/featured_procedures_hd.jpg) left top no-repeat;
	width: 536px;
	height: 48px;
	float: left;
	clear: both;
}

#ultrasonic-hd {
	background: url(../images/index/featured_facelift.jpg) left top no-repeat;
	width: 177px;
	height: 60px;
}

#laser-hair-hd {
	background: url(../images/index/featured_tummy.jpg) left top no-repeat;
	width: 171px;
	height: 60px;
}

#fotofacial-hd {
	background: url(../images/index/featured_breast.jpg) left top no-repeat;
	width: 188px;
	height: 60px;
}
/* SUB title headers
* -------------------------------------------------------------------------------------- */

#about-practice-hd {
	background: url(../images/sub/about_practice_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
}
 
#contact-hd {
	background: url(../images/sub/contact_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
}

#sub-quick-contact-hd {
	background: url(../images/sub/sub_main_quick_contact_hd.jpg) left top no-repeat;
	width: 233px;
	float: left;
}

#gallery-hd {
	background: url(../images/sub/gallery_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
}

#gardere-hd {
	background: url(../images/sub/meet_gardere_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
}

#procedures-hd {
	background: url(../images/sub/procedures_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
}

#thankyou-hd {
	background: url(../images/sub/thanyou_hd.jpg) left top no-repeat;
	width: 536px;
	float: left;
}
 /* SITE content
 * ------------------------------------------------------------------------------------- */

#right-column-container form { padding: 110px 0px 15px 25px;}
#right-column-container p {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#right-column-container p.pdf-bottom {padding-bottom:150px;}

.quick-contact { margin-top: 70px;}

.intro01  { margin: 71px 52px 35px 37px;}
.intro02  {  margin: 71px 52px 35px 37px;}

.sub-intro01  { margin: 71px 0px 15px 0px;}

#sub-left-column-container p { padding: 5px 52px 0px 37px;}
#sub-left-column-container h1 { padding: 5px 52px 7px 37px;}
#sub-left-column-container h2 { padding: 5px 52px 7px 37px; color: #A94E1D;}
#sub-left-column-container h3 { padding: 5px 52px 7px 37px;}
#sub-left-column-container ul { padding: 0px 0px 5px 37px;}

#ultrasonic-liposuction p { margin: 0px 16px 15px 20px;}
#laser-hair-removal p { margin: 0px 16px 15px 20px;}
#fotofacial-rejuvenation p { margin: 0px 16px 15px 20px;}

img.pdf {border:0; text-align:left;}


/* gallery thumbnails
* ------------------------------------------------------------------------------------- */
#gallery {
	margin-left:40px;
	width:390px;
	}

div.gallery-thumb {
	width:120px;
	float:left;
	margin-left:10px;
	}
	div.gallery-thumb a {
		width:120px;
		height:80px;
		display:block;
		line-height:80px;
		text-align:center;
		}
		
		/* to add new thumbs, even on the same page, just copy n paste the html, add a new class below by copying and pasting existing classes [only change the class name and bg image] */
		/* if it seems confusing, see Jesse */
			div.gallery-thumb a.breast-aug-01 {
				background:url("../gallery/thumbs/breast-aug-01.gif");
				margin:0px;
				padding:0px;
				}
			div.gallery-thumb a.breast-aug-01:hover {
				background-position:0px -80px;
				}
	
			div.gallery-thumb a.breast-aug-02 {
				background:url("../gallery/thumbs/breast-aug-02.gif");
				margin:0px;
				padding:0px;
				}
			div.gallery-thumb a.breast-aug-02:hover {
				background-position:0px -80px;
				}
				
			div.gallery-thumb a.breast-aug-03 {
				background:url("../gallery/thumbs/breast-aug-03.gif");
				margin:0px;
				padding:0px;
				}
			div.gallery-thumb a.breast-aug-03:hover {
				background-position:0px -80px;
				}
				
			div.gallery-thumb a.browlift-01 {
				background:url("../gallery/thumbs/browlift-01.gif");
				margin:0px;
				padding:0px;
				}
			div.gallery-thumb a.browlift-01:hover {
				background-position:0px -80px;
				}
				
			div.gallery-thumb a.browlift-02 {
				background:url("../gallery/thumbs/browlift-02.gif");
				margin:0px;
				padding:0px;
				}
			div.gallery-thumb a.browlift-02:hover {
				background-position:0px -80px;
				}
				
			div.gallery-thumb a.browlift-03 {
				background:url("../gallery/thumbs/browlift-03.gif");
				margin:0px;
				padding:0px;
				}
			div.gallery-thumb a.browlift-03:hover {
				background-position:0px -80px;
				}



/* PAGE FOOTER / FOOTER
 * ------------------------------------------------------------------------------------- */
 
#page-footer {
	background: url(../images/index/page_footer.jpg) left top no-repeat;
	width: 769px;
	height: 41px;
	clear: both;
}

#sub-page-footer {
	background: url(../images/sub/sub_page_footer.jpg) left top no-repeat;
	width: 769px;
	height: 41px;
	clear: both;
}

#footer {
	width: 769px;
	margin: 0px auto 0px auto;
	padding: 1px 15px 14px 0px;
	text-align: center;
	line-height: 22px;
	
}
#footer ul { padding: 0 30px 0 0;}
#footer li { padding: 5px 0px 0px 2px; display:inline; line-height: 15px; color: #FFF;}
#footer p { padding: 0px 30px 0px 15px; color: #F9EEE1; }
#footer a:link, #footer a:visited { color: #FFF; text-decoration:none; }
#footer a:hover, #footer a:active {	color: #FFF; text-decoration: underline; }

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 div.clear { clear: both;}
.pic-float-left { float: left; padding-right: 5px;} 
.pic-float-right { float: right; padding-left: 5px;} 

.top { display: block; text-align: right; font-size: 10px;}
#ptt-btn { height:45px; width:166px; margin:105px 0px 10px 20px; }
	

/* QUICK CONTACT / MAINCONTACT elements
 * ------------------------------------------------------------------------------------- */
 
.quickcontact { width: 152px;}
input, textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #A94E1D;
	border: 1px solid #C4C6D6;
	background-color: #FFF;
	margin-bottom: 0;
}

.SubmitButton { border: 0px solid; }
	
	
/* Main Contact elements 
 * ------------------------------------------------------------------------------------- */

#contact-main-wrapper {
	width: 525px;
	margin-left: 0px;
	vertical-align: text-top;
}
	
#contact-main input, #contact-main textarea, #contact-main select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A94E1D;
	border: 1px solid #C4C6D6;
	background-color: #FFF;
	margin: 0 0 5px 0;
	clear: both;
	vertical-align: middle;
}
input.button, #contact-main label input.button	{ width: 70px;}

input submit a:hover {text-decoration: underline;}

#contact-main { margin-top: 25px;}
#contact-main br { clear: both;} 
#contact-main p, #contact-main h1 { text-align: left; margin: 10px 0 10px 0;}
	
#contact-main p.clear-textarea	{ margin-top:75px; }
#contact-main p.clear-textarea2 { margin-top: 2px; }

#contact-main .radio { width: 14px; background: transparent; border: none;}
#contact-main .checkbox { width: 14px; background: transparent; border: none; float: inherit;}
		
#contact-main label input, #contact-main label select { position: absolute; left: 110%; width: 150px;}
#contact-main label {
		position: relative; 
		width: 260px; 
		display: block; 
		margin: 0 10px; 
		text-align: right; 
		height: 20px;
}
#contact-main label textarea {
		position: absolute; 
		left: 110%; 
		top: 0px; 
		width: 150px; 
		height: 100px;
}
#contact-main .SubmitButton { border: 0px solid; width: 60px; height: 24px; }
#contact-main label.print { margin-top: 40px;}
#contact-main input.button { margin-top: 5px;}
#contact-main label input.small-box { clear: none; float: left; width: 30px; margin-right: 10px;}