<STYLE>







.t1 {
color:  transparent; 
font-family : "arial";
height: 6%;
position: absolute;  
width: 100%; 
 text-align: center;
z-index:2;
padding-top: 0px;
padding-bottom: 0px; 
margin:0 auto;
margin-bottom: 3%;
background-color: transparent;
opacity: 0%;  
}

.logotext {
width: 40%;
color:  #FFFFF2; 
text-decoration: none;
margin: 0 auto;
z-index:2;
padding-bottom: 0%;
font-family: "Signika" ;
margin-left: 1%;
margin-right: 1%;
margin-top: 1%;
background-color: transparent;
     opacity: 1.0; 
	
}

.topimage {
position: absolute;  
width: 100%;
height: 100%;
top: 0%;
background-image: url('images/efdesign-header-image.jpg'); background-repeat:no-repeat; height: 30%; margin-top: 3%;
background-size: 100% 100%;
background-position: 0px 100%;

margin:0 auto;

  display: flex;
margin-top: 0%;

 color:  #ffffff; 
text-decoration: none;

padding-bottom: 10%;
margin-bottom: 10%;
background-color: white;
layer-color: white;
}

.topimagenew {
position: absolute;  
width: 100%;
height: 900px;
top: 120%;

background-size: 100% 100%;
background-position: 0px 100%;

margin:0 auto;

  display: flex;
margin-top: 0%;

 color:  #ffffff; 
text-decoration: none;

padding-bottom: 10%;
margin-bottom: 10%;
background-color: white;
layer-color: white;
}



.know{
font-family : "Vidaloka";
 margin: 0 auto;

margin:0 auto;
font-size : 300%;
line-height: 125%;
color:  #ffffff;
text-decoration: none;
margin-top: 2%;
padding-top: 2%;
padding-left: 1%;
padding-bottom: 2%;
padding-right: 1%;
	margin-bottom: 0%;
	text-align: center;
	background-color:  #E4C66F;
	width: 100%;
	height: 15%;
overflow:hidden;



}


.t1text {
font-size: 120%;
padding-right: 2%;

color:  #E4C66F; 
text-decoration: none;
font-family : "Calibri";

font-weight: normal;
z-index:2;
padding-bottom: 0%;
padding-top: 1%;


     opacity: 1.0; 
	
}




.t1text a:link {
padding-right: 8%;
color:  #E4C66F; 
text-decoration: none;
font-family : "Calibri";
padding-top: 1%;
font-weight: normal;
z-index:2;

     opacity: 1.0; 
	
}

.t1text a:visited {
padding-right: 8%;
color:  #E4C66F; 
font-family : "Calibri";
padding-top: 1%;

font-weight: normal;
z-index:2;

     opacity: 1.0; 
	
}

.t1text a:hover {
padding-right: 8%;
color:  #E4C66F; 
text-decoration: underline;
font-family : "Calibri";
padding-top: 1%;
font-weight: normal;
z-index:2;

     opacity: 1.0; 
	
}



.t1textfirst {
font-size: 120%;
padding-right: 3%;
margin-left: 24%;
color:  #E4C66F; 
text-decoration: none;
font-family : "Calibri";

font-weight: normal;
z-index:2;
padding-bottom: 0%;
padding-top: 1%;
margin-right: 0%;

     opacity: 1.0; 
	
}




.t1textfirst a:link {

color:  #477B44; 
text-decoration: none;
font-family : "Calibri";

font-weight: normal;
z-index:2;

     opacity: 1.0; 
	
}

.t1textfirst a:visited {

color:  #477B44; 
font-family : "Calibri";


font-weight: normal;
z-index:2;

     opacity: 1.0; 
	
}

.t1textfirst a:hover {

color:  #E4C66F; 
text-decoration: underline;
font-family : "Calibri";

font-weight: normal;
z-index:2;

     opacity: 1.0; 
	
}









.know2{
visibility: hidden;
font-family : "Vidaloka";
 margin: 0 auto;
font-size : 0%;
line-height: 0%;
color:  #ffffff;
text-decoration: none;

margin-top: 0%;
padding-top: 0%;
padding-left: 0%;
padding-bottom: 0%;
padding-right: 0%;
	margin-bottom: 0%;
	text-align: center;
	background-color:  #E4C66F;
	width: 0%;
	height: 0%;



}


	.goldboxtext2 {
font-family : "Signika";
line-height: 150%;
font-size: 120%;
width: 60%;
padding-top: 3%;
	color : #6A6A6A;
	text-decoration: none;
font-weight: normal;
padding-left: 6%;
padding-right: 6%;
text-align: center;
	margin: 0 auto;
}

.goldboxtext2  a:visited {
font-family : "Signika";
line-height: 27.2px;
font-size: 110%;
font-weight: normal;
color:  #E4C66F;
	text-decoration: none;

}




	

.goldboxtext2  a:link {
font-family : "Signika";
line-height: 27.2px;
font-size: 110%;
font-weight: normal;
color:  #E4C66F;
	text-decoration: underline;




	}
	
.goldboxtext2  a:hover {
font-family : "Signika";
line-height: 27.2px;
font-size: 110%;
font-weight: normal;
color:  #E4C66F;
	text-decoration: none;





	
	}








.goldboxtext {
font-family: "Signika";
line-height: 27.2px;
font-size: 110%;
color: #6A6A6A;
text-decoration: none;
font-weight: bold;
padding-left: 3%;
padding-right: 3%;
text-align: center;
}

.topimage3 {
visibility: hidden;
position: absolute;  
width: 100%;

top: 80%;
background-image: url('images/reiki-yorkshire-premises.jpg'); background-repeat:no-repeat; margin-top: 50%;
background-size: 100% 100%;
background-position: 0px 100%;

margin:0 auto;

  display: flex;
margin-top: 0%;

 color:  #ffffff; 
text-decoration: none;

padding-bottom: 10%;
margin-bottom: 10%;
background-color: white;
layer-color: white;
}


.topimage2 {

position: absolute;  
width: 100%;

top: 75%;
background-image: url('images/healing-crystal-bracelets-home.jpg'); background-repeat:no-repeat; height: 100%; margin-top: 50%;
background-size: 100% 100%;
background-position: 0px 100%;

margin:0 auto;

  display: flex;
margin-top: 0%;

 color:  #ffffff; 
text-decoration: none;

padding-bottom: 10%;
margin-bottom: 10%;
background-color: white;
layer-color: white;
}





.Layer1{

position: absolute;  
width:100%;
height: 55%; 
margin:0 auto; 
padding-bottom: 3%; 
z-index:3; 
margin-top: 0%; 
background-color: #ffffff; 
layer-background-color: #ffffff; 
border: 1px none #000000; 
margin-left: 0%;

}


H1{
font-family: "vidaloka";
font-size: 100%;
line-height: 100%;
color:  #E4C66F;
text-decoration: none;
letter-spacing: 2px;
margin-top: 3%;
margin-bottom: 2%;
	text-align: center;
	}
	
.H2{
font-family : "Vidaloka";
 margin: 0 auto;
font-size : 150%;
line-height: 125%;
color:  #E4C66F; 
text-decoration: none;
letter-spacing: 2px;
text-align: center;
margin-top: 3%;


}


.H6{
font-family : "Vidaloka";
 margin: 0 auto;
font-size : 150%;
line-height: 125%;
color:  #E4C66F; 
text-decoration: none;
letter-spacing: 2px;
text-align: center;
margin-top: 5%;
padding-top: 2%;


}
	

	.goldboxtext-large {
font-family : "Signika";
line-height: 150%;
font-size: 260%;
width: 60%;
padding-top: 1%;
	color : #ffffff;
	text-decoration: none;
font-weight: normal;
padding-left: 6%;
padding-right: 6%;
text-align: center;
	margin: 0 auto;
}


#gallery {

position: relative;  
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0%;
	padding-left: 0%;
	width: 100%;
height: auto;
	margin: 0 auto;
	top: 120%;
	margin-top: 0px;
		margin-bottom: 0px;
	border: none;
	z-index: -1;
	position: absolute;
	
	text-align: center;
	border-color: transparent;

	}







	.about {
margin:0 auto;

position: relative;
z-index:2; 
width:100%; 
height: 1600px; 

z-index:2000; 
background-color: white; 
layer-background-color: white;
margin-top: 0%;
padding-top: 0%;
margin-bottom: 0%;
	}




	

	
div.nav-top2 {
width: 100%;
height: 20%;
background-image: url('images/efdesign-header-image2.jpg'); background-repeat:no-repeat; height: 20%; margin-top: 0%;
background-size: 100% 100%;
background-position: 0px 100%;
margin:0 auto;
text-align: center;
  display: flex;
margin-top: 0%;
padding-top: 0%;
 color:  #000000; 
text-decoration: none;
font-family : "Lao UI";
padding-bottom: 0%;
font-weight: normal;
background-color: white;



}

div.nav-top3 {
width: 100%;
height: 20%;
background-image: url('images/efdesign-header-image2.jpg'); background-repeat:no-repeat; height: 20%; margin-top: 0%;
background-size: 100% 100%;
background-position: 0px 100%;
margin:0 auto;
text-align: center;
  display: flex;
margin-top: 0%;
padding-top: 0%;
 color:  #000000; 
text-decoration: none;
font-family : "Lao UI";
padding-bottom: 0%;
font-weight: normal;
background-color: white;



}





div.nav-top {
width: 100%;
height: 35%;
background-image: url('images/reiki-yorkshire-moors.jpg'); background-repeat:no-repeat; height: 35%; margin-top: 0%;
background-size: 100% 100%;
background-position: 0px 100%;
margin:0 auto;
text-align: center;
  display: flex;
margin-top: 0%;
padding-top: 0%;
 color:  #000000; 
text-decoration: none;
font-family : "Lao UI";
padding-bottom: 0%;
font-weight: normal;
background-color: white;



}


.Layernew{

position: relative;  
width:100%;
height: 55%; 
margin:0 auto; 
padding-bottom: 3%; 
z-index:3; 
margin-top: 0%; 

border: 1px none #000000; 
margin-left: 0%;
background-image: url('images/efdesign-header-image2.jpg'); background-repeat:no-repeat; height: 60%; margin-top: 0%;

}



.headline {

position: relative;  
  font-family: Roboto, sans-serif;
	background-color: #000000;


height: 50%;

 
	width: 100%;
	z-index: 1000;
margin:0 auto;
margin-top: 50%;	
	margin-bottom: 0%;  
	


}





.wrapper {
	position:relative;
	width:1130px;
	height:2008px;
	z-index:10;
	margin: 0 auto;
	top: 0px;
	z-index:1;
	layer-background-color: #ffffff;
	border: 1px none #000000;
}





.apDiv1 {
	position:absolute;
	width:450px;
	height:300px;
	z-index:2;
	left: 350px;
	top: 220px;
	background-color:  #E8E5E8;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:  #ffffff;
}





/*///////////////////////*/



.footer {
visibility: hidden;

	position: relative;
	width:100%;
	height:0%;
	z-index:30000;
	top: 0%;
	background-color: #575656;
layer-background-color: #575656; 
	padding-top: 0px;
	padding-left: 10px;
	text-align: center;
}

.footer-about {
	position: absolute;
	width: 99.5%;
	height: 12%;
	z-index:30000;
	top: 150%;
	background-color: white;
layer-background-color: white; 
	padding-top: 0px;
	padding-left: 10px;
	text-align: center;
}

	  .footer-text-header {
font-family : "Vidaloka";
	font-size : 105%;
	color : #DAB33D;
	text-decoration: none;
	line-height: 22px;
	font-weight: normal;



	text-align: center;
margin:0 auto;
     } 	

.footer-mobile {

	position: absolute;
	width:100%;
	height: 6%;
	z-index:40000;
	font-family : "Calibri";
	line-height : 0%;
	font-size : 100%;
	color : #ffffff;
	text-decoration: none;

	font-weight: normal;
text-align: center;
	background-color: #575656;
layer-background-color: #575656; 
	padding-top: 4%;
		margin-top: 0%;
	padding-bottom: 4%;
		margin-bottom: 0%;
top: 0%;

}



.footer-mobile a:link {
z-index:40000;
	font-family: "Calibri";
color: #ffffff;
	text-decoration: none;
}
	
	
.footer-mobile a:visited {
z-index:40000;
font-family : "Calibri";
color : #ffffff;
	text-decoration: none;
}
	
.footer-mobile a:hover{
z-index:40000;
	font-family : "Calibri";
color : #ffffff;
	text-decoration: underline;
}



	  .footer-text2 {
font-family : "Calibri Light";
	font-size : 105%;
color:  #DAB33D;
	text-decoration: none;
	line-height: 22px;
	font-weight: normal;
text-align: center;
     } 
	 
	 
.footer-text2 a:link {
font-family : "Calibri Light";
	font-size : 105%;
color:  #DAB33D;
	text-decoration: none;
	line-height: 22px;
	font-weight: normal;
text-align: center;
}
	
	
.footer-text2 a:visited {
font-family : "Calibri Light";
	font-size : 105%;
color:  #DAB33D;
	text-decoration: none;
	line-height: 22px;
	font-weight: normal;
text-align: center;
}
	
.footer-text2 a:hover{
font-family : "Calibri Light";
	font-size : 105%;
color:  #DAB33D;
	text-decoration: none;
	line-height: 22px;
	font-weight: normal;
text-align: center;
}
	 
	 
	 
	 
.timage {
width: 100%;
height: 40%;
background-image: url('images/efdesign-header-image.jpg'); background-repeat:no-repeat; height: 30%; margin-top: 3%;
background-size: 100% 100%;
background-position: 0px 100%;
margin:0 auto;
text-align: center;
  display: flex;
margin-top: 2%;
padding-top: 0%;
 color:  #000000; 
text-decoration: none;
font-family : "Lao UI";
padding-bottom: 0%;
font-weight: normal;
background-color: white;



}	 
	 
	 
	 
	 
	


.footer-text {
font-family : "Calibri";
	line-height: 95%;
	font-size : 105%;
	color : #ffffff;
	text-decoration: none;
font-weight: normal;
margin-top: 0%;
	text-align: center;
		padding-bottom: 0%;
     }
	 
	 
	 
.footer-text a:link {
font-family : "Calibri";
font-size : 105%;
line-height: 95%;
color : #ffffff;
font-weight: normal;	
text-decoration: none;
}
	
	
.footer-text a:visited {
font-family : "Calibri";
	line-height: 95%;
	font-size : 105%;
	color : #ffffff;
font-weight: normal;	
text-decoration: none;
}
	
.footer-text a:hover{
font-family : "Calibri";
	line-height: 95%;
	font-size : 105%;
	color : #ffffff;
font-weight: normal;	
text-decoration: none;
}


.f {
font-family : "Calibri Light";
	font-size : 105%;
	color : #dddddd;
	text-decoration: none;
	line-height: 22px;
	font-weight: normal;
	float: right; 
	margin-left: 0%;
	text-align: left;

}

.f a:link {
font-family : "Calibri Light";
	font-size : 100%;
	color : #dddddd;
	text-decoration: underline;
	line-height: 22px;
	font-weight: bold;
}
	
	
.f a:visited {
font-family : "Calibri Light";
	font-size : 100%;
	color : #dddddd;
	text-decoration: underline;
	line-height: 22px;
	font-weight: bold;
}
	
.f a:hover{
font-family : "Calibri Light";
	font-size : 100%;
	color : #dddddd;
	text-decoration: none;
	line-height: 22px;
	font-weight: bold;
}

	


.footer-location {
	position: absolute;
	width:834px;
	height:115px;
	z-index:2;
	top: 860px;
	background-color: #E8E5E8;
	padding-top: 10px;
padding-left: 10px;
}

.footer-stairlifts {
position: absolute;
width:834px;
height:115px;
z-index:2;
top: 2100px;
background-color: #E8E5E8;
padding-top: 10px;
padding-left: 10px;
}



.footer-contact {
	position: absolute;
	width:834px;
	height:115px;
	z-index:2;
	top: 1100px;
	background-color: #E8E5E8;
	padding-top: 10px;
			padding-left: 10px;
}



/* /////////////////////
Input Boxes / Textareas
////////////////////////*/

TEXTAREA  {
color : #ffffff;
background : #D4DCDE;
font-family : "Arial";
font-size : 0.8em;	
font-weight : normal;
border-style : solid;
border-top : 1px #000000 solid;
border-bottom : 1px #000000 solid;
border-left : 1px #000000 solid;
border-right : 1px #000000 solid;
overflow: hidden;
text-align: left;
margin:0 auto;
}
	
INPUT  {
font-family : "calibri";
color : #333333;
background : #ffffff;
border-style : solid;
border-top : 1px #000000 solid;
border-bottom : 1px #000000 solid;
border-left : 1px #000000 solid;
border-right : 1px #000000 solid;
font-family : "Verdana";
font-size : 110%;
text-align: left;
margin:0 auto;

}	






.copyright {
font-family : "arial";

	color : #ffffff;
	text-decoration: none;
	
	
		


font-weight: normal;
 font-size: 80%;
line-height: 150%;
text-align: center;
margin-left: 4%;
margin-right: 4%;
margin-top: 3%;
text-decoration: none;
border: 0%;

margin-bottom: 3%;

background-color: #1A3757;

}


ul2{ 
list-style-none; 
	margin-bottom: 0%;
}

 
li2 {





font-family : "arial";
font-size: 90%;
line-height: 150%;
	color : #58595B;
	text-decoration: none;

	margin-top: 0px;
			margin-right: 3%;
	margin-left: 3%;
		margin-bottom: 1%;

}

 



	/*///////////////////////*/	


</STYLE>





ul { 
list-style-image: url(bullet.png); 
	margin-bottom: 2%;
}

 
li {





font-family : "Calibri";
color : #000000;
font-size: 115%;
line-height: 125%;
text-align: left;
	margin-left: 0%;
	margin-bottom: 3%;
	margin-top: 0%;

		

}

 
/*  Generated by www.menucool.com/drop-down-menu  */


/*  Generated by www.menucool.com/drop-down-menu  */


/* main menu
----------------------------*/
#ddmenu
{
visibility: hidden;

  
	height: 0px;
	
	
	
       
}

#ddmenu ul
{ 
    margin:0 auto;
    padding:0;
    text-align:center; /* Alignment of each top-level menu items within the UL */
    width:85%;
    font-size:0;
    background: transparent;
  z-index: 9000000;
	

    display:inline-block;
    list-style:none;
    position:relative;

    max-width:1400px;
border:0px solid rgba(255,255,255,255.6);
border-radius:4px;


}

#ddmenu li
{
    margin:0;
    padding:0;
    font-size:16px;
    display:inline-block;
    *display:inline;
    zoom:1; /*for IE6-7*/
    position:relative;
    color: #E4C66F;
    line-height: 56px; /*This determines the height of the menu*/
    vertical-align:middle;
    transition:background-color 0.2s;
    outline:none;
	-moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;
  z-index: 9000000;
}

#ddmenu .full-width {
   width:100%;
    position: static;
	height: 50%;
	  z-index: 60000; 

}

#ddmenu .over
{
    color:#E4C66F;
background-color: solid;
}

#ddmenu .over.no-sub {
    
}

#ddmenu .top-heading
{
    font-weight: normal;
	    color: #E4C66F;

    color:inherit;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    cursor:pointer;
	
	font-family : "Calibri";

font-size: 110%;
 margin:0 auto;

}

/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover
{
    color:inherit;
}
#ddmenu a:hover
{
    text-decoration:underline;
}

#ddmenu a:focus
{
    outline:1px dotted #E4C66F;
}

/* caret(arrow icon) */
#ddmenu .caret
{
    color: #E4C66F;;
    left: 0px;
    width: 0%;
    height: 5%;
	lin-heif=ght: 50%;
    overflow:hidden;/*for IE6*/
    vertical-align:middle;
    margin-bottom:2px;
    border-top: 4px solid;/*caret size is 4px now*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position:relative;
	  z-index: 80000; 
}  
        
/* sub-menu layout
----------------------------*/

#ddmenu .dropdown
{
    width:auto;    
    left:0px;
    color: #E4C66F;
    padding:0;margin:0;display:none;position:absolute;overflow: visible;
    top:100%;
      border:1px solid;
	border-color:  #E4C66F;
border-top:none;
border-radius:1px;
background-color:  #E4C66F;
background-color:#ff0000 \9;/*fallback for old IE*/
	  z-index: 100000; 
}

#ddmenu .full-width .dropdown {
    width:100%;
    padding:0;
    margin:0;
		  z-index: 4000; 
}

#ddmenu .offset300 {
    left: 0px;right:auto;
}

#ddmenu .right-aligned {
    left:auto;
    right:0px;
}

#ddmenu .over .dropdown
{
    display:block;
}

#ddmenu .dd-inner {
    text-align:center;
    padding:0px;
    margin: 4px;
    background-color: white;
    white-space:nowrap;
    font-size:13px;
}

#ddmenu ul ul
{ 
    margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0;
}

#ddmenu ul ul li
{
    font-size: 20px;
    padding:6px 0; /*It determines the line height*/
    color:inherit;
    line-height:1;
    margin:0;display:block;position:static;background:none;border:none;transition:none;border-radius:0;
}
  
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a
{
    color: #E4C66F;
    line-height:1;
    text-decoration:none;
    transition:color 0.4s;
	font-weight: normal;
	font-family: calibri;
}

#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
    text-decoration:none;
    color:#C59D25;
}

/* blocks within the sub-menu
-----------------------------*/
#ddmenu .column
{
    text-align:center;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *display:inline;*zoom:1;
    white-space:normal;
	
    width:auto;min-width:30%;
padding:0 30px;
border-right:1px solid #E4C66F;
}

#ddmenu .dd-inner ul:last-child
{
    border-right:none;
	color: #E4C66F;
}

#ddmenu h3 {
  font-weight: 500;
  line-height: 1.1;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 24px;
}

#ddmenu div.column h3 {text-transform:uppercase;}

/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink {display:none;}




	/*///////////////////////*/	

</STYLE>
