/* -------------------------------------
/*  html, body
/* -------------------------------------*/

*/
* {padding: 0; margin: 0;}


html {
	background:				#333436 url(images/container_bg.jpg) center top;
	color:					#333436;
	font:					76% Arial, Helvetica, sans-serif;
	text-align:				center;	
}


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

body {
	
	text-align: 			left;
	width:					1001px;
	margin:					0 auto;
	line-height:			1em;
}

/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}

img {
	margin:					0;
	padding:				0;
	border:					0;
	color: #CA2D92;
}

ul {
	list-style:				none;
}

a { color:					#888888;
	outline:				0;
}


.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}


.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		


/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link, a:visited, a:hover, a:active {
	color:					#888888;
	text-decoration:		none;

}

a:hover {
	text-decoration:		underline;
	color:					#e84fb1;
	font-size: 14px;
}


h1 { font:	arial,georgia, serif;
	font-size:22px;
	font-weight:bold;
	color:#faa71b;
	line-height:27px
}

h2 {font:	arial,georgia, serif;
	font-size:18px;
	font-weight:bold;
	line-height:21px;
	color:#2f4458;
}

h3 {
font: 					arial,georgia, serif;
	font-size:				12px;
	padding:				5px 10px 10px 10px;
	margin:					0;
	line-height:            15px;
	color: 					#000000;
	line-height:			1.4em;
}



h4 {font:	arial,georgia, serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	line-height:15px;
}

h5 {font:	"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#000000;
	line-height:12px;
}


h6 {font: 					arial,georgia, serif;
	font-size:				11.2px;
	padding:				5px 10px 10px 10px;
	margin:					0;
	line-height:            15px;
	color: 					#000000;
	line-height:			1em;

}


/* -------------------------------------
/*  Positioning and Size
/* -------------------------------------*/

#main{

background:				url(images/container.jpg) no-repeat center top;
width:      			1001px;
height:					315px;

}

#wrapper {
		margin: 0 auto;
		width: 1001px;
		height: 315px;
		}

/*-------------------------------------	
 	Logo Elements
---------------------------------------*/

#logo {
	background:				url(images/logo.png) center top;
	float:					left;
	height:					137px;
	width:                  392px;
	margin:					10px 0 5px 0;
	text-decoration:	none;
}

#logo a:link, #logo a:hover, #logo a:visited, #logo a:active { text-decoration:	none; }




/*-------------------------------------
 	Content
---------------------------------------*/

#wrapperWhit {
	float: 				left;
	width: 				755px;
	height: 			100%;
	margin-top:			10px;
	background:			transparent url(images/content_top.png) top left no-repeat;
}


#wrapperWhit #content {
	width:					755px;
	padding-left:			10px;
	padding-right:			10px;
	margin-top:				8px;
	background:				url(images/content_bg1.png) top left repeat-y;
}

#content {
	width: 755px;
	margin-top: -50px;


}




/* #wrapperWhit #shell {
	background:				transparent url(images/wrapper_column.png) top left repeat-y;
}*/



/* #content {
	float: 				left;
	width: 				755px;
	height: 			226px;
	margin-top:			50px;
	padding-bottom:		26px;
	background:			transparent url(images/wrapper_column_top.png) top left no-repeat;
} */




#contentBox {
	width: 				710px;
	height: 			auto;
	text-align:			justify;

}


#contentBox p{
	font: 					arial,georgia, serif;
	font-size:				11.2px;
	padding:				5px 10px 10px 10px;
	margin:					0;
	line-height:            15px;
	color: 					#333;
	line-height:			1.4em;
	text-align: justify;
}

.bullets {font: 					arial,georgia, serif;
	font-size:				11.2px;
	padding:				2px 0px 2px 10px;
	margin:					0;
	color: 					#000000;
	line-height:			1em;

}


#hometop {
	width:					150px;
	margin-left:			-20px;


}

#doc
{
	width: 				710px;
	padding:			5px 10px 10px 10px;
}

.botoxbox1

{
	background:			url(images/botox_homebg.png);
	background-repeat:	no-repeat;
	width: 				220px;
	height:				189px;
	margin:				15px 0px 10px 0px;
	border: 			1px;
	border-color:		#666666;

}

.biobox

{
	background:			url(images/bio_homebg.png);
	background-repeat:	no-repeat;
	width: 				220px;
	height:				189px;
	margin:				15px 0px 10px 0px;
	border: 			1px;
	border-color:		#666666;

}


.latissebox

{
	background:			url(images/latisse_homebg.png);
	background-repeat:	no-repeat;
	width: 				220px;
	height:				189px;
	margin:				15px 0px 10px 0px;
	border: 			1px;
	border-color:		#666666;

}

.promo

{
margin:				15px 0px 10px 0px;
	width: 				173px;
	height:				181px;

}

.boxtext{
	font: 					arial,georgia, serif;
	font-size:				11px;
	padding:				19px 10px 10px 10px;
	margin:					3px;
	line-height:            15px;
	color: 					#000000;
	line-height:			1.2em;

}

.docpic

{
	background:			url(images/dr_bg.jpg) top left repeat-y;
	width: 				163px;
	height:				auto;
	float:				left;
	clear:				right;
	margin:				10px 0px 10px 0px;
	
}	

#dotted
{
margin-top:0px;
margin-left:-10px;
border-bottom-width:700px;
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:dotted;
}

#dotted2
{
margin-top:0px;
margin-left:-10px;
border-bottom-width:700px;
border-bottom:1px;
border-bottom-color:#555555;
border-bottom-style:dotted;
}

.doccontent
{
	width: 				430px;
	float:				right;
	margin-right:		8px;

}

.doccontent1
{
	width: 				550px;
	float:				right;
	margin-right:		8px;

}

.sidebar{
	background:				transparent url(images/side_bar.png) no-repeat top;
	width:					243px;
	height:					500px;
	margin-top:				140px;
	padding-bottom:			15px;
	float:					right;
	
	}	
	
.sidelist{
	text-align: 			left;
	color:					#aaa9a9;
	margin-top:				50px;
	font-family:			Arial Narrow, Helvetica, sans-serif;
	font-style:				italic;
	font-size:				13px;
	font-weight:			300;
	line-height:			15px;
	}	
	
	
.addthis

{

	margin-right: 			40px;
	margin-top:				15px;
	height:					16px;
}
/*-------------------------------------
 	Footer
---------------------------------------*/	


#footer {
	position: relative;
	background:			transparent url(images/footer.png) bottom left no-repeat;
	height: 126px;
	clear:right;
	width: 741px;
	overflow: auto;
	margin-top: -28px;
}

#footertext{
	font: 					arial,georgia, serif;
	font-size:				11.2px;
	padding:				5px 10px 10px 20px;
	margin:					0;
	line-height:            15px;
	color: 					#000000;
	line-height:			1.4em;

}




/*-------------------------------------
 	Right Side Panel for Services
---------------------------------------*/	

#sidepanel {
	background:				transparent url(images/t.gif) repeat center top;
	width:					225px;
	height:					500px;
	margin-top:				210px;
	padding-bottom:			15px;
	float:					right;
}


#sidepanel h1 {
	font:	"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#cccccc;
	line-height:16px;
}


#sidepanel p {
	font:	"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#eeeeee;
	line-height:12px;
}


/*-------------------------------------
 	Contactus
---------------------------------------*/	

#contactbg{
	background:			url(images/contact_bg.png) top left no-repeat;
	width:				543px;
	height:				1000px;
}


#contact
{
	width:					550px;
	height:					500px;
	margin-top:				140px;
	padding-bottom:			15px;
	float:					right;
	}	

.contacttext{
	font: 					arial,georgia, serif;
	font-size:				11.2px;
	padding:				5px 10px 10px 20px;
	margin-left:			-20px;
	line-height:            15px;
	color: 					#000000;
	line-height:			1.4em;
	width:					600px;
}



#contactform
{
width: 600px;
margin-top: 0px;
margin-left:10px;
background:			url(images/form_bg.png) top left repeat-x;

  
  }
  

/*-------------------------------------
 	Botox
---------------------------------------*/	  
  
#botoxbg{
	background:			url(images/botox_top.png) top left no-repeat;
	width:				730px;
	height:				260px;
}

.botoxcontent

{
	background:			url(images/botox_infobg.png);
	background-repeat:	no-repeat;
	width: 				685px;
	height:				194px;
	margin:				15px 0px 10px 0px;
	border: 			1px;
	border-color:		#666666;

}

.botoinfo{
	font: 					arial,georgia, serif;
	width:					520px;
	font-size:				11.2px;
	padding:				15px 10px 10px 10px;
	margin-left:			150px;
	line-height:            15px;
	color: 					#ffffff;
	line-height:			1.4em;

}


.dermalinfo{
	font: 					arial,georgia, serif;
	width:					675px;
	font-size:				11.2px;
	padding:				15px 15px 10px 10px;
	margin-left:			0px;
	line-height:            15px;
	color: 					#ffffff;
	line-height:			1.4em;

}



/*-------------------------------------
 	Bioidentical Hormones
---------------------------------------*/	  

#biodentbg{
	background:			url(images/bioidentical_bg.png) top left no-repeat;
	width:				730px;
	height:				260px;
}

.biodentinfo{
	font: 					arial,georgia, serif;
	width:					400px;
	font-size:				11.2px;
	padding:				15px 10px 10px 10px;
	margin-left:			267px;
	line-height:            15px;
	color: 					#555555;
	line-height:			1.4em;

}


/*-------------------------------------
 	Facial
---------------------------------------*/	 
.facialinfo
{
	width: 				500px;
	float:				right;
	margin-right:		8px;
}

.facialtop
{
	width:					257px;
	margin-left:			-20px;	
	
}
	

.microderminfo
{
	width: 				580px;
	float:				right;
	margin-right:		8px;
}

.weightloss
{
	width: 				560px;
	float:				right;
	margin-right:		8px;
	
	}


.seriessetop
{
	width: 				229px;
	float:				left;
	
	}