/*website colors*/

/*dark blue in text, header, footer  #5088c1*/
/*darker blue in header #497eb5*/
/*med Blue  #6da0d3*/
/*light Blue  #b0cdec*/
/*blue for links #38699e*/
/*cursive font is dear joe*/
/*futura family*/
/*body font is #504c4c*/
/*regular photos (not nav) are 6 white border, 1 light blue border*/
/*contact form inside is #e2edf8*/
     

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

* {margin:0;padding:0;} 

html, body, #wrap {height: auto;}


#main {padding-bottom: 101px;}  /* must be same height as the footer */

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-size: 12px;
	line-height: 1.3em;
	color: #504c4c;}
    
    
  
  
/* images */
img {border:none; }

img.left{padding:3px 15px 3px 3px;
float:left;
border:none; }

img.right{padding:5px;
float:right;
border:none; }
         
img.titles{
padding-bottom:5px;
border:none;}

img.titlesindex{
padding-bottom:5px; 
margin-top:8px; 
border:none;}

img.borders{padding:5px; } 

img.leftside{padding:5px;
margin:0px 0px 0px 0px; } 

img.rightside{padding:5px;
margin:-188px 0px 0px 410px;  
clear:both;} 



/* tables */
table.search{
border:0px; }


table.gallery{
border:0px;
width:800px; }





/* header */
#header {
	position: relative;
	width: 852px;
	margin: 0px auto;
	padding: 13px 0px 0px 0px;
	text-align: left;} 
    
    
 #header_image {
	position: absolute;
	height: 500px;
    text-align: left;
	margin: 0px auto;
	padding: 0px;
	position: relative;
    top:-20px;
	z-index:1;} 
    
    
#logo {
margin-left: 7px; }

#phone {
	position: absolute;
	top: 83px;
	right: 25px;
	width: 281px;
	text-align: right;}
    
#search{
position: absolute;
top: 10px;
right: 22px;
width: 281px;
text-align: right;}
    
    
#phone p {
	font-size: 16px;
	margin:10px 0px 0px 0px;}

/* end header */

    
    
    
    
    
   /*START Left CONTENT*/ 
     
#leftcontent{
float:left; 
width:588px;
padding:5px 5px 5px 5px;
margin-top:-55px;
overflow: hidden;
padding-bottom: 150px;
}

 
    
p.content{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-size: 12px;
line-height: 1.5em;
margin-top: 0em;
margin-bottom: 1.2em;
color: #312d2d;}



p.italics{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-size: 10px;
line-height: 1.5em;
margin-top: 0em;
margin-bottom: 1.2em;
color: #312d2d;
font-style:italic;}

p.fineprint{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px; }
   
strong{ 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #312d2d;
font-weight:bold;}


strong.italics{ 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #312d2d;
font-weight:bold;
font-style:italic;}

span.sub{
vertical-align:sub;
font-size:smaller; }


h2{
color: #5088c1;
font-size:1.5em;
margin-bottom:6px; 
margin-top:4px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
border:none;}


h4{
color: #000000;
margin-bottom: .2em;
margin-top: 1.2em;
text-transform:uppercase;}

h3{
color: #5088c1;
margin-bottom: .75em;
margin-top: 1.2em;}

h3.dropcap:first-letter{
font-weight:bolder; color:#EB84AE; margin-right: 4px; clear:left; font-size:larger; margin-bottom: 0px; }

h3.know{
color: #5088c1;
margin-bottom: .5em;
margin-top: .5em;}


h3.postop{
color: #5088c1;
margin-bottom: .3em;
text-transform:uppercase;}

h3.breast{
color: #5088c1;
margin-bottom: .2em;
text-transform:capitalize;}

h3.body{
color: #5088c1;
margin-bottom: .2em;}

h3.mommy{
color: #5088c1;
margin-bottom: .2em;}

h3.lipo{
color: #5088c1;
margin-bottom: .2em;}

h3.face{
color: #5088c1;
margin-bottom: .2em;}



h3.patient{
color: #ffffff;
margin-top: .75em;
margin-bottom: .75em;
line-height:2em;
background-image:url(images/line.png);}


li.patient{
list-style-image:url('images/bullet.png');
margin-left:40px;
margin-top:8px;
margin-bottom:8px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color:#5088c1;}



ul.content{
 margin-left:60px;
 margin-top:-10px;
 margin-bottom:10px;}
 
 ul.docs{
 margin-left:40px;
 margin-top:-10px;
 margin-bottom:10px;
line-height: 1.5em;}


li.docs{list-style-image:url('images/bullet.png') }

ul.box{
 margin-left:40px;
 margin-top:-10px;
 margin-bottom:10px;
 line-height: 1.5em;
 list-style-type:disc;
 color: #312d2d; } /** suncare box **/ 



li span {color: #504c4c;}
li spana {color: #312d2d;}/** suncare box **/ 
 
      
     
blockquote {
	font:italic 1.25em/1.2 georgia, serif;
	width:90%;
	color:#504c4c;
	position:relative;
   	clear:both;
	margin:1em;
    border-top: 1px solid #5088c1;
    padding-top:3px;
    padding-bottom:3px;
    border-bottom: 1px solid #5088c1;}
    
blockquote span.left, blockquote span.right {
	color:#5088c1;
	font-size:3em;
	position:absolute;}
    
blockquote div {
	display:inline;}
    
blockquote span.left {
	top:-.2em;
	left:-.5em;}
    
blockquote span.left {
	right:0;
	bottom:0;}
    
strong.blockquote
{color:#5088c1;
font-size:1em;
font-weight:400;}

#map { width: 425px; height: 350px; margin:12px 0px 12px 0px; border:1px solid #497db5; }



#outerBox{background: none; border: 1px solid #5088c1; padding: 2px; margin:0 0 5px 0;width:535px;}
#innerBox{background: #b0cdec; padding: 5px; margin:0;}


.outerBox{background: none; border: 1px solid #5088c1; padding: 2px; margin:0 0 5px 0;width:535px;}
.innerBox{background: #b0cdec; padding: 5px; margin:0;}


p.injectables{border-bottom:1px solid #5088c1;
margin-top:10px;
margin-bottom:2px;}

p.photogallery{border-bottom:10px solid #b0cdec;
margin-top:10px;
margin-left:0px;
margin-bottom:10px;
width:792px;
}



a img, img { border: none; text-decoration: none; }

a, a:link, a:visited, a:active {
	color: #5088c1;
    font-weight:bold;
    text-decoration:none;}
    
a.left:hover {
	color: #38699e;
	text-decoration: underline;}
 

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


     /** end left CONTENT **/ 
    
    
     /** videopage procedures box on breast, body, face, lipo, skin**/ 
          
.proceduresview{
position:absolute;
background-repeat:no-repeat;
background-image:url(images/movie_back.png);
height: 207px;
width: 350px;
padding-top: 50px;
padding-left: 0px;}



	     
 /** videopage **/ 

img.video{padding:0px;}
ul.video
{margin-top:2px; 
width: 255px;
padding: 0px;
margin: 0px;
}
    
img.play { 
position: absolute; 
right: 0px; 
top: 8px;
margin: 0px 0px 0px 0px;}

div.float {
  float: left;
padding:0px;
  }
  
  div.floatright {
  float: right;
padding-left:0px;
 }


li.video{
list-style-type:none;
padding:10px;
padding-left:0px;
margin-left:0px;
line-height:1em; 
width:255px;
text-align: left;
position: relative;}

#leftcontentvideo{
float:left; 
width:820px;
padding:0px;
margin-top:2px;}



#leftcontentvideopage{
float:left; 
width:820px;
padding:5px 5px 5px 5px;
margin-top:-55px;} /** text and title at top of page **/

    
    /** videopage **/    
    
    
    
        
    /** obagipage **/  
    #leftcontentobagipage{
float:left; 
width:650px;
padding:5px 5px 5px 5px;
margin-top:-55px;}  
        
    /** obagipage **/  
    
        /** natrellepage **/  
    #leftcontentnatrellepage{
float:left; 
width:800px;
margin-top:-55px;}  
        
    /** natrellepage **/ 
    
    
    
    
    /*contact form*/


#contactform { margin: 0px;
padding:0px; }

#contactform label {
	display: block;
	margin: 0px 0px 8px 0px;
	padding: 0px;}

#contactform label input {
	background-color: #e2edf8;
	border: 1px solid #497eb5;
	padding: 2px;
	line-height: 1.3em;
	color: #497eb5;
	margin: 0px;
	width: 525px;}

#contactform label textarea {
	background-color: #e2edf8;
	border: 1px solid #497eb5;
	padding: 2px;
	line-height: 1.3em;
	color: #497eb5;
	margin: 0px;
	width: 525px;
	height: 55px;}

    
    
/*CSS Sticky Footer*/


	
#footer {
	position: relative;
	width: 100%;
	margin-top: -101px; /* negative value of footer height */
    height: 101px;
	clear:both;
	padding: 35px 0px 5px 0px;
	text-align: center;
	background-color: #5088c1;
    background-image: url(images/footer.png);
	background-repeat: repeat-x;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;}
    
#footer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;}

#footer ul li {
	display: inline;
	list-style-type: none;
	color: #FFFFFF;
	margin: 4px;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

    
    
    /* CLEAR FIX* from stickyfooter guy/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

















/* formsearch */ 
form.search{
padding:2px 2px 20px 52px;}

input.search{
width: 150px;
background-color: #b0cdec;
border: 1px solid #497eb5;
padding: 2px;
line-height: 1.3em;
color: #497eb5;
margin: 0px;
margin-left:7px;}

input.buttonsearch{
width: 50px;
background-color: #497eb5;
border: 1px solid #b0cdec;
padding: 2px;
line-height: 1.3em;
color: #b0cdec;
margin: 0px;}

 /* end */ 




 
 p.gallery{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-size: 12px;
line-height: 1.3em;
margin-top: 0em;
margin-bottom: 0em;
color: #312d2d;}