/*<!-- START For Main Template ------------------------------------------------------------------------------>*/
body {
    background: url('../images/Background-Devon366-848v2.jpg') fixed;
    top: 0; left: 0; 
    background-size: 100% 100%;
    background-repeat:no-repeat;
    
}







  .style-MainTable {
	  border-collapse: collapse;
	  border:0;
	  width:100%;
	  min-width:400px;	  max-width:750px;
	  background-color:#000000;
  }

.BOX-HeaderTitle{
/* position: absolute; top:15px; left: 0; right: 0; margin-left: auto; margin-right: auto; width:200px*/
   position:absolute; top:15px; left: 15px; 
   background: rgba(68, 68, 68, 0.75);
   border-radius: 10px; padding: 0 10 0 10;	
   border: 2px solid #006600;
}
.BOX-HeaderTitle-Orange{
   position:absolute; top:15px; left: 15px;
   background: rgba(68, 68, 68, 0.75);
   border-radius: 10px; padding: 0 10 0 10;	
   border: 2px solid #E06E14;
}
.BOX-HeaderSubTitle-Orange{
   position:absolute; top:80px; left: 15px;
   background: rgba(68, 68, 68, 0.75);
   border-radius: 10px; padding: 0 10 0 10;	
   border: 2px solid #E06E14;
}
.BOX-HeaderTitle-Yellow{
   position:absolute; top:15px; left: 15px;
   background: rgba(68, 68, 68, 0.75);
   border-radius: 10px; padding: 0 10 0 10;	
   border: 2px solid #BD1111;
}
.BOX-HeaderSubTitle-Yellow{
   position:absolute; top:80px; left: 15px;
   background: rgba(68, 68, 68, 0.75);
   border-radius: 10px; padding: 0 10 0 10;	
   border: 2px solid #BD1111;
}


/* start------- SUB MENU BUTTONS -------------------------------------------------------- */
.box2 {
  display: inline-block;
  width: 24%;         /*  width: 185px; */
  min-width:124px;
  height: 40px;
  margin: 5 2.5 5 2.5;
  cursor: pointer;
}
.box2:hover {
  opacity: 0.3;
transition: .4s ease;
}



.submenu_apartment {  display: inline-block;
  width: 24%;         /*  width: 185px; */  min-width:120px;  height: 36px;

  margin: 5 2.5 5 2.5;
  cursor: pointer;
  
  border:2px #496b25 solid;
  background-color:#496b25; 
}
.submenu_apartment:hover {  opacity: 0.3; transition: .4s ease; }

.submenu_apartment_ACTIVE {  display: inline-block;
  width: 24%;         /*  width: 185px; */  min-width:120px;  height: 36px;

  margin: 5 2.5 5 2.5;
  cursor: pointer;
  
  border:2px white solid;
  background-color:#496b25;
}


.submenu_castlevisits {  display: inline-block;
  width: 24%;         /*  width: 185px; */  min-width:120px;   height: 36px;
  
  margin: 5 2.5 5 2.5;
  cursor: pointer;
  
  border:2px #BD1111 solid;
  background-color:#BD1111; 
}
.submenu_castlevisits:hover {  opacity: 0.3;    transition: .4s ease; }

.submenu_castlevisits_ACTIVE {  display: inline-block;
  width: 24%;         /*  width: 185px; */   min-width:120px;   height: 36px;
  
  margin: 5 2.5 5 2.5;
  cursor: pointer;
  
  border:2px white solid;
  background-color:#BD1111;
  }
  
.submenu_links {  display: inline-block;
  width: 24%;         /*  width: 185px; */  min-width:120px;  height: 36px;

  margin: 5 2.5 5 2.5;
  cursor: pointer;
  
  border:2px #496b25 solid;
  background-color:#496b25; 
}
.submenu_links:hover {  opacity: 0.3; transition: .4s ease; }

.submenu_links_ACTIVE {  display: inline-block;
  width: 24%;         /*  width: 185px; */  min-width:120px;  height: 36px;

  margin: 5 2.5 5 2.5;
  cursor: pointer;
  
  border:2px white solid;
  background-color:#496b25;
}

/* endof------- SUB MENU BUTTONS -------------------------------------------------------- */


.box2LONG {
  display: inline-block;
  /*vertical-align:top; */
  width: 24%;         /*  width: 185px; */
  min-width:124px;
 /* height: 150px;      /* 118px */
  margin: 5 2.5 5 2.5;
  cursor: pointer;
/*box-shadow: 0 0 20px rgba(0,0,0,0.4); */
}
.box2LONG:hover {
  opacity: 0.3;
transition: .4s ease;
}



.simpleButtonBOX {
display: inline-block;
  width: 170px;         /*  width: 185px; */
    height: 30px;
  margin: 5px;
  cursor: pointer;
  background-color:  #3e5e1c;
  
  font: ariel;
  color: white;
  font-size:medium;
  padding:10 0 0 0 ;
/*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/ 

}
.simpleButtonBOX:hover {
  opacity: 0.3;
  transition: .4s ease;}



.boxTEAM_PROFILE {
  display: inline-block;
  vertical-align:top;
  width: 23%;         /*  width: 185px; */
  min-width:170px;
  height: 220px;      /* 118px */
  margin: 5px;
  cursor: pointer;
box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.boxTEAM_PROFILE:hover {
  opacity: 0.3;
transition: .4s ease;
}
.boxGALLERY {
  display: inline-block;
  vertical-align:top;
  width: 23%;         /*  width: 185px; */
  min-width:170px;
  height: auto;      /* 118px */
  margin: 5px;
  cursor: pointer;
  background-color:#ffffff;  /*ccd4db*/
box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.boxGALLERY:hover {
  opacity: 0.3;
transition: .4s ease;
}





.divide5050box {
  display: inline-block;
  width: 270px;         /*  width: 185px; */
  height: auto;
  margin: 1px; 
  vertical-align: top;}



#footer {
  /*width: auto;
  border-radius: 5px;
  font-family: 'Open Sans', Helvetica, sans-serif;*/
  background: #444444;
  background: -o-linear-gradient(top, #5e5e5e, #303030);
  background: -ms-linear-gradient(top, #5e5e5e, #303030);
  background: -webkit-linear-gradient(top, #5e5e5e, #303030);
  background: -moz-linear-gradient(top, #5e5e5e, #303030);
  background: linear-gradient(to bottom, #5e5e5e, #303030);
}
.footerbox {
  display: inline-block;
  width: 30%;         /*  width: 185px; */
  min-width:190px;
  height: auto;
  margin: 5px; 
  vertical-align: top;}
.footerbox2 {
  display: inline-block;
  width: 300px;         /*  width: 185px; */
  height: auto;
  margin: 1px; 
  vertical-align: top;}


.simpleButton {
display: inline-block;
  width: 170px;         /*  width: 185px; */
    height: 40px;
  margin: 5px;
  cursor: pointer;
/*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/ 

}
.simpleButton:hover {
  opacity: 0.3;
  transition: .4s ease;}


.quicklinksButton {
	padding: 5px ;
	spacing: 5px;
	text-align: center;
	cursor: pointer;}
.quicklinksButton:hover {
  opacity: 0.5;
  transition: .4s ease;}


.socialButton{
     display: inline-block;
     margin: 2px; 
     width:40px;   height:40px;}
.socialButton:hover {
  opacity: 0.5;
  transition: .4s ease;}

.socialButtonBig{
     display: inline-block;
     margin: 8px; 
     width:100px;   height:100px;}
.socialButtonBig:hover {
  opacity: 0.5;
  transition: .4s ease;}
  


#slideshow {
  margin: 0px auto;
  position: relative;
  width: 100%;
  height: auto; 
 padding: 0px;
 /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); */
}

#slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.BoxCompanyDetails  {
display: inline-block;
  vertical-align:top;
  width: 200px;         /*  width: 185px; */
  height: 35px;      /* 118px */
  margin: 5px;
  cursor: pointer;
}
.BoxCompanyDetails:hover {
  opacity: 0.3;
transition: .4s ease;
}



/*<!-- END OF For Main Template ------------------------------------------------------------------------------>*/


/*<!-- START For Help Popup Menus ----------------------------------------------------------------------------------->*/

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;   /* <!-- change to hidden for final release   change to visible for editing   -->*/
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 14px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/*<!-- END OF For Help Popup Menus -------------------------------------------------------------------------->*/