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


html, body {
	padding:0;
	margin:0;
	}


body  {
	font: 10pt Arial, Helvetica, sans-serif;
	background-image:url(images/body_bg.jpg); background-repeat:repeat-x;
	background-color:#5a442d;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444444;
	
	
}
a img {border:none;}

h1 {margin:0; padding:0;}

.thrColFixHdr #container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
	/*margin-top:-18px;*/
	background-image:url(images/maincontent_bg.jpg); background-repeat:repeat-y;
} 
.thrColFixHdr #header { 
	background-image:url(images/header.jpg); background-repeat:no-repeat; 
	width:950px; 
	padding:0px;
	height:140px;
	margin:0;
} 
.thrColFixHdr #header h1 a img {
	width:287px;
	height:89px;
	background-image:url(images/logo.jpg); background-repeat:no-repeat; background-position:0 0;
	margin-left:35px;
	/*margin-top:10px;*/
	padding:0;
	}
.thrColFixHdr #header h1 a:hover img {
	background-position:0 -90px;
	}

h1,h2,h3,h4,h5,h6 {
	color:#ca335e;
	}

.img-left {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.img-right {
	float: right;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.clear {
	clear: both;
}
/*-------------------for HOME page-----------------------------------------*/
/*-----------------------columns ---------------*/
#sidebarhome_right {
	width:260px;
	float:right;
	margin:10px 15px 0 15px;
	}


	

#sidebarhome_left {
	width:630px;
	float:left;
	margin-left:25px;
	}
	
	.banner {
	display: block;
	position: relative;
}
	
.book {
    left: 280px;
    position: absolute;
    top: 175px;
}

/*-----------------------------------------------------NAVIGATION-------------------------------------------*/
#navigation {
	height:39px;
	width:915px;
	margin-left:20px;
	/*margin-top:23px;*/
	/*margin-top:32px;*/
	margin-top:-1px;
	padding:0px;
	background-image:url(images/nav_bg.jpg); background-repeat:repeat-x;
	}
#navigation ul {
	margin-left:0px;
	padding:0;
	}
#navigation ul li{
	list-style-type:none;
	display:inline;
	}
/*------------nav graphical buttons------------*/	
#nav_home a img {
	background-image:url(images/nav_home.jpg); background-repeat:no-repeat; background-position:0 0;
	width:81px;
	height:39px;
	float:left;
	display:block;
	}
#nav_home a:hover img, #nav_home_current a:hover img {
	background-position:0 -39px;
	}
#nav_home_current a img {
	background-image:url(images/nav_home.jpg); background-repeat:no-repeat; background-position:0 -39px;
	width:81px;
	height:39px;
	float:left;
	display:block;
	
	}

	
#nav_services a img {
	background-image:url(images/nav_services.jpg); background-repeat:no-repeat; 			    background-position:0 0;
	width:86px;
	height:39px;
	float:left;
	display:block;
	}
#nav_services a:hover img, #nav_services_current a:hover img {
	background-position:0 -39px;
	}
#nav_services_current a img {
	background-image:url(images/nav_services.jpg); background-repeat:no-repeat; background-position:0 -39px;
	width:86px;
	height:39px;
	float:left;
	display:block;
	}	

		
#nav_docs a img {
	background-image:url(images/nav_docs.jpg); background-repeat:no-repeat; background-position:0 0;
	width:114px;
	height:39px;
	float:left;
	display:block;
	}
#nav_docs a:hover img, #nav_docs_current a:hover img {
	background-position:0 -39px;
	}
#nav_docs_current a img {
	background-image:url(images/nav_docs.jpg); background-repeat:no-repeat; background-position:0 -39px;
	width:114px;
	height:39px;
	float:left;
	display:block;
	}	
	

		
#nav_location a img {
	background-image:url(images/nav_location.jpg); background-repeat:no-repeat; background-position:0 0;
	width:109px;
	height:39px;
	float:left;
	display:block;
	}
#nav_location a:hover img, #nav_location_current a:hover img {
	background-position:0 -39px;
	}
#nav_location_current a img{
	background-image:url(images/nav_location.jpg); background-repeat:no-repeat; background-position:0 -39px;
	width:109px;
	height:39px;
	float:left;
	display:block;
	} 	
	
		
#nav_contact a img {
	background-image:url(images/nav_contact.jpg); background-repeat:no-repeat; background-position:0 0;
	width:103px;
	height:39px;
	float:left;
	display:block;
	}
#nav_contact a:hover img, #nav_contact_current a:hover img {
	background-position:0 -39px;
	}	
#nav_contact_current a img {
	background-image:url(images/nav_contact.jpg); background-repeat:no-repeat; background-position:0 -39px;
	width:103px;
	height:39px;
	float:left;
	display:block;
	}	
	
	
	
		
#nav_patient a img {
	background-image:url(images/nav_patient.jpg); background-repeat:no-repeat; background-position:0 0;
	width:75px;
	height:39px;
	float:left;
	display:block;
	}
#nav_patient a:hover img, #nav_patient_current a:hover img {
	background-position:0 -39px;
	}
	
#nav_patient_current a img {
	background-image:url(images/nav_patient.jpg); background-repeat:no-repeat; background-position:0 -39px;
	width:135px;
	height:39px;
	float:left;
	display:block;
	}	
		


/*-----------------------------------------CONTENT----------------------------------------------*/	
.thrColFixHdr #mainContent { 
	margin: 0px; 
	padding: 0px; 
	background-image:url(images/mainContentbgbottom.jpg); background-repeat:no-repeat; background-position:bottom;	
	min-height:530px;
} 

#mainContent p a, #contentboxinside p a, #contentboxinside li a{color:#ca335e;}
#mainContent p a:hover, #contentboxinside p a:hover, #contentboxinside li a:hover {
	background-color:#ecb5c1;
	}

/*------------calloutbox home page---------------------------------------*/
#calloutboxhome {
	width:582px;
	background-image:url(images/calloutbox_repeat.jpg); background-repeat:repeat-y;
	margin:35px 0 20px 40px;
	}
#calloutboxhome p, #calloutboxhome h2, #calloutboxhome h3, #calloutboxhome h4, #calloutboxhome h5, #calloutboxhome h6 {
	margin-left:10px;
	width:250px;
	}

.calloutlink {
	font-size:11px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.calloutextend {
	padding-top:15px;
	display:block;
	}
	
/*callouts floating left------*/
#calloutbuttons {
	width:303px;
	height:300px;
	float:right;
	margin-top:-5px;
	margin-right:10px;
	}
	
/*callout 1---------------*/
#callout1 a img {
	width:303px;
	height:100px;
	background-image:url(images/callout1.jpg); background-repeat:no-repeat; background-position:0 0;
	}
#callout1 a:hover img{
	background-position:-311px 0;
	}
/*callout 2---------------*/
#callout2 a img {
float:right;
	width:303px;
	height:100px;
	background-image:url(images/callout2.jpg); background-repeat:no-repeat; background-position:0 0;
	}
#callout2 a:hover img{
	background-position:-311px 0;
	}

/*callout 3---------------*/
#callout3 a img {
float:right;
	width:303px;
	height:100px;
	background-image:url(images/callout3.jpg); background-repeat:no-repeat; background-position:0 0;
	}
#callout3 a:hover img{
	background-position:-311px 0;
	}
/*callout 4---------------*/
#callout4 a img {
float:right;
	width:303px;
	height:100px;
	background-image:url(images/callout4.jpg); background-repeat:no-repeat; background-position:0 0;
	}
#callout4 a:hover img{
	background-position:-311px 0;
	}

/* Callouts on the RIGHT side of the home page---------------*/
#call-1-special a img {
	background-image:url(images/call-1-special.jpg); background-repeat:no-repeat; background-position:0 0;
	width:125px;
	height:100px;
	}
#call-1-special a:hover img {
 background-position:-126px 0px;
 }

#call-3-latisse a img  {
	background-image:url(images/call-3-latisse.jpg); background-repeat:no-repeat; background-position:0 0;
	width:125px;
	height:100px;
	}
#call-3-latisse a:hover img {
  background-position:-126px 0px;
 }


#call-5-gentle a img {
	background-image:url(images/call-5-gentle.jpg); background-repeat:no-repeat; background-position:0 0;
	width:125px;
	height:100px;
	}
#call-5-gentle a:hover img {
  background-position:-129px 0px;
 }


#call-2-botox a img {
	background-image:url(images/call-2-botox.jpg); background-repeat:no-repeat; background-position:0 0;
	width:125px;
	height:130px;
	}
#call-2-botox a:hover img {
 background-position:-128px 0px;
 }
#call-4-juvederm a img {
	background-image:url(images/call-4-juvederm.jpg); background-repeat:no-repeat; background-position:0 0;
	width:125px;
	height:130px;
	}
#call-4-juvederm a:hover img {
 background-position:-130px 0px;
 }
 #call-6-resurface a img {
	background-image:url(images/call-6-resurface.jpg); background-repeat:no-repeat; background-position:0 0;
	width:125px;
	height:130px;
	}
#call-6-resurface a:hover img {
 background-position:-130px 0px;
 }
 
#call-7-ocu a img  {
	background-image:url(images/call-7-ocu.jpg); background-repeat:no-repeat; background-position:0 0;
	width:125px;
	height:100px;
	}
#call-7-ocu a:hover img {
  background-position:-126px 0px;
 } 
 
 
 
 
 
 
 
 /*----------------sidebar HOME right white column---------------------------*/
 #floatright {
 float:right; 
 margin-right:75px; 
 width:50px; 
 border:1px solid white;
 }
 
/*-----------container box for the inside content------------------*/ 
 
#contentboxinside {
	width:561px;
	background-image:url(images/content-whtrptbg.jpg); background-repeat:repeat-y;
	margin:35px 0 20px 40px;
	padding-right:5px;
	}
#contentboxinside p{
	margin-left:10px;
	margin-right:5px;
	}

#contentboxinside h2, #contentboxinside h3, #contentboxinside h4, #contentboxinside h5, #contentboxinside h6 {
	margin-left:10px;
	width:500px;
	}


#subnav {
	float:right;
	margin-right:10px;
	width:150px;
	}
#subnav ul li {
	padding-bottom:5px;
	}
#subnav ul li a {
	color:#ca335e;
	}
#subnav ul li a:hover {
	background-color:#ecb5c1;
	}
 
/*---------------------------------------FOOTER-------------------------------------------------*/



.thrColFixHdr #footer {  
	padding: 0; 
	text-align:center;
	background-color:#7f6d59;
	width:916px;
	margin-left:20px;
	border-top:1px solid #7f6d59;
}



.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */	
}

.thrColFixHdr #footer ul{ 
	margin-left:-0px;
	padding-bottom:0px;
	margin-bottom:0px;	
	}
.thrColFixHdr #footer ul li {
	display:inline;
	padding-right:10px;
	}

#urls {
	padding: 10px 10px 20px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
	}

#footer a, #urls a {
	color:#444444;
	font-weight:600;
	}
#footer a:hover, #urls a:hover {
	background-color:#444444;
	color:#fff;
	}
#urls a {
	font-size:10px;
	text-transform:lowercase;
	padding-right:15px;
	}
/*---------------------------------------other styles-------------------------------------------*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 4px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.mmaline {
	font-size:10px;
	}
.noscreen {
	display:none;
	}


#contentwithsubnav {
	width:550px;
	}
td {
	vertical-align:top;
	}


a.video-btn {
	display: block;
	width: 176px;
	height: 150px;
	background: url("images/3-d.jpg") scroll top left no-repeat;
	text-indent: -9999px;
	margin-left: 10px;
}

a.video-btn:hover {
	background-position: 0 -169px;
}