/* 
 * basics
 */

  h1 { color: #fff; font-weight: normal; font-size: 24px; font-family: Georgia, serif; line-height: normal;}
  h2 { color: #d44443; font-weight: normal; font-size: 19px; line-height: normal;}
  h3 { color: #fff; font-weight: normal; font-size: 17px; line-height: normal; margin-bottom: 10px}
  h4 { color: #f7dede; font-weight: normal; font-size: 19px; line-height: normal; padding-bottom: 10px; margin: 0 0 10px 10px; border-bottom: 1px #f7dede solid}
  

  a { color: #4b8dc9; text-decoration: none;}
  a:hover { color: #e79214; text-decoration: underline;}
  ul li{ margin-bottom: 5px;}
  ol li{ list-style: decimal; margin-bottom: 5px;}

  p{ margin: 0; padding: 0 0 15px 0;}
  p img{padding: 5px;}


/* 
 * Top Navigation
 */
 
  #topNav { height: 49px; width: 720px; float: right; margin-top:30px}
  #topNav .main { margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
  #topNav li { margin:0; padding:0; list-style: none; display: inline;}
  #topNav a { float: left; padding: 49px 0 0 0; overflow: hidden; height: 0px; }
  #topNav a:hover { background-position: 0 -49px;}
  #topNav .selected{ background-position: 0 -49px;}
  #topNav-small { float: right; margin: 5px 25px 0 0}
  #topNav-small a { color: #1d616f}
  #topNav-small a:hover { text-decoration: none; color: #d44443}

  #about a { width: 138px; background: url('../images/buttons/topNav-about.png') top left no-repeat;}
  #services a { width: 142px; background: url('../images/buttons/topNav-services.png') top left no-repeat;}
  #products a { width: 148px; background: url('../images/buttons/topNav-products.png') top left no-repeat;}
  #packages a { width: 189px; background: url('../images/buttons/topNav-packages.png') top left no-repeat;}
  #home a { width: 103px; background: url('../images/buttons/topNav-home.png') top left no-repeat;}


/* 
 * Navigation
 */
 
  #mainNav { height: 36px; width: 940px; float: left; position: relative}
  #mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
  #mainNav ul { margin:0; padding:0;}
  #mainNav li { margin:0; padding:0; list-style: none; display: inline;}
  #mainNav a { float: left; padding: 36px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; }
  #mainNav a:hover { background-position: 0 -36px;}
  #mainNav .selected{ background-position: 0 -36px;}

  #aging a { width: 127px; background: url('../images/buttons/nav-aging.gif') top left no-repeat;}
  #skin a { width: 168px; background: url('../images/buttons/nav-skin.gif') top left no-repeat;}
  #laser a { width: 153px; background: url('../images/buttons/nav-laser.gif') top left no-repeat;}
  #vein a { width: 145px; background: url('../images/buttons/nav-vein.gif') top left no-repeat;}
  #weight a { width: 137px; background: url('../images/buttons/nav-weight.gif') top left no-repeat;}
  #hormone a { width: 210px; background: url('../images/buttons/nav-hormone.gif') top left no-repeat;}
  
  #staff a { width: 113px; background: url('../images/buttons/nav-staff.gif') top left no-repeat;}
  #news a { width: 92px; background: url('../images/buttons/nav-news.gif') top left no-repeat;}
  #testimonials a { width: 191px; background: url('../images/buttons/nav-testimonials.gif') top left no-repeat;}
  
  #consultation a { width: 200px; background: url('../images/buttons/nav-consult.gif') top left no-repeat;}
  #hours a { width: 172px; background: url('../images/buttons/nav-hours.gif') top left no-repeat;}
  #forms a { width: 151px; background: url('../images/buttons/nav-forms.gif') top left no-repeat;}


/*
 *dropdown menu
 */
	#mainNav { background: url(../images/buttons/nav-bg.gif) top left no-repeat}
	#mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility: hidden; display: block; top: 36px; z-index: 100; border: #d07776 2px solid; border-top: 0px; background-color: #fff}
	#mainNav #main li ul li { float: none; text-indent: 0; display: block; width: 191px; padding:5px 0 0 0;}
	#mainNav #main li ul li a{ font-weight: normal; font-size: 14px; background: url('../images/buttons/dropdown-bg.gif') bottom left no-repeat !important; padding:8px 0 12px 15px;display:block;}
	#mainNav #main #last {background-image: none !important; margin-bottom: -8px;padding-bottom:20px;}
	/*#mainNav #main #double { background-position: 0 18px !important; height: 55px}
	#mainNav #main #lastdouble { background-image: none !important; margin-bottom: 5px}*/
	
/*
 *Secondary Link
 */
 
	#mainNav #main li ul li a.sub:link { color: #7cb1ad; width: 176px; height: auto; display: block; text-decoration: none;}
	#mainNav #main li ul li a.sub:visited { color: #7cb1ad; width: 176px; height: auto; display: block; text-decoration: none; }
	#mainNav #main li ul li a.sub:hover { color: #d54445; width: 176px; height: auto; text-decoration: none;}
	#mainNav #main li ul li a.sub:active { color: #d54445; width: 176px; height: auto; display: block; text-decoration: none;}
	


/*
 *dropdown position
 */
	.agingdd{ left: 10px;}
	.skindd{ left: 125px;}
	.laserdd{ left: 293px;}
	.veindd{ left: 445px;}
	.weightdd{ left: 590px;}
	.hormonedd{ left: 728px;}

/* 
 * Layout
 */

 #background {margin: 0 auto; width: 100%; background: url(../images/structure/background.jpg) top center no-repeat}
 #tabs { width: 52px; height:510px; position: absolute; left:0;}
 #tabs a:hover{ background-position: -35px 0}
 	.twitter a{ background-image: url(../images/buttons/twitter-side.gif); background-position: left top; background-repeat: no-repeat; width: 35px; height: 117px; display:block; text-indent: -99999em;  margin-top:140px; cursor: pointer}
 	.facebook a{ background-image: url(../images/buttons/facebook-side.gif); background-position: left top; background-repeat: no-repeat; width: 35px; height: 117px; display:block; text-indent: -99999em; margin-top:5px; cursor: pointer}
 	.youtube a{ background-image: url(../images/buttons/blog-side.gif); background-position: left top; background-repeat: no-repeat; width: 35px; height: 117px;  display:block; text-indent: -99999em; margin-top:140px;}
 #wrapper{ width: 940px; margin: 0 auto; padding-bottom: 70px;}
 
  body{ background: #1f458c url('../images/structure/background-grad.jpg') repeat-x; color: #1f458c; font-size: 12px; font-family: Georgia, sans-serif; line-height: 18px;}
  
  #hd { padding: 20px 0 0 0}
  #hd span a{ background: url('../images/structure/azura-logo.png') no-repeat left top; width: 179px; height: 90px; margin-bottom: 10px; display: block; text-indent: -99999em; float: left}
  

  #container{ width: 940px; padding-bottom: 0;}
  #flashpanel { background: url(../images/structure/flashpanel.png) top left no-repeat; width: 940px; height: 337px}
  #homeLeft p{ font-size: 14px; line-height: 23px}
  #headerpanel p { margin: 0px; padding: 0px}
  #headerpanel p img{ margin: 0px; padding: 0px}
  
  #homeLeft { width: 560px; float: left; padding: 0 10px 0 10px; font-size: 15px; color: #fff; line-height: 29px; padding: 20px 0 20px 0 }
  #homeLeft h1{ margin-bottom: 10px}
  #servicesarea { background: url(../images/structure/services-bg.gif) top left no-repeat; width: 560px; height: 119px; margin-top: 22px}
  	#servicesleft { width: 210px; height:119px; float: left; }
  	#servicesleft h1{ font-size: 18px; margin: 15px 0 0 20px}
  	#servicesleft p{ font-size: 12px; margin: 10px 0 0 20px; padding-right: 10px; line-height: 20px}
  	#servicesright { width: 350px; height:119px; float: left; position: relative}
  	#servicesrightcont { width: 340px; height:119px; float: left; position: relative; background: url('../images/structure/contservices-bg.gif') top left no-repeat}
  		#servicesrightcont .panels li { margin-left: 15px}
  		.seeothers { float: right; font-size: 11px; margin-top: -5px}
  		.panels li { width: 313px; height: 119px; display: block; color: #2b5092; margin-left: 25px; padding-top: 10px}
  		.seeothers a{ color: #d7504f;}
  		.seeothers a:hover { text-decoration: none}
  		.next-btn {margin-bottom:-2px}
  		.serviceitem { width: 50%; float:left; font-size: 11px; line-height: 18px}
  		.serviceitem a:hover{ text-decoration: none; color: #d44443 }
  		.panels .items { margin-top: 20px}
  
  #homeRight { width: 340px; float: right; padding: 10px 0 20px 0}
  	#consult a{width: 340px; height: 126px; background: url(../images/banners/consult.gif) top left no-repeat; display: block; text-indent: -99999em; margin-bottom: 20px}
  	#selphyl a{width: 340px; height: 119px; background: url(../images/banners/selphyl.gif) top left no-repeat; display: block; text-indent: -99999em; margin-bottom: 20px; margin-top: 5px}
  	#special a{width: 340px; height: 119px; background: url(../images/banners/specials.gif) top left no-repeat; display: block; text-indent: -99999em; margin-bottom: 20px}
	#intouch a{width: 340px; height: 119px; background: url(../images/banners/intouch.gif) top left no-repeat; display: block; text-indent: -99999em; margin-bottom: 20px; margin-top: 5px}

	
/* 
 * Layout / Secondary Pages
 */

  #contentRight { width: 560px; float: right; padding: 0 10px 0 10px; font-size: 14px; color: #fff; line-height: 24px; padding: 20px 0 20px 0 }
  #contentRight th{ border-bottom: 1px solid #fff; padding: 0 10px 5px 10px; border-right: 1px solid #fff}
  #contentRight td{ border-bottom: 1px solid #fff; padding: 5px 10px 5px 15px; margin-right: -3px; border-right: 1px solid #fff}
  #contentRight table { margin-bottom: 15px; border: 1px solid #fff; border-collapse:collapse; margin-left: 10px}
  #contentRight p { padding-left: 10px}
  #contentRight h3 { padding-left: 10px}
  #contentRight a{ color: #f4b9b9}
  #contentRight a:hover{ color: #f1d7d7; text-decoration: none}
  #contentRight h1{ margin-bottom: 10px; background: url(../images/headers/title-bg.gif) top left no-repeat; height: 39px; font-size: 21px; padding: 7px 0 0 10px}
  
  #contentLeft { width: 340px; float: left; padding: 15px 0 20px 0}
  #contentLeft .seeothers {padding-top: 5px}
  
  img.beforeafter {border: 3px solid #fff; padding: 0px; float: left; margin: 0 20px 20px 0;}
  
  #also { background: url(../images/structure/also-bg.gif) top left no-repeat; width: 560px; height: 76px; display: block; padding: 10px 0 0 5px}
  #also p{ color: #d44343}
  #also a{ color: #d44343}
  #also a:hover{color:#F4B9B9}
  #also h3{ color: #1f458c}
  
  #also2{ background: url(../images/structure/also2-bg.gif) top left no-repeat; width: 560px; height: 100px; display: block; padding: 10px 0 0 5px}
  #also2 p{ color: #d44343}
  #also2 a{ color: #d44343}
  #also2 a:hover{color:#F4B9B9}
  #also2 h3{ color: #1f458c}

/*
 * Accordion Controls
 */
#accordion dt{padding-left: 10px;}


/* 
 * Layout / Footer
 */

  #ft{color: #1f458c; font-size: 11px; width: 940px; margin: 0 auto; line-height: normal; }
  #ft .ftmain { background-color: #ffffff; width: 940px; margin: 0 auto; padding-top: 10px; line-height: 18px}
  #ft .ftmain a{ color: #1f458c; text-decoration:none; }
  #ft .ftmain a:hover{ color: #c1c1c1; text-decoration:none; }
  .azura-footer {background: url(../images/structure/footer-logo.gif) top left no-repeat; width: 111px; height: 54px; text-indent: -99999em; float: left; margin: 0 0 0 20px}
  .ftaddress {float: left; margin: 0 0 0 20px}
  .footer {float: left; margin-left: 10px}
  .footer li{list-style: none; margin-bottom: 0px; line-height: 18px }
  .footer-right { float: right; list-style: none; margin-right: 25px; text-align: right}
  .footer-sm { margin: 0px 0 0 5px}
  .footer-reg { color: #b9d9df; float:right; margin-top:10px}
  .footer-info { color: #b9d9df; float:left; margin-top:10px}
  .footer-img { font-size: 0px}
  .ailogo {margin-bottom:-3px}
  
  
/*
 *BLOG
 */

  #contentRight li { margin-left: 15px}
  #contentRight h1 a{ color: #fff; font-size: 21px}
  #search-results li a{ color: #fff !important; font-size: 18px}
  .li-comment { color: #F1D7D7; font-weight: normal; font-size: 14px; line-height: normal; margin-bottom: 15px; border-bottom: 1px solid #cfe5e4; padding-bottom: 15px}
  .li-comment p{ color: #fff; margin-top: 5px}
  .li-comment a{ margin-left: 15px}
  .li-comment .url {margin-left: 0px}
  #respond label{ font-weight: normal}
  #respond label em{ color: #F1D7D7}
  #respond p{ padding-left: 0px}
  .search-box { background: url(../images/structure/search-box.gif) top left no-repeat; height: 24px; width: 145px; display: block; padding: 7px 0 0 5px; float: left}
  .search-box input { border: none}
  #blog_bar { width: 340px; background: url(../images/structure/blog_bar_mid.gif) top left repeat-y; padding-left: 15px; padding-bottom:5px}