/*MAIN ELEMENT STYLES*/

body {background:#BCD0D1; margin: 0; color: #3f3f3f; font-family: arial, sans-serif; font-size: 80%; padding: 0;}

html, body, table {height: 100%;}
	
a {color: #3f3f3f; text-decoration: none;}
	
a:visited {color: #3f3f3f;}
	
a:hover {color: #990000;}
	
img {border: 0;}


/*BODY STYLES*/

#wrapper {background: #D8E0E1 url(images/background-revised.jpg) 0 0 no-repeat; width:800px; margin:0 auto; border-top:10px solid #BCD0D1; border-bottom:10px solid #BCD0D1; padding:0;padding-top: 33px;}

#mainContent { background: #fff url(images/content-background-alternate.jpg) 0 0 no-repeat; width:691px; min-height:526px; margin: 0 auto;border: 1px dotted #990000; border-right:2px solid #990000; border-top: 2px solid #990000;}

#mainContentContact { background: #fff url(images/contact-background.jpg) 0 0 no-repeat; width:691px; min-height:526px; margin: 0 auto;border: 1px dashed #990000;}
	
#vertLine{background:transparent url(images/line.jpg) 184px 0 repeat-y; 
	width:691px;
	min-height:526px;
	margin: 0 0 -10px 0;
	}
	
#vertLineAlt{background:transparent url(images/line.jpg) 184px 0 repeat-y; 
	width:691px;
	min-height:526px;
	margin: 0 0 0 0;
	}

#vertLineLong{background:transparent url(images/line.jpg) 184px 0 repeat-y; 
	width:691px;
	min-height:526px;
	margin: 0 0 30 0;
	}

/*CONTENT STYLES*/	
#header{
	color:#990000; 
	font-size:10pt;
	text-align:center;
	padding:0 10px 10px 0;
	border-bottom: 1px dotted #333;
	}	
#homeSubhead{
	text-align:center;
	font-size:10pt;}	
#homeContent{
	font-size:9pt;
	width: 494px;
	position: relative; top: -100px; left: 195px;}	
#homeContent p{margin-left: 30px; margin-right:15px; text-align:justify;}
#homeContent li{
	list-style: none inside;
	text-size: 120%
	margin:20px 10px 0 20px;}
#blackWomanPic{float:right; margin-left: 10px;}	



/*CONTACT BOX*/
#contactBox{background:#D5E5E5; border:2px solid #333; width:194px;
	position:relative; top: 280px; left: 20px; z-index:1; padding: 10px 0;}
#contactBox p{text-align: center; font-size: 10pt; padding-top:-20px; padding-bottom:10px;}
#byAppointment{color:#990000; clear: both;}
#contactInfo{margin-top:-20px;}

.clear {clear: both}


/*FOOTER*/
#footer{#D8EDF1; margin: 0; padding:0; height:30px;}
#footer p{ font-size:7pt; text-align:center; color:#666;}


/*SERVICES PAGES*/
.aboutList{font-size: 130%; text-decoration: underline; margin-left:40px;}
.services {font-size: 120%; text-align:center; text-decoration: bold; padding-top:10px;}
#hairSubtext p{text-align:center;}
#photoLink p{text-align:right; padding-right:20px; padding-top:30px; color: #900; font-size:14px; text-decoration:underline;}
#photoLink a{color: #990000;}



/*TEAM PAGE*/
#bios{width:350px; font-size:95%; float:right;}
.noPhoto{margin: 50px 0 70px 30px;}
.noPhotoJuan{margin: 50px 0 0 30px;}
#juan{padding-top:20px;}
#peggyPhoto{border: 1px solid #333;}
#juanPhoto{border: 1px solid #333;}


/*LOCATION PAGE*/
#location{text-align: center;}
.directions{font-size:90%;}
#map{margin-left:100px;}


/*TESTIMONIALS PAGE*/
.quote{font-style:italic; font-size:110%;}
.byLine{font-size:100%; margin-left:500px;}


/*CONTACT PAGE*/
#contactPage{margin-top:20px;}
#contactText{margin:30px 40px 0 30px;}
#contactText p{text-align:center; padding-right:10px;padding-bottom:20px;}
#contactText a{color:#990000; text-decoration:underline;}
.redText{color:#990000; font-size: 120%; text-align:center; text-decoration: bold; padding-top:10px;}


/*LASER PAGE*/
#laserContactBox{background:#ccc; border:1px solid #333; width:194px;
	float: left; margin:80px 0 0 20px;}	
#laserContactBox p{text-align: center; font-size: 10pt;}

/*PHOTO GALLERY MAIN PAGE*/
#photoMenu a{text-decoration:underline; font-size:12pt;}
#photoMenu h2{text-decoration:none;}
#photoMenu a:hover{color:#990000;}

/*PHOTO GALLERY CLICK THROUGH PAGES*/
#photoLayout{margin-left:40px;}
#photoLayout img{margin:5px 0 0 10px; text-align:center;}
#photos img{border:1px solid #666;}
#before{float:left;}
#photosLeft{float:left;}
#photosRight{float:right; margin-right:50px;}


/*LASER THERAPY PHOTOS*/
#laserPhotos{margin-left:30px;}
#laserPhotos img{margin:5px 0; text-align:center;}
#laserPhotosLeft{float:left;}
#laserPhotosRight{float:right; margin-right:2px;}
#nextArrow{border:0; float:right;clear:both;}

/*EXTEND MAGIC PROCESS EXAMPLE*/
#photoLayoutExtendMagic{margin-left:30px;}

/*NON-SURGICAL REPLACEMENT PHOTOS*/
#moreStyles{clear:left; margin-top:20px; padding-top:20px;}
#moreStylesLeft{float:left; width:100px;}
#moreStylesRight{float:right; margin-right:50px;}