/************************************
 Theme: Vortex - Derived From: Eclipse
 ************************************/
 #zWrap {
 	min-height: 300px;
 	_height: 300px;
 }
 
 #ft {
 	min-height: 50px;
 	_height: 50px;
 }
 
 #hd {
 	min-height: 130px;
 	_height: 130px;
 }
 #doc {
 	width: 890px;
 	margin: 0 auto;
 }
 
 #hd {
 	width: 490px;
 	padding: 20px 390px 70px 10px;
 }
 
 #wrapper {
 	overflow: hidden;
 	width: 800px;
 	margin-top: -70px;
 	padding: 10px
 }
 
 #hMisc {
 	display: none !important;
 }
 
 #navigation {
 	width: 550px;
 	margin-bottom: 40px;
 }
 
 ul#mainNav {
 	padding-bottom: 5px;
 }
 
 ul#mainNav li {
 	display: inline;
 }
 
 ul#mainNav li a,ul#subNav li a {
 	zoom: 1;
 	padding: 0 10px;
 	line-height: 1.5em;
 	white-space: nowrap;
 }
 
 .navpos_north #subNav a {
 	padding-left: 10px
 }
 
 #pageName {
 	margin: 0 0 20px;
 	width: 100%
 }
 
 #bd {
 	overflow: hidden;
 	margin-top: 10px;
 	width: 100%;
 }
 
 #ft {
 	width: 800px;
 	padding: 0 10px 10px;
 	margin-bottom: 10px
 }
 
 #fContent {
 	width: 385px;
 	padding: 10px 0;
 	float: left;
 }
 
 #fMisc {
 	padding: 10px 0;
 	float: right;
 	width: 255px;
 	margin-left: 130px;
 }
 
 #fBadges {
 	width: 715px;
 }
 #zB	#mapZone {
 	width:95%;
 	height:250px;
 }
 ul#mainNav li {
 	*background-color: transparent !important;
 }
 #body #wrapper .sub_dynamic #mainNav li {
 	float: none;
 }
 #body #wrapper .sub_dynamic #mainNav .subNav a {
 	padding: 2px 0 2px 10px !important;
 	margin: 0;
 }
 #body .sub_dynamic #mainNav li {
 	margin: 0 5px;
 }
 #body .sub_dynamic #mainNav li:first-child {
  	margin-left: 0;
 }
 #body .sub_dynamic #mainNav a {
  	padding: 0 2px;
 }
 .navpos_north a.toggle img {
  	margin-top: 0;
 }
 #zWrap ul.module_bd_container li.beforenafter h3 {
 	margin: 5px 5px 10px;
 }
 #zWrap ul.module_bd_container div.description {
 	margin-left: 5px;
     margin-right: 5px;
 }
 #zWrap ul.module_bd_container li {
 	padding: 10px;
 }
 #zWrap ul.module_bd_container li.beforenafter, 
 #zWrap ul.module_bd_container li.before, 
 #zWrap ul.module_bd_container li.after {
 	padding: 0;
 }
 
 
 /************************************
 Theme: Vortex - Derived From: Eclipse
 ************************************/
 
 
 
 #body {
 	font-size: 13px;
 	font-family: Helvetica, Arial, sans-serif;
 }
 
 .lo_layout4wt #zA {
 	font-size: 20px;
 	font-family: Georgia, serif;
 }
 
 
 #body h1 {
 	font-size: 50px;
 	font-weight: bold;
 }
 
 #body h2 {
 	font-size: 22px;
 	font-family: Georgia, serif;
 }
 
 
 #body h3 {
 	font-size: 17px;
 	font-weight: bold;
 }
 
 
 #body h4 {
  	font-size: 14px;
  	font-weight: bold;
 }
 
 
  
 ul#mainNav li a:link,ul#mainNav li a:visited {
 	font-size: 15px;
 	font-weight: normal;
 }
 
 
 
 #hd {
 	background-repeat: no-repeat;
 	background-position: bottom right;
 }
 
 #ft {
 	background-repeat: repeat-x;
 	background-position: top;
 }
 
 #fWrapper {
 	background-repeat: no-repeat;
 	background-position: bottom left;
 }
 		
 
  .lo_layout4wt #zB, ul#mainNav li a {
  	border-bottom-width: 1px;
  	border-bottom-style: solid;
  }
 
 .navpos_north #subNav {
 	border-top: none;
 }
 
 .navpos_north ul#mainNav li.trigger a.toggle{
  	border: none;
 }
 
 
 
 			
 		/* 
 		 * links for BOTH static and dynamic sub menus 
 		 * use this rule to group declarations common to the two different types of menus (static/dynamic)
 		 */
 #body #mainNav .subNav a,#body .nav_hassub #navigation #subNav a {
 	font-size: 13px;
 	font-weight: normal;
 }
 		
 		/* 
 		 * :hover and selected (active) links for BOTH static and dynamic sub menus
 		 * they are both styled the same 
 		 */
 		/* 
 		 * links for dynamic sub menus 
 		 */
 #body #wrapper .sub_dynamic #mainNav .subNav a {
 	text-align: left;
 }
 			
 		/* 
 		 * sub menus 
 		 * displays horizontally below the main nav 
 		 */
 		/* 
 		 * sub menus (dropdown) 
 		 */
 #body #mainNav .subNav {
 	border-style: solid;
 	border-width: 1px;
 }
 
 		/*
 		 * to remove the bottom image border 
 		 */	
 		/*
 		 * to remove the bullets from the As in list items 
 		 */	
 
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 1 - Derived From: Layout 1 with Title
 **************************************************************/
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 1 - Derived From: Layout 1 with Title
 **************************************************************/
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 1 with Title - Derived From: Layout 1 with Title
 **************************************************************/
 .lo_layoutA #zB,.lo_layoutAwt #zB {
 	width: 385px;
 }
 
 .lo_layoutA #zC,.lo_layoutAwt #zC {
 	width: 385px;
 }
 
 .lo_layoutA #zC form#contactForm,
 .lo_layoutAwt #zC form#contactForm {
 	width: 350px;
 }
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 1 with Title - Derived From: Layout 1 with Title
 **************************************************************/
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 2 with Title - Derived From: Layout 2 with Title
 **************************************************************/
 .lo_layoutVwt #zA,.lo_layoutVwt #zB {
 	margin-bottom: 10px;
 	width: 385px;
 }
 
 .lo_layoutVwt #zC form#contactForm {
 	width: 700px;
 	margin-left: 20px;
 }
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 2 with Title - Derived From: Layout 2 with Title
 **************************************************************/
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 3 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 .lo_layoutFwt #zA,
 .lo_layoutFwt #zB,
 .lo_layoutFwt #zC {
 	width: 385px;
 }
 
 .lo_layoutFwt #zC {
 	margin-left: 415px;
 }
 
 .lo_layoutFwt #zC,x:-moz-any-link {
 	margin-left: 20px;
 }
 
 .lo_layoutFwt #zC,x:-moz-any-link,x:default {
 	margin-left: 415px;
 }
 
 .lo_layoutFwt #zC form#contactForm {
 	width: 350px;
 }
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 3 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 4 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 .lo_layoutJwt #zA {
 	width: 385px;
 }
 
 .lo_layoutJwt #zB,.lo_layoutJwt #zC {
 	width: 385px;
 }
 
 .lo_layoutJwt #zC form#contactForm {
 	width: 240px;
 }
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 4 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 5 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 .lo_layoutHwt #zC form#contactForm {
 	width: 700px;
 }
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 5 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 6 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 .lo_layoutKwt #zA {
 	width: 350px;
 }
 
 .lo_layoutKwt #zB {
 	width: 200px;
 	margin-left: 25px;
 }
 
 .lo_layoutKwt #zC {
 	width: 200px;
 	margin-left: 25px;
 }
 
 
 /**************************************************************
 Theme: Vortex - Derived From: Eclipse
 Layout: Layout 6 with Title - Derived From: Layout 3 with Title
 **************************************************************/
 
     #body {
    	color: #fff;
    }
    
    #body a {
    	color: #cb72dc;
    }
   
    #body h3 {
    	color: #cb72dc;
    }
    
    ul#mainNav li a:link,ul#mainNav li a:visited {
    	color: #fff;
    }
    
    ul#mainNav li.active a:link,
    ul#mainNav li.active a:visited,
    ul#mainNav li a:hover,
    ul#mainNav li a:focus,
    ul#mainNav li a:active {
    	color: #cb72dc;
    	border-color: #cb72dc;
    }
    
    #ft {
    	color: #fff;
    }
    #ft a {
    	color: #fff;
    }
    body { 
  	background-color: #321b39;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a6b7e', endColorstr='#321b39');
 	zoom: 1;
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7a6b7e), to(#321b39) );
  	background: -webkit-linear-gradient(top, #7a6b7e, #321b39);
  	background: -moz-linear-gradient(top, #7a6b7e, #321b39);
  	background: -ms-linear-gradient(top, #7a6b7e, #321b39);
  	background: -o-linear-gradient(top, #7a6b7e, #321b39);
  	background: linear-gradient(#7a6b7e, #321b39);
    }
    
    #hd {
    	background-image: url("https://turbifycdn.com/ln/themes/yhoo/ga/vortex/salon/palette3/1.0.4/en-us/images/hd.png");
    }
    
    #fWrapper {
    	background-image: url("https://turbifycdn.com/ln/themes/yhoo/ga/vortex/salon/palette3/1.0.4/en-us/images/hd.png");
    }
    
    
    #ft { 
  	background-color: #88239a;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be37d8', endColorstr='#88239a');
 	zoom: 1;
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#be37d8), to(#88239a) );
  	background: -webkit-linear-gradient(top, #be37d8, #88239a);
  	background: -moz-linear-gradient(top, #be37d8, #88239a);
  	background: -ms-linear-gradient(top, #be37d8, #88239a);
  	background: -o-linear-gradient(top, #be37d8, #88239a);
  	background: linear-gradient(#be37d8, #88239a);
    }
    
    ul#mainNav li a {
    	border-color: #fff;
    }
    
    #zB	#mapZone {
    	border-color: #be37d8;
    }
    
    #zB #mapContainer {
    	_border-color: #be37d8;
    }
   .lo_layout4wt #zB {
   	border-color: #fff;
   }
    #body #mainNav .subNav a,
    #body .nav_hassub #navigation #subNav a {
    	color: #fff;
    }
    
    #body #wrapper .sub_dynamic #mainNav .subNav{
    	background-color: #7a6b7e;
     border-color: #fff;
    }
   #body #mainNav .subNav a:hover,
    #body .nav_hassub #navigation #subNav a:hover,
    #body #wrapper #navigation .active-sub a {
    	color: #091349;
    	background-color: #cb72dc;
   }
    
    
    #body .nav_hassub .sub_static #mainNav {
    	background-image: none;
    	background-color: transparent;
    }
    
    #body .sub_dynamic #mainNav a {
    	background-image: none;
    	background-color: transparent;
    }
    		/* 
    		 * direction and color of the arrow (assuming arrow sprite)
    		 */
    #body .toggle img {
    	background-position: -60px -12px;
    }
    
    		/* 
    		 * direction and color of the arrow for the "active" item
    		 */
    #body .active .toggle img,
    #body .opened .toggle img  {
    	background-position: -636px -12px;
    }
 #zWrap ul.module_bd_container li {
 	background-color: #cb72dc;
 	color: #091349;
 }
 
 #zWrap ul.module_bd_container li h3 {
 	color: #091349;
 	font-weight: normal;
 }
 
 @media screen and (max-width: 480px) {
 	#hd {
 		background: none;
 	}
 }