body{background-color:##491E7E;
   background-image:
   linear-gradient(to bottom,#FFFFFF,###BDB9D0 );
     color: #666666;
     font-family: Arial, Verdana,
     Sans-Serif;
}

header{background-color: #491E7E;
       background-image:url(banner1.PNG);
       background-repeat: no-repeat;
       background-position: center;
       text-align:center;
       height:60px;
       padding-top:20px;
       color: #FFFFFF;
	 

}

nav{font-weight: bold;
    float:right;
    width:160px;
    padding:20px;

}


nav a {margin:20px;
       text-decoration: none;
        -webkit-transition: color 3s ease-out;
        -moz-transition: color 3s ease-out;
        -o-transition: color 3s ease-out
}

nav a:link{color:#000033;}
nav a:visited{color:#344873;}
nav a:hover{color:#FFFFFF;}

nav ul{list-style-type:none;
       margin:0;
       padding-left:0;
       font-size:1.2em;
}

h1{margin-bottom: 0px;
   margin-top:0px;
   font-family: Arial, Verdana,
   Sans-Serif;
}

h2{color: #3399CC;
   text-shadow: 1px 1px 1px #CCCCCC;
}

h3{ font-family: Arial,
Sans-Serif, Times;

}

dt{color: #000033;

}

.resort{font-weight: bold;

}

main ul{list-style-image:url();

}

footer{font-size:75%;
       padding:20px;
  
       background-color:##F9C5C8;
       font-style:italic;
       text-align:center;
       font-family: Arial,
       Sans-Serif, Times;
       clear:right;
	   background-image:url(footerimage.PNG);
	   
}

#contact{font-size:90%;


}

#wrapper{margin-left:auto;
         margin-right:auto;
         width:80%;
         background-color:###C8D2CA;
         min-width: 1460px;
         max-width:1590px;
         

   }
   
#djhome{height:600px;
          background-image:url(djhome.PNG);
          background-repeat:no-repeat;
          background-size:100% 100%;
          margin-right:250px;
}
#priceimage{height:600px;
          background-image:url(priceimage.PNG);
          background-repeat:no-repeat;
          background-size:100% 100%;
          margin-right:250px;
		  
}

#turntable{height:600px;
          background-image:url(turntable.PNG);
          background-repeat:no-repeat;
          background-size:100% 100%;
          margin-right:250px;
}

#eventimg{height:600px;
          background-image:url(eventimg.PNG);
          background-repeat:no-repeat;
          background-size:100% 100%;
          margin-right:250px;
}

#reviewmain{height:600px;
          background-image:url(reviewmain.PNG);
          background-repeat:no-repeat;
          background-size:100% 100%;
          margin-right:250px;
}

#aboutmeimag2{height:600px;
          background-image:url(aboutmeimag2.PNG);
          background-repeat:no-repeat;
          background-size:100% 100%;
          margin-right:250px;
}

#quefaq{height:600px;
          background-image:url(quefaq.PNG);
          background-repeat:no-repeat;
          background-size:100% 100%;
          margin-right:250px;
}



main{padding-top:1px;
   padding-right:50px;
   padding-bottom:20px;
   padding-left:100px;
   margin-left:1px;
   display:block;
   background-color:white;
   background-image:url(main1.PNG);
}

dt{padding: 10px;}

table{border:solid 1px #3399CC;
      width:80%;
      border-spacing:0;
}

td, th{padding:10px;
       border: solid 1px #3399CC;
}

td{text-align:center;}

.text{text-align:left;}


tr:nth-of-type(odd) {background-color: #F5FAFC;}

label{float:left;
      display:block;
      width:120px;
      text-align:right;
      padding-right:10px;

}

input, textarea
{     display:block;
       margin-bottom:20px;

}

input[type="submit"]{margin-left:130px;

}

video,embed {float:center;
             padding-left:20px;
             width:1080px;
             height:460px;
}

/*HTML5 Support*/

header, main, nav footer, figure, figcaption,
aside, section, article {display:block;}

#mobile{display:none;}
#desktop{display:inline;}

/*Mobile phones support*/

@media only screen and (max-width:37.5em){

video,embed {float:center;
             padding:20px;
}


nav {padding:0;

}

nav a {display:block;}


nav li{ display:block;
        margin:0;
        border-bottom:
        solid 2px #330000;


}

header{padding-top:1em;
}

main{padding-top:2.1em;
   padding-bottom:2.1em;
     padding-left:1em;
     padding-right:1em;
     font-size:90%;
}

h1{font-size:1.5em;

}


#mobile{display:inline;

}

#desktop{display:none;

}

table{border:solid 1px #3399CC;
      width:80%;
      border-spacing:0;
}

td,th{padding:5px;
      border:solid 1px #3399CC;

}

td{text-align:center;
}

.text{text-align:left;


}

tr:nth-of-type(odd) {background-color: #F5FAFC;
}

label{float:none;
      text-align:left;
}

input[type="submit"]
{margin-left:0;}

#fade{width:100%;}

}


/*Tablet devices Support*/

@media only screen and (max-width:64em){

body{margin:0;
     background-color:#FFFFFF;
	 width:auto;
         box-shadow:none;

}

main{margin-left:0;
         width:auto;
         box-shadow:none;
}}


#wrapper{min-width:0;
         width:auto;
         box-shadow:none;
}

nav{float:none;
    width:auto;
    text-align:center;
    padding:0.5em;
}



footer{margin:0;
}


}