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

body {
	margin: 0px auto 0px auto;
	text-align:center;
	padding: 0px;
	background-color: #725b3d;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	line-height: 20px;
	color: #4f3e28;
	behavior:url("../css/csshover3.htc");
}

a { 
	color: #c9792e;
	text-decoration: none;
}

a:hover { 
	color: #c9792e;
	text-decoration: underline;
}

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

ol.main { 
	padding: 0; 
	margin: 5px 40px 0 70px;
}

#column-list ul {
	font-size-adjust:none;
	font-style:normal;
	line-height:18px;
	list-style-type: none;
}

#column-list ul li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/inside/arrows.gif) no-repeat scroll 0 5px;
	padding-left:20px;
}

#column-list-orange ul {
	font-size-adjust:none;
	font-style:normal;
	line-height:18px;
	list-style-type: none;
}

#column-list-orange ul li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/inside/arroworange.gif) no-repeat scroll 0 5px;
	padding-left:20px;
}

.arrows {
	padding-left:30px
}

.arrows li {
	list-style-type:none;
	margin:0px; padding:0px;
	line-height:20px
}
		
.arrows ul li { 
	background:transparent url(../images/inside/arrows.gif) 0px 5px no-repeat;
	padding-left:20px; 
	list-style-position: outside;
}

.arrows ul li ul li { 
	background:transparent url(../images/inside/arrows.gif) 0px 5px no-repeat;
	padding-left:20px; 
	list-style-position: outside;
}
			
.arrows ul li ul li ul{ 
	background:transparent url(../images/inside/arrows.gif) 0px 5px no-repeat;
	padding-left:20px; 
	list-style-position: outside;
}

li.pdf { 
	padding: 7px;
	font-size: 1.0em; 
	list-style-image: url(../images/pdficon_small.gif);
}

small {
	font-size: 11px;
	line-height: 18px; 
	text-align:justify;}

h1 {
	color: #f5d382;
	padding: 22px 0px 0px 40px;
	font-size: 15px;
	font-weight: bold;
	line-height:32px;
}

h1.index {color: #f5d382;
	padding: 22px 0px 0px 40px;
	font-size: 15px;
	font-weight: bold;
	line-height:19px;
}

h1.gallery {
	color: #f5d382;
	padding: 16px 0px 0px 40px;
	font-size: 17px;
	font-weight: bold;
	line-height:16px;
}

h2 {
	color: #c17328;
	padding: 15px 0px 5px 40px;
	font-size: 15px;
	font-weight: bold;
	line-height:16px;
	line-height:20px;
}

h2 span {
	color:#4f3e28;
	font-size: 12px;
}

h3 {
	color: #907135;
	padding: 10px 0px 0px 40px;
	font-size: 11px;
}

p { 
	padding: 10px 35px 0px 40px;
}

#wrapper {
	background-image: url(../images/index/bg1.jpg); 
	background-color: #735c3d; 
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
}

#containter {
	width: 1000px;
	margin: 0px auto 0px auto;
	text-align: center;
	padding: 0px;
}

#main { 
	width: 1000px;
	text-align: left;
}

#main ul {
	padding: 10px 0px 10px 70px;
}

#header { 
	background: url(../images/index/sliced.jpg);
	margin: 0; 
	height: 87px;
}


#headerbox {
	background: url(../images/index/header-box.jpg);
	height: 72px; 
	margin: 0;
}

#headerbox-gallery {
	background: url(../images/hd-gallery.jpg);
	height: 46px;
	margin: 0;
}

.line-height {
	line-height: 18px;
}

.inline { 
	padding-top: 5px;
}

.quote {
	padding: 0 35px 0 38px;
	color:#a27f4f;
}

.logo {
	float:left; 
	margin: 0 0 0 15px;
	height: 87px;
	width:304px;
}

img.right {
	float: right;
	margin: 0 30px 5px 15px;
}

img.left {
	float: left;
	margin: 0 15px 5px 35px;
}

.bordered {
	padding: 2px;
	border: solid 1px #e7d7b3;
}

#tumbgallery {text-align:center;}
#before { position:relative; left:285px; float:left;}
#after { position:relative; right:290px; float:right;}

#addresscontact p { line-height: 20px; color: #dcbe81; }

.hr {
	border: none;
	background-color: #dcdcdc;
	color: #dcdcdc;
	height: 1px;
	width: 610px;
	margin: 8px 0 8px 40px;
}
.caption-img {
	float:right;
	padding: 5px 40px 20px 20px;
}

span.indent {
    padding-left: 10px;
   
}

#pdf-box {
	background: #f9f9f9;
	border: 1px solid #d7ac74;
	padding: 2px;
	margin-left: 38px; width: 400px;
}


#leftcol { width: 688px; float: left; 	margin-bottom: 20px; }
#leftcol-gallery { width: 1000px; float: left; 	margin-bottom: 20px; }

#rightcol { width: 312px; float: left; margin-bottom:20px;}

#leftbox-content { 	
	background-image: url(../images/index/content-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 688px; }	

#leftbox-content-gallery { 	
	background-image: url(../images/box-gallery.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 1000px; }
	
#leftbox-content ul { padding: 10px 90px 10px 90px;}

#leftbox-content li { padding: 10px 0px 10px 0px;}

#leftbox {
	width: 347px;
	height: 290px;
	float: left;
	background-image: url(../images/index/smart-box-new.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	}

	
#leftbox p {padding: 110px 80px 0 38px; font-size: 12px; line-height: 20px;}

#rightbox {
	width: 341px;
	height: 290px; 
	float: left;
	background-image: url(../images/index/short-scar-box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#rightbox p {padding: 105px 40px 0 27px; font-size: 13px; line-height: 22px;}

.float35 {float: right; margin-right: 35px;}

.requiredtxt {text-align:right; margin-left: 125px; color: #FFF; font-size:13px; display: inline;}

.leftfloatcolumn { 
margin: 5px 5px 5px 20px;
padding: 2px;
float: left;
width: 175px;
}

.rightfloatcolumn { 
margin: 5px 0px 5px 0px;
font-size: 1em;
padding: 2px;
float: left;
width: 70px;
}

.none {display: none;}

#leftfloatcolumn-fin { 
margin: 5px 5px 5px 20px;
padding: 2px;
float: left;
width: 200px;
height: 200px;
}

#rightfloatcolumn-fin { 
margin: 5px 0px 5px 0px;
font-size: 1em;
padding: 2px;
float: left;
width: 200px;
height: 200px;
}

#calendar-column { 
margin: 5px 5px 5px 0px;
padding: 2px;
width: 350px;
float: left;
}

#logo-column { 
margin: 5px 0px 5px 0px;
padding: 2px;
width: 350px;
float: left;
position: relative;
}

#featuredproced {
	background-image: url(../images/index/index-07.jpg);
	height: 62px;
	width: 303px;
	background-repeat: no-repeat;
	background-position: left top;
}

#featuredproced span {display: none;}

#featuredproced2 {
	background-image: url(../images/index/index-08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 309px;
	width: 303px;
}

#featuredproced2 p { color: #503501; padding: 50px 120px 0px 35px; font-size:11px; line-height: 17px;}

.clear {clear: both;}

#address { font-size: 15px; line-height:23px; color: #FFF; margin-bottom: 10px; margin-top: 0;}

#address p { padding: 5px 0 0 22px;}

#socs { margin: 0 0 20px 20px;}

#bottomwrapper-index { background-image: url(../images/index/bottombg.jpg); background-color: #513d24; background-repeat: repeat-x;
	background-position: left top; margin:0; padding-bottom:20px;}

#bottom-index {
	margin: 0 auto;
	width: 1000px;
}

#bottom-index a { color: #c3a47d;text-decoration:underline;}

#bottom-index p { color: #c3a47d; font-size: 11px; line-height:16px; font-family: Arial, Verdana, Helvetica; padding: 10px 0px 0px 20px; text-align: left;}

#bottom-index p span { color: #c17328; font-size: 13px; line-height:20px; padding: 0 60px 0 0; font-family: Arial, Helvetica, Verdana,; text-align: left;}

.footerstle { color: #c3a47d;}

#spacer {height: 62px; width: 303px;}

#homereadmore { float: right;  margin-right: 20px;}

#logobuttons { float: left; margin-left: 35px;}

#contact-home {
	background-image: url(../images/index/form.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 312px;
	margin-bottom: 31px;
}

.smartlipo { top: 220px}

#contact-home p { padding-left: 20px; font-size: 12px; color:#dcbe81; line-height:20px; text-align:center; padding-top: 0;}

#contact-home span {color:#FFFFFF; font-size: 15px; font-weight:bold; text-align:center;}

.contactform { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }

.subject {display:none;}

.input { width: 250px; margin: 10px 0px 0px 20px; display: block; background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.select { width: 180px; margin: 10px 0px 0px 0px; background-color:#FFF; border:1px solid #a28b6c; font:11px/16px Arial, Helvetica, sans-serif; color: #a28b6c; }

.input_contact { width: 180px; margin: 10px 0px 0px 0px; display: block; background-color:#FFF; border:1px solid #a28b6c; font:11px/16px Arial, Helvetica, sans-serif; color: #a28b6c; }

.input_address { width: 250px; margin: 10px 0px 0px 0px; display: block; background-color:#FFF; border:1px solid #a28b6c; font:11px/16px Arial, Helvetica, sans-serif; color: #a28b6c; }

.comments { width: 250px; height: 100px; margin: 10px 0px 0px 20px; display: block; background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.comments_contact { width: 450px; height: 100px; margin: 10px 0px 0px 0px; display: block; background-color:#FFF; border:1px solid #a28b6c; font:11px/16px Arial, Helvetica, sans-serif; color: #a28b6c; }


.maininput { background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.maincomments { background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #a9843a; }

.checkbox {margin: 0 0 0 25px }

label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

label input { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

label textarea { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	height:100px; overflow:auto; 
	}

.submit { width: 91px; margin-left: 182px; margin-top: 24px; border: none; }
.submit-contact { width: 91px; margin-left: 40px; margin-top: 20px; border: none; }
.submit_consult { width: 115px; margin-top: 15px; margin-left: 150px; border: none;}
.submitmain { width: 97px; margin-left: 300px; margin-top: 100px; border: none;}

.rightpad {padding-right: 180px; text-align: right; font-size: 11px; padding-bottom: 15px;}

#innerfooter-left {float:left; width:820px; height:75px; margin: 0; padding: 12px 0 0 0;}
#innerfooter-right {float:right; width: 140px; margin-right:30px; height:75px; color: #c3a47d;}

.floatR {
	float: right;
}

.floatL {
	float: left;
}

/* -------------------care credit calculator-------------------------- */
 #calculator_small { width:250px; margin: 15px 0 0 61px; padding:0 0 0 0; background: url(http://carecredit.com/payment_calculator/images_small/calc_body-bgrd.gif) repeat-y top left;}
 #searchArea { width:220px; margin:0 0 0 12px; padding:0 0 0 0;}

/* -------------------navigation-------------------------- */
#navcontain { width: 1000x; height: 29px; }


#nav { 
	background: url(../images/index/nav.jpg) no-repeat; 
	width:1000px; 
	height:29px; 
	position:relative;
	z-index: 999;
	font-family: Arial;
	margin: 0px;

	}

#nav span { display: none; margin: 0px;}

#nav li, #nav a { height: 29px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline; text-align: left;}

#nav-01 { width: 72px; left:11px; padding-left: 11px; }
#nav-02 { width: 97px; left:83px; }
#nav-03 { width: 117px; left:180px; }
#nav-04 { width: 96px; left:297px; }
#nav-05 { width: 93px; left:393px; }
#nav-06 { width: 127px; left:486px; }
#nav-07 { width: 116px; left:613px; }
#nav-08 { width: 99px; left:729px; }
#nav-09 { width: 61px; left:828px; }
#nav-10 { width: 111px; left:889px; }

#nav-01 a:hover {background: transparent url(../images/index/nav.jpg) -11px -29px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/index/nav.jpg) -83px -29px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/nav.jpg) -180px -29px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/nav.jpg) -297px -29px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/nav.jpg) -393px -29px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/nav.jpg) -486px -29px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/index/nav.jpg) -613px -29px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/index/nav.jpg) -729px -29px no-repeat;}
#nav-09 a:hover {background: transparent url(../images/index/nav.jpg) -828px -29px no-repeat;}
#nav-10 a:hover {background: transparent url(../images/index/nav.jpg) -889px -29px no-repeat;}


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#ede0bb;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index:1;
	}

#nav li ul li { 
	height:22px; 				/* Height of each drop down nav item */
	border:1px solid #faf2de;
	border-top:none;
	}	

#nav li ul li a {
	width:100%;
	height:22px;				/* Height of each drop down nav item, should match above */
	line-height:22px;			/* Height of each drop down nav item again, should match above */
	color:#715a3c;
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	font-weight: bold;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-08 ul a:hover, #nav-10 ul a:hover { 
	background-image:none;
	background-color:#dd9450;
	color:#FFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:155px; }

#nav-03 ul, #nav-03 li { width:160px; }

#nav-04 ul, #nav-04 li { width:210px; }

#nav-05 ul, #nav-05 li { width:92px; }

#nav-08 ul, #nav-08 li { width:132px; }

#nav-10 ul, #nav-10 li { width:120px; }



#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 160px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}


/* -------------------procedure buttons-------------------------- */
#buttoncontain { width: 1000px; height: 122px; float: left;}

#button {
	width:1000px;
	height:122px;
	position:relative;
	z-index: 10;
	font-family: Arial;
	margin: 0px;
	background-image: url(../images/index/button.jpg);
	background-repeat: no-repeat;
	}

#button span { display: none; margin: 0px;}

#button li, #button a { height: 122px; display: block; margin: 0px;}

#button li { float: left; list-style: none; display: inline; }

#button-01 { width: 209px; left:0px;}
#button-02 { width: 194px; left:209px;}
#button-03 { width: 193px; left:403px;}
#button-04 { width: 195px; left:596px;}
#button-05 { width: 209px; left:791px;}

#button-01 a:hover {background: transparent url(../images/index/button.jpg) 0px -122px no-repeat;}
#button-02 a:hover {background: transparent url(../images/index/button.jpg) -209px -122px no-repeat;}
#button-03 a:hover {background: transparent url(../images/index/button.jpg) -403px -122px no-repeat;}
#button-04 a:hover {background: transparent url(../images/index/button.jpg) -596px -122px no-repeat;}
#button-05 a:hover {background: transparent url(../images/index/button.jpg) -791px -122px no-repeat;}
#undrlne p {text-align:center!important;}
#undrlne a {text-decoration:underline!important;}
.current-specials-logos {display:block;width:225px;float:right;}
.current-specials-logos img {margin:10px 35px 10px 0;}

/* -------------------plastic surgery through the ages buttons on homepage-------------------------- */

div#ages-slider {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/index/ages-bg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    height: 140px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 534px;
}
div#ages-slider ul {
    display: block;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0px;
    padding-right: 0;
    padding-top: 15px;
    width: 557px;
}
div#ages-slider ul li {
    display: block;
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 29px;
}
div#ages-slider ul li a {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/index/ages-sprite.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 87px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 19px;
    text-indent: -9999em;
    width: 65px;
}
div#ages-slider ul li a.showing {
    width: 300px;
}
div#ages-slider ul li a:hover {
    width: 300px;
}
div#ages-slider ul li a#show-teen {
    background-position: 0 0;
    margin-left: 27px;
}
div#ages-slider ul li a#show-20 {
    background-position: -300px 0;
}
div#ages-slider ul li a#show-30 {
    background-position: -600px 0;
}
div#ages-slider ul li a#show-40 {
    background-position: -900px 0;
}
div#ages-slider ul li a#show-50 {
    background-position: -1200px 0;
}