/* -------------- CSS DOCUMENT -------------------*/		


/* -------------- HEAD -------------------*/	
		
:active  {
outline: none;
}

:focus  {
-moz-outline-style: none;
}




		body { 
			background-repeat:repeat-x;
			background-color: #e7e1ef;
			text-align: center;	
			margin: 0 auto;
			}
			
		a {text-decoration: none;}	
			
		div#container {
			margin-left: auto;
			margin-right: auto;
			margin-top: 27px;
			margin-bottom: 12px;
			width: 804px;
			height: 812px;
			background-image: url(images/bg_rounded.gif);
			background-repeat: no repeat;
			text-align: left;
			}	
			
		div#header {
			width: 804px;
			height: 146px;
			background-image: url(images/header_full_round3.jpg);
			background-repeat: no-repeat;
			margin: 0 none;
			padding: 0 none;
			}
			
		div#headerHome {
			width: 804px;
			height: 146px;
			background-image: url(images/header_full_round.jpg);
			background-repeat: no-repeat;
			margin: 0 none;
			padding: 0 none;
			}
			
		div#header #flash_head {
			width: 236px;
			height: 146px;
			border: none;
			float: left;
			margin: none 0;
			padding: none 0;
			}
			
		div#headerHome #flash_head {
			width: 236px;
			height: 146px;
			border: none;
			float: left;
			margin: none 0;
			padding: none 0;
			}
			
		div#header_nav{
			margin: none 0;
			border: none 0;
			padding: none 0;
			position: relative;
			width: 564px;
			height: 20px;
			float: right;
			top: 122px;
			}
			
		div#header_nav2{
			margin: none 0;
			border: none 0;
			padding: none 0;
			position: relative;
			width: 564px;
			top: 122px;
			height: 20px;
			float: right;
			}
			
		div#header_nav3{
			margin: none 0;
			border: none 0;
			padding: none 0;
			position: relative;
			width: 564px;
			top: 87px;
			height: 20px;
			float: right;
			}
			
		div#spanish{
			margin-top: 12px;
			margin-right: 20px;
			float: right;
			top: 222px;
			left: 450px;
			}
			
		div#headerHome_nav2{
			margin: none 0;
			border: none 0;
			padding: none 0;
			position: relative;
			width: 564px;
			top: 122px;
			height: 20px;
			float: right;
			}
			
		div#header img {
			display: inline;
			}
			
			
/* -------------- LEFT COLUMN -------------------*/	

		div#leftCol {
			float: left;
			height: 654px;
			width: 249px;
			border: none 0;
			}
			
		#leftCol #services {
			border: none 0;
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 244px;
			height: 187px;
			top: 0px;
			background-image: url(images/services_box.jpg);
			background-repeat: no-repeat;
			}
				
		#leftCol #monthly {
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 244px;
			height: 272px;
			background-image: url(images/monthly_box.jpg);
			background-repeat: no-repeat;
			}
			
		#leftCol #monthly2 {
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 244px;
			height: 407px;
			background-image: url(images/genDerm_box.jpg);
			background-repeat: no-repeat;
			}
			
		#leftCol #monthly3 {
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 244px;
			height: 407px;
			background-image: url(images/laserTreat_box.jpg);
			background-repeat: no-repeat;
			}
			
		#leftCol #features {
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 244px;
			height: 407px;
			}
			
		#leftCol #faq {
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 244px;
			height: 407px;
			background-image: url(images/faq_box.jpg);
			background-repeat: no-repeat;
			}
			
		#leftCol #moreInfo {
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 244px;
			height: 206px;
			background-image: url(images/moreInfo_box_round.jpg);
			background-repeat: no-repeat;
			text-align: right;
			}
			
		#leftCol #moreInfo2 {
			margin: 0px 0px 0px 3px;
			padding: 0 none;
			width: 224px;
			height: 76px;
			text-align: right;
			}
			
		.contactus{
				font-family: "Gill Sans", Verdana, Helvetica, sans-serif;
				color: #0099c1;
				padding-top: 107px;
				padding-right: 36px;
				font-size: 12px;
				line-height: 18px;
				}
				
		.contactus a{
				color: #0099c1;
				}
				
		.contactus a:hover {
				color: #4f2683;
				}
				
		.contactus2 {
				font-family: "Gill Sans", Verdana, Helvetica, sans-serif;
				color: #4f2683;
				font-size: 12px;
				line-height: 18px;
				}
				
		.contactus2 a {
				color: #4f2683;
				}
				
		.contactus2 a:hover{
				color: #0099c1;
				}
				
		.dermOptions {
	position: relative;
	left: 33px;
	font-family: "Gill Sans", Verdana, Helvetica, sans-serif;
	color: #4f2683;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	top: 60px;
				}
				
		.dermOptions a {
				color: #555;
				}
				
		.dermOptions a:hover {
				color: #4f2683;
				}
				
		.spaOptions {
				position: relative;
				margin: 0 none;
				padding: 0 none;
				top: 68px;
				left: 33px;
				font-family: "Gill Sans", Verdana, Helvetica, sans-serif;
				color: #4f2683;
				font-size: 12px;
				line-height: 22px;
				}
				
		.spaOptions a {
				color: #555;
				}
				
		.spaOptions a:hover {
				color: #4f2683;
				}
				
		.statement {
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #4f2683;
				text-align: left;
				line-height: 18px;
				}
				
		.topic {
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #0099c1;
				text-align: left;
				line-height: 22px;
				}
				
		div#monthly .artefill {
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				color: #0099c1;
				text-align: left;
				padding-top: 160px;
				margin-left: 29px;
				margin-right: 29px;
				line-height: 16px;
				}
				
		div#monthly .read {
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				color: #0099c1;
				text-align: left;
				padding-top: 10px;
				margin-left: 125px;
				margin-right: 25px;
				line-height: 16px;
			}
			
		div#monthly .read a {
				color: #0099c1;
				}
				
		div#monthly .read a:hover {
				color: #4f2683;
				}


/* -------------- MAIN COLUMN -------------------*/	

			div#mainCol {
				float: left;
				width: 555px;
				height: 585px;
				border: none 0;
				}
				
			#mainCol #tagline {
				width: 538px;
				height: 157px;
				margin: 8px 3px 3px 3px;
				}
				
#mainCol #ShopContent {
	width: 538px;
	height: 496px;
	margin: 16px 3px 3px 3px;
	background-image: url(images/shop_bg.jpg);
	background-repeat: no-repeat;

				}











			#mainCol #mainContent {
				width: 538px;
				height: 496px;
				margin: 16px 3px 3px 3px;
				background-image: url(images/contentBox.gif);
				background-repeat: no-repeat;
				}
				
			#mainCol h1 {
				margin: none 0;
				padding-left: 22px;
				padding-top: 0px;
				padding-right: 30px;
				padding-bottom: 0px;
				font-family: arial;
				font-size: 12px;
				color: #4f2683;
				line-height: 14px;
				}
				
			#mainCol p {
				margin: none 0;
				padding-left: 22px;
				padding-top: 0px;
				padding-right: 30px;
				padding-bottom: 0px;
				font-family: arial;
				font-size: 11px;
				color: #444;
				line-height: 14px;
				}
				
			#mainCol #doctor {
				margin: none 0;
				padding: none 0;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 11px;
				line-height: 20px;
				color: #4f2683;
				letter-spacing: 0.01em;
				border: none 0;
				}
				
			#mainCol .contactInfo {
				font-weight: bold;
				color:#4f2683;
				}
				
			#mainCol .contactInfo a {
				color:#4f2683;
				}
				
			#mainCol .contactInfo a:hover {
				color: #0099c1;
				}
				
			#mainCol form {
				width: 320px;
				float: left;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 11px;
				padding-left: 10px;
				line-height: 11px;
				padding-top: 22px;
				color: #4f2683;
				}
				
			#mainCol #phpform {
				width: 310px;
				float: left;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 11px;
				padding-left: 22px;
				line-height: 11px;
				padding-top: 22px;
				color: #4f2683;
				}
		
			#mainCol #contactinfo2 {
				width: 200px;
				margin-top: 20px;
				line-height: 20px;
				padding: none 0;
				float: right;
				}
#mainContent #contactinfo2 img {
	margin-left: 20px;
}

				
			
				
/* -------------- FOOTER -------------------*/	


			p#footer {
				margin: none 0;
				padding: none 0;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 10px;
				color: #4f2683;
				letter-spacing: 0.01em;
				}
				
			p#footer a {
				color: #4f2683;
				text-decoration: none;
				margin: none 0;
				padding: none 0;
				}
				
			p#footer a:hover {
				color: #888;
				}




	#leftCol #ShopNav {
			margin: 0px 0px 0px 3px;
			padding: 0 0px;
			width: 244px;
			height: 407px;
			background-image: url(images/cart_nav_bg.jpg);
			background-repeat: no-repeat;
			}
