@charset "UTF-8";
/* CSS Document */
.image_container{width:100%;height:100%;}

a:link {color: #00BFFF; text-decoration: none;font-weight: 900}
a:visited {text-decoration: none;color: #00BFFF;font-weight: 900}
a:hover {text-decoration: underline; color:#00BFFF;font-weight: 900}
a:active {text-decoration: none; color: #00BFFF;font-weight: 900}

.headertop a:link {color: #02BDFE; text-decoration: none;}
.headertop a:visited {text-decoration: none;color: #02BDFE}
.headertop a:hover {text-decoration: underline; color:#02BDFE;}
.headertop a:active {text-decoration: none; color: #02BDFE;}

.video-container {position: relative;padding-bottom: 60.25%;padding-top: 0px; padding-left:0px; height: 0; overflow: hidden;}
 
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width:95%;height: 100%;padding-left: 12px;}
.wrap{width:100%;}

.wrap{width:100%; position: relative;}

/* Tablet Layout: 481px to 769px*/
@media (max-width: 768px){
body{width: 100%; margin: auto; overflow-x:hidden;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size:16px;text-align: center;}
	.headerfull{display:inline-block;vertical-align: bottom;background:url("../images/dod12.jpg"); width: 100%;text-align: center}
	.headerbar{width:100%; display:block;height: 10px; background-color: #1ebcff}
	.headername{width:100%;display:inline-block;margin:0;height: 100%}

	.logo{width:100%;display: inline-block;float: left;height:100%;padding-top:5px}
	.logo img{height:80px; padding: 4px 0}
	.headerpics{height:100%; display: none;vertical-align: bottom;}
	.headerpics img{width: 100%;}
	.headerbar2{height: 3px;background-color: navy;}
	
.headernav{width:100%; height:100%;display:block; background-image:linear-gradient(#ff2dae, #ffff00);font-weight:bolder;padding:5px 0}

.contentsection{background:url("../image/contentareabgr.png") repeat;width: 100%;text-align: center;vertical-align: top}
.bodycontent{width:90%;display: inline-block;text-align: center;padding:20px 0 20px 0;vertical-align: top}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: left;padding-bottom: 10px;display: inline-block;height:100%;vertical-align: top}
	
.footer{width:100%;height:100%;display:inline-block;font-size:20px;font-weight:bold;background-image: url("../images/dod12.jpg")}
.footerleft{width:100%;display:inline-block;text-align:center;float:left;padding: 10px 0;font-size:20px}
	.footerleft img { width:120px; height:60px}
.footerright{width:100%;display:inline-block;text-align:center;padding: 5px 0; font-size:18px}
	.footerbottom{width:100%; display: inline-block; font-size:9px}

.bodytext{width:90%; padding: 10px 0px 15px 0px;text-align: left;display: inline-block;}
	.pagetitlearea{width:100%;display: inline-block; Border-top: 3px solid blue;Border-bottom: 5px solid blue;background-color: #1ebcff;margin:5px 0; }
	.pagetitle{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-weight: bolder; font-size: 30px; color:#ffffff;-webkit-text-stroke: 1px black;}
	
/*home*/
	.limage{width:100%;display: inline-block;}
	.limage img{width:100%;}
	.row{width:100%; height:100%;display: inline-block;background-image: url("../images/3522195.jpg");padding:10px 0 0 0;margin:0px 0;min-height:170px}
	      .container {width:90%;height:100%; display: inline-block;text-align: center;vertical-align: top;padding-bottom:15px}
	.box{width:80%; border: 8px solid yellow;position: relative;display:inline-block;
      margin: 0px 0px; z-index: 99;border-radius: 50% / 10%;text-align: center;	opacity: 1;  height: auto;  -ms-transition: .5s ease;  backface-visibility: hidden;vertical-align: top}
	.box img{width:100%;height:100%; border-radius: 60% / 10%;margin: 0; padding: 0;}
	.hometext{width:95%; display: inline-block;text-align: left; vertical-align: top;padding-left:20px}
	.homefbook{width:100%; display: inline-block; padding-bottom: 10px}
          .middle {  transition: .5s ease;  opacity: 0;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); -transform: translate(-50%, -50%);  text-align: center;}
	      .container:hover .box img{  opacity:0.8;}
		  .container:hover .middle {  opacity: 1;}
		  .text {background-color: #1EBCFF;  color: white;font-weight: bolder;text-transform: uppercase;  font-size: 16px;	padding: 16px 32px;}

	.title{width:100%;height:35px;color:#ffffff; border-radius: 10% 10% 75% 75%;font-size:25px;font-weight: bolder; background-color: deeppink;position: absolute;z-index:1;top:85%;border-top:yellow 5px solid;vertical-align: top;box-shadow: 3px 3px lightgray}
	
	/*booking*/
	.subtitle{color:blue; font-weight: bolder;text-transform: uppercase;margin:10px 0}

}
/* Laptop Layout: 769px to a max of 1057px.*/
@media (min-width: 769px){
	body{width: 100%; margin: auto; overflow-x:hidden;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size:16px;text-align: center;}
.headerfull{display:inline-block;vertical-align: bottom;background:url("../images/dod12.jpg"); width: 100%;text-align: center}
	.headerbar{width:100%; display:block;height: 10px; background-color: #1ebcff}
	.headername{width:100%;display:inline-block;margin:0;height: 100%}

	.logo{width:100%;display: inline-block;float: left;height:100%}
	.logo img{height:120px; padding: 4px 0}
	.headerpics{height:100%; display: inline-block;vertical-align: bottom;}
	.headerpics img{width: 100%;}
	.headerbar2{height: 3px;background-color: navy;}
	
.headernav{width:100%; height:100%;display:block; background-image:linear-gradient(#ff2dae, #ffff00);font-weight:bolder;padding:5px 0}

.contentsection{background:url("../image/contentareabgr.png") repeat;width: 100%;text-align: center;vertical-align: top}
.bodycontent{width:90%;display: inline-block;text-align: center;padding:20px 0 20px 0;vertical-align: top}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: left;padding-bottom: 10px;display: inline-block;height:100%;vertical-align: top}
	
.footer{width:100%;height:100%;display:inline-block;font-size:20px;font-weight:bold;background-image: url("../images/dod12.jpg")}
.footerleft{width:45%;display:inline-block;text-align:right;float:left;padding: 20px 0;font-size:20px}
	.footerleft img { width:200px; height:100px}
.footerright{width:45%;display:inline-block;text-align:left;padding: 15px 0; font-size:18px}
	.footerbottom{width:100%; display: inline-block; font-size:12px}

.bodytext{width:90%; padding: 10px 30px 15px 45px;text-align: left;display: inline-block;}
	.pagetitlearea{width:100%;display: inline-block; Border-top: 3px solid blue;Border-bottom: 5px solid blue;background-color: #1ebcff;margin:5px 0; }
	.pagetitle{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-weight: bolder; font-size: 30px; color:#ffffff;-webkit-text-stroke: 1px black;}
	
/*home*/
	.limage{width:100%;display: inline-block; margin:auto;}
	.limage img{width: 100%;height: 100%}
	.row{width:100%; height:100%;display: inline-block;background-image: url("../images/3522195.jpg");padding:20px 0;margin:0px 0;min-height:180px}
	      .container {width:32%;height:100%; display: inline-block;text-align: center;vertical-align: top}
	.box{width:80%; border: 8px solid yellow;position: relative;display:inline-block;
      margin: 0px 0px; z-index: 99;border-radius: 50% / 10%;text-align: center;	opacity: 1;  height: auto;  -ms-transition: .5s ease;  backface-visibility: hidden;vertical-align: top}
	.box img{width:100%;height:100%; border-radius: 60% / 10%;margin: 0; padding: 0;}
	.hometext{width:55%; display: inline-block;text-align: left; vertical-align: top}
	.homefbook{width:30%; display: inline-block; }
          .middle {  transition: .5s ease;  opacity: 0;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); -transform: translate(-50%, -50%);  text-align: center;}
	      .container:hover .box img{  opacity:0.8;}
		  .container:hover .middle {  opacity: 1;}
		  .text {background-color: #1EBCFF;  color: white;font-weight: bolder;text-transform: uppercase;  font-size: 16px;	padding: 16px 32px;}

	.title{width:100%;height:42px;color:#ffffff; border-radius: 10% 10% 75% 75%;font-size:25px;font-weight: bolder; background-color: deeppink;position: absolute;z-index:1;top:90%;border-top:yellow 5px solid;vertical-align: top;box-shadow: 3px 3px lightgray}
	
	/*booking*/
	.subtitle{color:blue; font-weight: bolder;text-transform: uppercase;margin:10px 0}
}

/* Desktop Layout: 1057px to a max of 1238px.*/
@media (min-width: 1057px){
body{width: 100%;overflow-x:hidden;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size:22px;text-align: center;}
	.headerfull{display:inline-block;vertical-align: bottom;background:url("../images/dod12.jpg"); width: 100%;text-align: center}
	.headerbar{width:100%; display:block;height: 10px; background-color: #1ebcff}
	.headername{width:100%;display:inline-block;margin:0;height: 100%}

	.logo{width:30%;display: inline-block;float: left;height:100%}
	.logo img{height:140px; padding: 4px 0}
	.headerpics{width:69%;height:100%; display: inline-block;vertical-align: bottom;}
	.headerpics img{height: 150px;vertical-align: bottom;}
	.headerbar2{height: 3px;background-color: navy;}
	
.headernav{width:100%; height:100%;display:block; background-image:linear-gradient(#ff2dae, #ffff00);font-weight:bolder;padding:8px 0;margin:0 }

.contentsection{background:url("../image/contentareabgr.png") repeat;width: 100%;text-align: center;vertical-align: top}
.bodycontent{width:90%;display: inline-block;padding:20px 0 20px 0;vertical-align: top}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: left;padding-bottom: 10px;display: inline-block;height:100%;vertical-align: top}
	
.footer{width:100%;height:100%;display:inline-block;font-size:20px;font-weight:bold;background-image: url("../images/dod12.jpg")}
.footerleft{width:45%;display:inline-block;text-align:right;float:left;padding: 20px 0;font-size:20px}
	.footerleft img { width:200px; height:100px}
.footerright{width:45%;display:inline-block;text-align:left;padding: 15px 0; font-size:18px}
	.footerbottom{width:100%; display: inline-block; font-size:12px}

.bodytext{width:90%; padding: 10px 30px 15px 45px;text-align: left;display: inline-block;}
	.pagetitlearea{width:100%;display: inline-block; Border-top: 3px solid blue;Border-bottom: 5px solid blue;background-color: #1ebcff;margin:5px 0; }
	.pagetitle{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-weight: bolder; font-size: 30px; color:#ffffff;-webkit-text-stroke: 1px black;}
	
/*home*/
	.limage{width:100%;display: inline-block; margin:auto;}
	.limage img{width: 100%;height: 100%}
	.row{width:100%; height:100%;display: inline-block;background-image: url("../images/3522195.jpg");padding:20px 0;margin:0px 0;min-height:230px}
	      .container {width:32%;height:100%; display: inline-block;text-align: center;vertical-align: top}
	.box{width:80%; border: 8px solid yellow;position: relative;display:inline-block;
      margin: 0px 0px; z-index: 99;border-radius: 50% / 10%;text-align: center;	opacity: 1;  height: auto;  -ms-transition: .5s ease;  backface-visibility: hidden;vertical-align: top}
	.box img{width:100%;height:100%; border-radius: 60% / 10%;margin: 0; padding: 0;}
	.hometext{width:65%; display: inline-block;text-align: left; vertical-align: top}
	.homefbook{width:30%; display: inline-block; }
          .middle {  transition: .5s ease;  opacity: 0;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); -transform: translate(-50%, -50%);  text-align: center;}
	      .container:hover .box img{  opacity:0.8;}
		  .container:hover .middle {  opacity: 1;}
		  .text {background-color: #1EBCFF;  color: white;font-weight: bolder;text-transform: uppercase;  font-size: 16px;	padding: 16px 32px;}

	.title{width:100%;height:42px;color:#ffffff; border-radius: 10% 10% 75% 75%;font-size:30px;font-weight: bolder; background-color: deeppink;position: absolute;z-index:1;top:90%;border-top:yellow 5px solid;vertical-align: top;box-shadow: 3px 3px lightgray}
	
	/*booking*/
	.subtitle{color:blue; font-weight: bolder;text-transform: uppercase;margin:10px 0}
}