a:link { color: #484848; text-decoration: none; }
a:visited {color: #0F467F; text-decoration: none; }
a:hover { color: #ea0000; text-decoration: none; }
a:active { color: #6699cc; text-decoration: none; }

a.hmains:link { text-align: left;	color: #FFFFFF;}
a.hmains:visited { text-align: left;	color: #FFFFFF;}
a.hmains:hover { text-align: left; color: #1A497D;}
a.hmains:active { text-align: left;	color: #FFFFFF;}

body{
	text-align: left;
	font-size: 100%;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

.body
{	
	padding: 0;
	margin: 0;
	width: 100%;
}

p
	{
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	font-size: 101%;
	line-height: 1.3;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:103%;
	font-weight: bold;
	color: #484848;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #484848;	
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:103%;
	font-weight: bold;
	color: #484848;	
	}
	
.red {
	color: #ea0000;                               /*red*/
}

.grey
{
	color: #222222;
}
	
 /* -------------------------content-1--------------------------------------------- */
 
 .content-1
 {
	width: 100%;
	float: left;
	/*padding: 1.2% 0 16px 0;*/
	padding: 2% 0 16px 0;
	margin: 0;
 }
 
.main-header
{
	width: 77%;
	margin: 0 auto;
	clear: both;
	position: relative; 
}

.main-header-mob
{ display: none;}

span.main-heading{
	font-family: Diod;
	font-size:60%;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

span.phone{
	font-family: Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight: normal;
	color: #ffffff;  					
}

.phone-no-btn
{
	width: 100%;
	clear: both;
	text-align: center;
	padding: 3% 1% 2% 1%;
	margin: 0% auto 0% auto;
	background-color: #080808;			/* BLUE */
	border: 1px solid #dddddd;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;

}

.main-header img
{	
    /*width: 127px; */
    height: auto;
    padding: 0 3px 0 0;
}

.top-1
{
	width: 33%;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.top-2
{
	width: 42%;
	text-align: left;
	float: left;
	vertical-align: bottom;
	margin: 0;
	/*padding: 40px 0 0 0;*/
	padding: 10px 0 0 0;
	background: #ffffff;
}

.top-3
{
	width: 25%;
	text-align: right;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffff;
}

/*--------------------------- content-2 - Navigation ------------------------------------------------------------*/

.content-2
{
	width:100%;
	height: 36px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #080808;   /*dark grey (was #333333 - lighter) */
	/*border-bottom-color: #e5e5e5;*/
}

.content-2 .nav-container
{
	width: 77%;
	margin: 0 11.5%;
	padding: 0;
	clear: both;
	top: 0;
	/*background-color: #dcdcdc;   */  /*light grey*/
}

.content-2 .nav-container nav.desk, .nav-container nav.mob
{
	width: 100%;
	/*height: 39px;*/
	height: auto;
	float: left;
	margin: 0; 
	padding: 0;
	/*background-color: #ffffff;*/
	/*position: relative;	*//*new*/
}

.content-2 .nav-container nav.desk .fb
{	float: right;
}
		
.content-2 .nav-container nav.desk ul
{
	list-style: none;
	/*display: inline; *//*?*/
	margin: 0 auto;  
	padding: 0;

	border-right-color: #dcdcdc;
}

.content-2 .nav-container nav.desk ul li
{
	display: inline-block;  /*?*/
	float: left;
	margin: 0; 
	padding: 0;	
	color: #ffffff;	
	cursor: pointer;
	border-right: 0.1px solid;	
	border-right-color: #808080;
	/*opacity: .8;*/
	/*width: 14%;
	height: 50px;*/
	/*transition: all 0.5s ease;*/
}

/*nav.desk ul li a*/
.content-2 .nav-container nav ul li a
{
		display: block;
		margin: 0;
		padding: 11px 21px 9px 20px;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 89%;
		font-weight: normal;
		color: #ffffff;	
		float: left;		
}

.content-2 .nav-container nav.desk ul li a:hover
{
		color: #ffffff;
		background-color: #3A3A3B;
		
}	

.content-2 .nav-container nav.desk ul li a#onlink				
{
		color: #222222;
		background-color: #e5e5e5;
}

.content-2 .nav-container nav.desk ul li ul
{
	display: none;
}

.content-2 .nav-container nav.desk ul li ul li
{
	display: none;
}

.content-2 .nav-container nav.desk ul li:hover ul
{
	display: block;
	position: absolute;				/*NEW*/
	margin-top: 36px;
	width: 320px;
	background-color: #080808;
}

.content-2 .nav-container nav.desk ul li:hover ul li
{
	display: block;
	width: 320px;
	
	/*background: transparent;*/
}

.content-2 .nav-container nav.desk ul li:hover ul li:hover		/*NEW*/
{
	/*background-color: #afb8ab;*/
	background-color: #3A3A3B;
	width: 100%;						/*NEW*/
}

.content-2 .nav-container nav ul li:hover ul li a
{
		display: block;
		/*color: #222222;*/
		color: #eceaea;
}

nav.mob
{
		display: none;
}


/* ---------------------content-3------------------------------------------------------------ */
 
.content-3
 {
	width: 100%;
	margin: 0;
	/*background-size: 100% auto;
	background-repeat: no-repeat;*/
	float: left;
 }

.banner-container                       
	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	/*position: relative;*/				/*remooved to make sub-menu work*/
}

 .banner                                /*new*/
  {
	/* position: relative;		*/	/*remooved to make sub-menu work*/
	 z-index: 0;
	width: 100%;
	height: auto;
	float: left;
 }
 
.banner-container .banner-right
{	
	float: left;
}


.banner-right-content
{	
	width: 24%;			
	position: absolute;
	margin: 0 0;
	top: 20%;
	right: 38%;
	/*padding: 60% 10% 5% 0;*/
	/*margin: 60% 10% 5% 0;*/
}

.banner-right
{ /*padding: 0 0 50px 0;*/	}

.banner-container-tab
{	display: none;}

.banner-container-tab-and-mob
{	display: none;}

.banner-right-content-mob
{	display: none;}

/*------------------------------------------------------------------------------------*/
.banner-container .banner-right .enquire-btn
{
	width: 100%;
	clear: left;
	text-align: center;
	padding: 4% 1%;
	margin: 90% 0 0 0%;
	background-color: #ea0000;                         /*red*/
	border: 1px solid #dddddd;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
	font-weight: normal;
	color: #ffffff;
	font-size: 107%;
	/*position:relative;*/
}

.banner-container .banner-right a.enquire-btn:link {color:#ffffff;}

.banner-container .banner-right .enquire-btn:hover 
 {
	-webkit-filter:contrast(90%); 
	-webkit-filter:brightness(90%);
	color:#ffffff;	
}


/*----------Responsive slideshow------------------------*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* ---------------------content-4------------------------------------------------------------ */
 
  .content-4
 {
	width: 100%;
	float: left;
 }
 
 .main-article
  {
	width: 77%;
	margin: 0 auto;
	padding: 0.5% 0 0.5% 0;
	clear: both;
 }
 
 
 .booking-btn
{
	width: 210px;
	clear: left;
	text-align: center;
	padding: 8px 4px;
	/*margin: 60% 0 0 8%;*/
	background-color: #ea0000;
	border: 1px solid #d3212f;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
	font-weight: bold;
	color: #ffffff;
	font-size: 110%;
	/*position:relative;*/
}


/* New enquite btn - one for all ------------------- */

.content-4 .main-article .enquire-btn2
{
	width: 300px;
	clear: both;
	text-align: center;
	padding: 1% 1% 0.8% 1%;
	margin: 1.3% auto 0% auto;
	background-color: #7DB3D7;
	border: 1px solid #dddddd;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
	font-weight: normal;
	color: #ffffff;
	font-size: 107%;
	/*position:relative;*/
}

.content-4 .main-article a.enquire-btn2:link {color:#ffffff;}

.content-4 .main-article .enquire-btn2:hover 
 {
	-webkit-filter:contrast(90%); 
	-webkit-filter:brightness(90%);
	color:#ffffff;	
}
 

/* ---------------------content-5------------------------------------------------------------ */
 
  .content-5
 {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
 }
 
 .sidebar-container
  {
	width: 77%;
	margin: 0 auto;
	padding: 0;
	clear: both;
 }
 
 .sidebar-1
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	/*border: 1px solid #e8e6e6;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	margin: 0% 1% 0% 0;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
	text-align: justify;
	
}

.sidebar-2
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	margin: 0% 1% 0% 1%;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
	text-align: justify;
}

.sidebar-3
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	margin: 0% 1% 0% 1%;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
	text-align: justify;
}

.sidebar-4
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	margin: 0% 0% 0% 1%;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
	text-align: justify;
}

.sidebar-5
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	margin: 3% 1% 0% 0%;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
}

.sidebar-6
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	margin: 3% 1% 0% 1%;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
}

.sidebar-7
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	margin: 3% 1% 0% 1%;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
}

.sidebar-8
{
	width: 23%;
	float: left;
	/*background-color: #f3f3f3;*/
	margin: 3% 0 0% 1%;
	/*padding: 0.1% 0.5% 0.3% 0.5%;*/
	padding: 0;
}

.article
{
	margin: 0;
	padding: 0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	font-size: 101%;
	line-height: 1.3;
}

.sidebar-1 img, .sidebar-2 img, .sidebar-3 img, .sidebar-4 img, .sidebar-5 img, .sidebar-6 img, .sidebar-7 img, .sidebar-8 img
{
	width: 100%;
	height: auto;
	margin: 0% 0 3% 0;
}

.sidebar-1:hover, .sidebar-2:hover, .sidebar-3:hover, .sidebar-4:hover, .sidebar-5:hover, .sidebar-6:hover, .sidebar-7:hover, .sidebar-8:hover
{
	background-color: #fafafa;
	/*border: 1px solid #c3c3c3;*/

}

.sidebar-1 a, .sidebar-2 a, .sidebar-3 a, .sidebar-4 a, .sidebar-5 a, .sidebar-6 a, .sidebar-7 a, .sidebar-8 a
{
	color: #484848;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
	font-weight: normal;
}



/*.sidebar-1 a:hover, .sidebar-2 a:hover, .sidebar-3 a:hover, .sidebar-4 a:hover, .sidebar-5 a:hover, .sidebar-6 a:hover, .sidebar-7 a:hover, .sidebar-8 a:hover
{
	color: #ea0000;
}*/

.sidebar-1 h2:hover, .sidebar-2 h2:hover, .sidebar-3 h2:hover, .sidebar-4 h2:hover, .sidebar-5 h2:hover, .sidebar-6 h2:hover, .sidebar-7 h2:hover, .sidebar-8 h2:hover
{
	color: #ea0000;
}

/*-------------------Testimonials -----------------------------------------------------------------------------*/
 .testimonials-left
{
	width: 26%;
	float: left;
	background-color: #f0f0f0;
	border: 1px solid #e8e6e6;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	margin: 1% 1% 1% 0;
	padding: 1% 1% 1% 2%;
}

 .testimonials-right
{
	width: 65%;
	float: right;
	margin: 1% 0% 1% 3%;
	padding: 0;
}

.testimonial-item
{
	width: 100%;
    padding: 1%;
	margin: 0;
	/*background:  #dddddd url(images/gradient-testimonials-bg.jpg);
	background-size: 100% 100%;
    background-repeat: no-repeat;*/
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
   	 min-height:90px;
    	-moz-border-radius:1px;
    	-webkit-border-radius:1px;
    	border-radius:1px;
}

.testimonial-quote
{
	padding: 0 5px 0 40px;
}

.testimonial-author{
    color: #878787;
    font-size: 17px;
	font-weight: bold;
    font-style: italic;
    text-align: left;
	margin-bottom:10px;
}

.testimonial-link{
    color: #878787;
    font-size: 16px;
    font-style: italic;
    text-align: left;
    margin-top:10px;
}

.testimonial-text{
    color: #878787;
    font-size: 16px;
    font-style: italic;
    text-align: left;
    margin-top:10px;
}

	
/*---------------------our services page _____________________________________________________________________*/
.services-container
{
	width: 77%;
	margin: 40px 11.5%;
	padding: 0;
	clear: both;	
}

.services-container .book-btn
{
	width: 235px;
	text-align: center;	
	padding: 1% 0%;
	background-color: #ea0000; 
	border: 1px solid #c62a00;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
	color: #ffffff;
	font-size: 120%;
}

.services-container .book-btn a
{
	color: #ffffff;
	font-size: 119%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.services-container .book-btn:hover 
 {
	-webkit-filter:contrast(90%); 
	-webkit-filter:brightness(90%);
	color:#ffffff;	
}

.our-serv-pic
	{padding: 0 0 0 6%;
	}
	
	
/*-----Air-con --------------------------------------------------------------------------------------------*/
.air-con
{
	width: 77%;
	margin: 40px auto;
	padding: 0;
	clear: both;	
}

.air-con img
{padding: 0.3%;
}



/*---------------------Booking ppage------------------------------------------------------------------------*/

    .booking-page-form
    {   width: 90%;
        clear: both;
        margin: 0 5%;
    }
    
    .contact-item-row
    {
    	width: 99%;
    	margin: 0 auto;
    	padding: 0;
    	clear: both;
    }
	
	.contact-form-column-1
	{
		width: 22%;
		text-align: left;
		float: left;
		margin: 0;
		padding: 1%;
	}
	
		.contact-form-column-2
	{
		width: 40%;
		text-align: left;
		float: left;
		margin: 0;
		padding: 1%;
	}
	
		.contact-form-column-3
	{
		width: 32%;
		text-align: left;
		float: left;
		margin: 0;
		padding: 1%;
	}
	
	
/*----------- Contact us -----------------------------------------------------*/

.contact-us-form 
{
	width:60%;
	margin: 2% 20%;
	padding: 0;
}

	.contact-left
	{
		width: 25%;
		text-align: left;
		float: left;
		margin: 0;
		padding: 1%;
	}
	
		.contact-right
	{
		width: 60%;
		text-align: left;
		float: left;
		margin: 0;
		padding: 1%;
	}

.services-column-1      /* ??? */
{	width: 22%;
	float: left;
}

.services-column-2
{	width: 39%;
	float: left;
	
}

.services-column-3
{	width: 39%;
	float: left;
}
	
/*------------------------Image Gallery        ____________________________________ */

		ul, li, img {
			
		}

		#wizards {
			/*width: 940px; 
			margin: 10px auto;
			padding-left: 50px;*/
			margin: 5px;
		}
		
		#wizards li {
			list-style: none; 
			float: left; 
			margin: 10px 15px 10px 15px;
			
		}
		
		#wizards a img {
		    width: auto;
			height: 250px;
			border: 2px solid #c3c3c3;
		    	-moz-border-radius:2px;
		    	-webkit-border-radius:2px;
		    	border-radius:2px;
		}
		
		#wizards a:hover img {
			    border: 2px solid #76a3e8;
		    	-moz-border-radius:2px;
		    	-webkit-border-radius:2px;
		    	border-radius:2px;

		}	



#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-style: outset;
}
#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
	top: 150px;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {                           /*the bottom of frame*/
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* ---------------------------------content-5b ----------------------------------------------------------------*/
  .content-5b
 {
	width: 100%;
	float: left;
	background-color: #eeeeee;
 }
 
 .content-5b-container
  {
	width: 77%;
	margin: 0 auto;
	padding: 0;
	clear: both;
 }
 
 .content-5b h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #124989;
	font-weight: bold;
	margin-bottom: 0px;	
	}
	
.promo1
{
	/*background:#dddddd;*/
	padding: 0 0 8px 0;
}
	
.promo-text
{
	color: #ea0000; 
	font-weight: bold;
	
}

/* ---------------------------------content-5c ----------------------------------------------------------------*/
  .content-5c
 {
	width: 100%;
	float: left;
 }
 
 .content-5c-container
  {
	width: 77%;
	clear: both;
	margin: 0 auto;
	padding: 0;

 }

/* ---------------------content-6------------------------------------------------------------ */
 
.content-6
 {
	width: 100%;
	float: left;
	/*background-image: url(images/bg.jpg);*/
	background-color:#eeeeee;
 }
 
 
 .content-grey			/*used  */
{
	width: 77%;
	clear: both;
	padding: 0;
	background-color:#eeeeee;
	margin: 2% auto;
	/*margin: 0px;*/
	/*padding-left: 5px 0px;*/
		
}
 
.content-6 p
{
	font-size: 101%;
	color: #333333;
	line-height: 22px;
	font-weight: normal;
}

.content-6 h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #124989;
	font-weight: bold;
	margin-bottom: 0px;	
	}
	
.why-us-1, .why-us-2, .why-us-3
{
	width: 33.3%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #eeeeee;
}


/*----------button-container ---------------------------- */

.button-container
  {
	width: 77%;
	margin: 0 auto;
	padding: 1% 0 2.5% 0;
	clear: both;
	text-align: center;
 }
 
.button-container .all-services-btn
{	
	margin: 0 auto;
	width: 17%;
	text-align: center;
	padding: 1% 1%;
	background-image: url(images/top-bg-red-gradient-2.jpg);
	background-size: 100% 100%;
    background-repeat: no-repeat;
	border: 1px solid #d3212f;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
	font-weight: bold;
	color: #ffffff;
	font-size: 110%;
}
.button-container .all-services-btn a
	{color:#ffffff;}

a.all-services-btn:link {color:#ffffff;}

.all-services-btn:hover 
 {
	-webkit-filter:contrast(90%); 
	-webkit-filter:brightness(90%);
	color:#ffffff;
}

/*--------------------------content-7----------------------------------------------*/

.content-7
 {
	width: 100%;
	float: left;
 }
 
 .content-7-container
  {
	width: 77%;
	margin: 0 auto;
	padding: 0;
	clear: both;
 }
 
 .content-7 h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #124989;
	font-weight: bold;
	margin-bottom: 0px;	
	}

/*--------------------------content-8----------------------------------------------*/

.content-8
 {
	width: 100%;
	float: left;
 }
 
.content-8b 
  {
	width: 100%;
	float: left;
	background-image: url(images/bg.jpg);
 }
 
.bottom-images-container
  {
	width: 77%;
	margin: 0 auto;
	padding: 0;
	clear: both;
 }

.bottom-images-container-1
{
	width: 32%;
	float: left;
	margin: 2.5% 1% 2.5% 0;
}

.bottom-images-container-2
{
	width: 32%;
	float: left;
	margin: 2.5% 1% 2.5% 1%;
}

.bottom-images-container-3
{
	width: 32%;
	float: left;
	margin: 2.5% 0 2.5% 1%;
}

.bottom-images-container-1 img, .bottom-images-container-2 img, .bottom-images-container-3 img
{
	width: 100%;
	height: auto;
}


/* ---------------------content-bottom---------------------------------------------------------*/
 
.content-bottom
 {
	width: 100%;
	float: left;
	background-color: #080808;
 } 
	
.footer {
	width: 77%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	font-size: 90%;
	padding: 1%;
}

.footer a{
	color: #BDBDBD;
	text-decoration: none;
}

.footer a:hover{
	color: #ffffff;
}

.copyright {
	font-size: 85%;
	color: #e7e7e7;		
	padding: 1% 0 0 0;
}

.menu-trigger
{	display: none;}


	
/* --------- MOBILE ----------------------------------------------------------------*/

/*@media only screen and (min-width:150px) and (max-width: 550px)*/
@media only screen and (min-width:150px) and (max-width: 700px)
{
body .body 
	{
		width: 100%;
		font-size: 95%;
		margin: 0;
	}
	
	/* --------------------------------------------- */
	.content-1
	{
		margin: 0;
		padding: 0;
	}
	
	.main-header
	{
		display: none;
	}
	
	.main-header-mob
	{ 	display: block;
		background-color: #ffffff; 
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		padding: 0;
	}
	
/*----------------- mobile - nav - content-2 ---------------------*/

.content-2{
	background-color: #080808;  
    height: auto;
}
	
.content-2 .nav-container
	{
	width: 100%;
	float: left;
	margin: 0;
	background-color: #080808; 
}

.content-2 .nav-container nav.desk
{
	display: none;	
}


.content-2 .nav-container nav.mob
{
	display: block;	
	position: relative;
	z-index: 2;
}


/* Mobile navigation - old ___________________________________________ */

nav.mob .dropdown .dropbtn {
    /*background-color: #222222; */
    background-color: #080808;
	width: 60%;
    color: #FFFFFF;
	/*margin: 0 5%;*/
	/*padding: 10px 0;*/
	margin: 0;
	padding: 10px 0;
    font-size: 17px;
    font-weight: bold;
    border: none;
    cursor: pointer;
	text-align: left;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #333333;  
	border: none;
}


/*-----Nav mob submenu - new button/div - dropbtn-main - our serv ---------------------------------------------------------------------*/

nav.mob .dropdown .dropbtn-main {
  
    background-color: #080808;
	width: 100%;
    color: #FFFFFF;
	/*margin: 0 5%;*/
	/*padding: 10px 0;*/
	margin: 0;
	padding: 10px 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
	text-align: left;
}

/* Dropdown button on hover & focus */
.dropbtn-main:hover, .dropbtn-main:focus {
    background-color: #333333;  
	border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
   /* position: relative;*/
/*	display: inline-block;*/
    width: 100%;
    margin: 0;                      /* new */
    padding: 0;                     /* new */
    background-color: #080808;  
    color: #FFFFFF;
	text-align: left;
	/*float: left;*/
	/*opacity: .9;  */
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1A1A1A; 
	color: #ffffff;
	font-size: 16px;
    min-width: 100%;
    
    margin: 0;
    padding: 0;
	/*border-bottom: 1px solid #ffffff;*/
}

/* Links inside the dropdown */
.dropdown-content a {
    font-size: 16px;
    padding: 12px 14px;
    /*padding: 1.5% 2%;      */      /* changed to test */
    text-decoration: none;
    display: block;
	color: #FFFFFF;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
	{background-color: #262626;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/*-----Nav mob submenu - our serv ---------------------------------------------------------------------*/
.dropbtn2 {
    background-color: #1A1A1A; 
	width: 100%;
    color: #FFFFFF;
	/*margin: 0 4%;
	padding: 10px 0;*/
	padding: 12px 14px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	text-align: left;

}

/* Dropdown button on hover & focus */
.dropbtn2:hover, .dropbtn2:focus {
    background-color: #1A1A1A;  
	border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown2 {
    position: relative;
	display: inline-block;
    width: 100%;
    background-color: #1A1A1A;  
    color: #FFFFFF;
	text-align: left;
	float: left;
	/*opacity: .9;  */
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #1A1A1A; 
	color: #ffffff;
	font-size: 16px;
    min-width: 100%;
	/*border-bottom: 1px solid #ffffff;*/
}

/* Links inside the dropdown */
.dropdown-content2 a {
    font-size: 16px;
    padding: 12px 14px;
    text-decoration: none;
    display: block;
	color: #FFFFFF;
}

/* Change color of dropdown links on hover */
.dropdown-content2 a:hover 
	{background-color: #262626;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

	
/*---------------- Mobile content-3 ---------------------*/
    .content-3
    {
        width: 100%;
        margin: 0;
		padding: 0;
    }
 
 	.banner-container
	{	display: none;}
	
	.banner-container-tab
	{	display: none;}
	
	
	/*.banner-right
	{	display: none;}
	
	.banner-left
	{	margin: 0 12.5%;}
	*/
	
	.banner-container-tab-and-mob
	{
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	
	.banner-container-tab-and-mob .banner-right
	{	display: block;
		width: 90%;
		margin: 0 5%;
		clear: both;}
		
	.banner-right-content							/* problem !!! */
	{
		/*width: 100%;
		margin: 0 0;*/
		width: 88%;							/* problem !!! */
		/*top: 20%;*/
	/*	top: 62%;*/                            /*was too low on mu mobile */
	    top: 53%;
		right: 7%;
		margin: 0 0;
		position: absolute;

	}
		
		
	.banner-container-tab-and-mob h1
	{	color: #ea0000;
		font-size: 119%;
	}
	
	.banner-container-tab-and-mob .enquire-btn
	{		
		width: 80%;
		clear: both;
		padding: 2% 1%;
		/*margin: 50% 15% 0 15%;*/
		/*margin: 57% 10% 0 1%;*/
		margin: 0% 10% 0 10%;
		text-align: center;
		background-color: #ea0000;
		border: 1px solid #d3212f;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;
		border-radius:1px;
		font-weight: normal;
		color: #ffffff;
		font-size: 110%;
		
		position: absolute;
		top: 0%;
		z-index: 1;
	}
	
	.banner-container-tab-and-mob .enquire-btn a
		{color:#ffffff;}

	.banner-container-tab-and-mob .enquire-btn:hover 
	 {
		-webkit-filter:contrast(90%); 
		-webkit-filter:brightness(90%);
		color:#ffffff;
	}
	
	.content-4 .main-article
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	.content-4 .main-article .enquire-btn2
	{
	    width: 90%;
		clear: both;
		padding: 2% 1%;
		margin: 3% auto 0 auto;
		text-align: center;
		background-color: #ea0000;
		border: 1px solid #d3212f;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		font-weight: normal;
		color: #ffffff;
		font-size: 110%;
	}
	
	.air-con
	{
        width: 90%;
		clear: both;
		margin: 0 5%;	    
	
	}
	
/*-----------Mobile content-5 ----------------------------*/

	.sidebar-container
	{
		width: 100%;
	}
	
	.sidebar-1
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		padding: 0;
		/*float: none;*/
	}

	.sidebar-2
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		/*float: none;*/
		padding: 0;
	}

	.sidebar-3
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		/*float: none;*/
	}
	
	.sidebar-4
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		/*float: none;*/
	}
	
	.sidebar-5
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		/*float: none;*/
	}
	
	.sidebar-6
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		/*float: none;*/
	}
	
	.sidebar-7
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		/*float: none;*/
	}
	
	.sidebar-8
	{
		width: 90%;
		clear: both;
		margin: 2.5% 5%;
		/*float: none;*/
	}
	
	.sidebar-1 .article 
	{
	    margin: 0;
	    padding: 0;
	}
	
	.sidebar-1 img, .sidebar-2 img, .sidebar-3 img
	{
		margin: 0;
	}
	
	.button-container .all-services-btn
	{
		width: 70%;
		padding: 4% 1%;
		margin: 3% auto;
	}
	
	.services-container .book-btn
{
	width: 235px;
	padding: 2.5% 1%;
	font-size: 120%;
}
	
	.services-container
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	.our-serv-pic
	{padding: 0 0 10px 0;
	width: 100%;}
	
	#wizards ul li img
	{
	    text-align: center;
	}
	
	#wizards a img {
		    width: auto;
			height: 280px;}
	
	/*--------------Booking page------------------------------------------*/
	
	.booking-page-form
    {    
    width:100%;
     margin: 0;
    }

	/*--------------Contact us page------------------------------------------*/
    .contact-us-form 
    {
    	width:100%;
    	margin: 1% 0%;
    	padding: 0;
    }

	.contact-left
	{
		width: 98%;
		text-align: left;
		float: left;
		margin: 0;
		padding: 1%;
	}
	
	.contact-right
	{
		width: 98%;
		float: left;
		margin: 0;
		padding: 1%;
	}
	
	
	/*----Testimonials ----------------------------*/
	 .testimonials-left
{
	width: 100%;
	float: left;
	background-color: #ffffff;
	border: none;
	margin: 1% 0%;
	padding: 1% 0;
}

 .testimonials-right
{
	width: 95%;
	float: left;
	clear: both;
	margin: 1% 0%;
	padding: 0;
}

.testimonial-item
{	width: 100%;
}

.testimonial-quote
{	width: 96%;
padding: 1% 2%;
}
	
	/*----content-5b --------------------------*/
	
	.content-5b-container
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	.content-5b-container .promo1
	{
		background-color: #eeeeee;
	}
	
	/*----content-5c --------------------------*/
	.content-5c-container
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	
	/*----content-6 --------------------------*/
	
	.content-grey,	.footer									/*??*/
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	.why-us-1, .why-us-2, .why-us-3
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	/*----content-7 --------------------------*/
	
	.content-7-container
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	.content-7-container .h3
	{
	color: #ea0000;  
	}
	
	.content-7-container a
	{
	color: #ea0000;  
	}
	
	/*.bottom-images-container-1, .bottom-images-container-2, .bottom-images-container-3
	{
		width: 90%;
		clear: both;
		margin: 3% 2.5%;
	}*/


	.view {
    width: 240px;
    height: auto;
	}
	.view .mask, .view .content {
		width: 240px;
		height: auto;
	}
	.view img {
		width: 240px;
		height: auto;
	}
	
	
	/*---Contact us - mobile ---------*/
	
	.contact-form-column-1
	{
		width: 100%;
		text-align: left;
	}
	
	.contact-form-column-2, .contact-form-column-2-wide
	{
		width: 100%;
	}
	
	.contact-form-column-3
	{
		width: 100%;
	}
	
	.services-column-1, .services-column-2, .services-column-3
	{
		width: 100%;
	}
}




/* --------- Tablet 701px - 1200px ----------------------------------------------------------------*/

/*@media only screen and (min-width: 901px) and (max-width: 1200px)*/
@media only screen and (min-width: 701px) and (max-width: 1200px)
{
	.main-header
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	

	/*
	
	.main-article, .sidebar-container, .why-us-container, .our-work-container, .bottom-images-container
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
	}
	
	.main-header .top-1
	{
		width: 30%;
		float: left;
	}
	
	.top-1 .img
	{
		width: 256.5px;
		height: 45.6px;
	}
	
	.main-header .top-2
	{
		width: 70%;
		float: right;
		vertical-align: top;
		margin: 0;
		
		padding: 0px 0 0 0;
	}
	
	.top-2 .main-heading
	{
		font-size: 156%;	
	}
	
	.main-header .top-3
	{
		width: 70%;
		float: right;
	}
	
	.top-3 .phone
	{
	float: left;
	font-size: 150%;
	}
	
	.phone-no-btn
{
	width: 50%;
	clear: both;
	text-align: center;
	padding: 3% 1% 2% 1%;
	margin: 0% auto 0% auto;
	background-color: #080808;			
	border: 1px solid #dddddd;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;

}
*/


.main-header-mob
{ display: none;}

span.main-heading{
	font-family: Diod;
	font-size:60%;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

span.phone{
	font-family: Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight: normal;
	color: #ffffff;  					
}

.phone-no-btn
{
	width: 100%;
	clear: both;
	text-align: center;
	padding: 2% 1% 2% 1%;
	margin: 0% auto 0% auto;
	background-color: #080808;			/* BLUE */
	border: 1px solid #dddddd;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;

}

	.top-1 img
	{
		width: 100%;
		height: auto;
		padding: 0 2px 0 0;
	}

.top-1
{
	width: 33%;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.top-2
{
	width: 34%;
	text-align: left;
	float: left;
	vertical-align: bottom;
	margin: 0;
	/*padding: 40px 0 0 0;*/
	padding: 10px 0 0 0;
	background: #ffffff;
}

.top-3
{
	width: 33%;
	text-align: right;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffff;
}

	.content-2 .nav-container 
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
		padding: 0;
	}
	
	/*.content-2 .nav-container .desk
	{
		width: 20%;
		clear: both;
			margin: 0 11.5%;
	}*/
	
	.content-2 .nav-container nav ul li a
	{
		padding: 6px 10px 5px 10px;		
		/*font-size: 105%;*/
	}
	
	.fb
	{display: none;}
	
	.content-5c-container, .content-grey, .content-7-container, .footer
	{
		width: 90%;

	}
	
/*----------- tablet 901px - 1200px content-3 --------*/
	
	.main-header
	{display: block;

	}
	
	.main-article
	{
		width: 90%;
		clear: both;
		margin: 0 5%;
		padding: 0.5% 0 0.5% 0;
	}
 
	.main-header-mob
	{display: none;
	}
	
	.banner-right
	{	display: block;
		width: 100%;}
	
	.banner-right-content
	{	width: 38%;
		position: absolute;
		margin: 0 auto;
		top: 20%;
		right: 31%;
	}
	
	.banner-container
	{	display: block;}
	
	.banner-container-tab-and-mob
	{	display: none;}
	
	.banner-container .banner-right .enquire-btn
{
	width: 100%;
	clear: left;
	text-align: center;
	padding: 3% 1%;
	margin: 60% 0 0 0%;
	background-color: #ea0000;                         
	border: 1px solid #dddddd;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
	font-weight: normal;
	color: #ffffff;
	font-size: 107%;
	/*position:relative;*/
}

	
/*----------- content-5 --------------------------------------*/	
	.button-container .all-services-btn
	{
		width: 20%;
	}
	
	.content-5  .sidebar-container .sidebar-1, .sidebar-2, .sidebar-3, .sidebar-4, .sidebar-5, .sidebar-6, .sidebar-7, .sidebar-8
	{
		width: 90%;
		clear: both;
		margin: 1.3% 5%;
		padding: 1% auto;
		/*float: none;*/
	}
	
	.sidebar-1 img, .sidebar-2 img, .sidebar-3 img, .sidebar-4 img, .sidebar-5 img, .sidebar-6 img, .sidebar-7 img, .sidebar-8 img
	{
	margin: 0.3% 0;
	}

	.content-5 .services-container
	{
		width: 90%;
		clear: both;
		margin: 2% 5%;
	}
	
	.our-serv-pic
	{
		width: 250px;
	}
	
	


}