html, body {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #555555;
  height: 700px;
  width : auto;
  overflow:visible;
   }
   
#slider1 {
   width: 450px; /* important to be same as image width */
   height: 368px; /* important to be same as image height */
   position: relative; /* important */
   left: 10px;
   overflow: hidden; /* important */
}

#slider1Content {
   width: 450px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.slider1Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider1Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 735px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}


#container {  position:absolute;
  top:0px;
  left:50%;
  width: 800PX;
  margin-left: -400px;
  margin-top:0px;
  padding-left:0px;
  padding-right: 0px;
  background-color:#ffffff;
  background-image: url('images/tiedyebackground.jpg');
  background-repeat:repeat;
  overflow: hidden;
  
}

#nav{
  width: 800px;
  margin-left: 50px;
  margin-top:0px;
  padding-left:0px;
}

#pagetitle{
  width: 700px;
  margin-left: 50px;
  margin-top:0px;
  padding-left:0px;
}

#pagetitlecon{
  float: left;
  width: 400px;
  height:640px;
  margin-left: 50px;
  margin-top:-20px;
  padding-right:300px;
}

#footer{
  width: 800px;
  margin-left:0px;
  margin-top:0px;
  padding-left:0px;
  background-color:#000000;
  overflow: hidden;

}

#recentnews{
  position: relative;
  width: 700px;
  margin-left:50px;
  margin-top:0px;
  background-color: rgba(255%, 255%, 255%, 0.7);
  border-radius: 10px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}

#songs{
  position: relative;
  width: 700px;
  margin-left:50px;
  margin-top:0px;
  background-color: rgba(255%, 255%, 255%, 0.7);
  border-radius: 10px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}

#album{
  position: relative;
  width: 250px;
  border-color:black;
  margin-left: 500px;
  margin-top:-372px;
  padding-left:0px;
  padding-right:0px;
  background-color: rgba(255%, 255%, 255%, 0.7);
  border-radius: 10px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;}

#albumgroups{width:675px;
             height: 650px;
             margin-left:55px;
               overflow: hidden;
}

#album-bthg{
  position:relative;
  width:320px;
  margin-left:px;
  margin-top:-30px;
  padding-top:-50px;
  padding-right:px;
  float:left;
  background-color: rgba(255%, 255%, 255%, 0.7);
  border-bottom-right-radius: 25px 25px;
  border-bottom-left-radius: 25px 25px;
    overflow: hidden;
} 

#album-koyg{
  position:relative;
  width:320px;
  margin-left:px;
  margin-right:px;
  margin-top:-30px;
  padding-top:-50px;
  padding-right:px;
  float:right;
  background-color: rgba(255%, 255%, 255%, 0.7);
  border-bottom-right-radius: 25px 25px;
  border-bottom-left-radius: 25px 25px;
    overflow: hidden;
}
  
#album-ar{
  position:relative;
  width:320px;
  margin-left:px;
  margin-top:-30px;
  padding-top:-50px;
  padding-right:px;
  float:left;
  background-color: rgba(255%, 255%, 255%, 0.7);
  border-bottom-right-radius: 25px 25px;
  border-bottom-left-radius: 25px 25px;
    overflow: hidden;
}

#album-hbtn{
  position:relative;
  width:320px;
  margin-left:px;
  margin-right:px;
  margin-top:-30px;
  padding-top:-50px;
  padding-right:px;
  float:right;
  background-color: rgba(255%, 255%, 255%, 0.7);
  border-bottom-right-radius: 25px 25px;
  border-bottom-left-radius: 25px 25px;
  overflow: hidden;
}

#soundclound{
  width: 700px;
  margin-left:50px;
}

#youtube1{
  width: 700px;
  height: 253px;
  margin-left:50px;
}

#enquiryform{position:absolute;
             float: right;
 			 margin-left: 500px; 
 			 margin-right:px;
             margin-top:35px;
             width:280px;
             height:640px;
             overflow: hidden;
             }

#footertext{
  width: 540px;
  height: 200px;
  margin-left:210px;
  margin-top:-125px;

}

h1 {
    font-family: 'Nunito', arial, sans-serif;
    font-size:30px;
    color: #999999;
    font-weight: 100;
       
}

h2 {
    font-family: 'Nunito', arial, sans-serif;
    font-size:25px;
    color: #ffffff;
    background-color: #333333;
       
}

h3 {
    font-family: 'verdana', arial, sans-serif;
    font-size:14px;
    font-weight: bold;
    color: #444444;
}

h4 {
    font-family: 'verdana', arial, sans-serif;
    font-size:24px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

h5 {
    font-family: 'Nunito', arial, sans-serif;
    font-size:18px;
    color: #ffffff;
    background-color: #333333;
    padding-top:0px;
    margin-top:0px:
}

h6 {
    font-family: 'Nunito', arial, sans-serif;
    font-size:25px;
    color: #ffffff;
    background-color: #333333;
       
}

h7 {
    font-family: 'Nunito', arial, sans-serif;
    font-size:50px;
    color: #999999;
    font-weight: 100;
       
}


p1{font-family: 'verdana', arial, sans-serif;
    font-size:14px;
    color: #444444;
    padding-left: 0px;
    padding-right: 0px;
}

p2{font-family: 'verdana', arial, sans-serif;
    font-size:18px;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

p3{font-family: 'verdana', arial, sans-serif;
    font-size:14px;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

p4{font-family: 'verdana', arial, sans-serif;
    font-size:11px;
    color: #444444;
    padding-left: 0px;
    padding-right: 0px;
}

p5{font-family: 'verdana', arial, sans-serif;
    font-size:14px;
    color: #444444;
    padding-left: 0px;
    padding-right: 0px;
}

p6{font-family: 'verdana', arial, sans-serif;
    font-size:14px;
    text-align: center;
    color: #444444;
    padding-left: 0px;
    padding-right: 0px;
}

p7{font-family: 'verdana', arial, sans-serif;
    font-size:20px;
    color: #444444;
    padding-left: 0px;
    padding-right: 0px;
}

p8{font-family: 'verdana', arial, sans-serif;
    font-size:13px;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

p9{font-family: 'verdana', arial, sans-serif;
    text-align: center;
    font-size:14px;
    color: #444444;
    padding-left: 0px;
    padding-right: 0px;
}

a {
   text-decoration: none; 
   color: #999999; 
   font-weight:normal;
   margin-top: 0px;
    margin-bottom: 0px;
   }
   
a:hover {text-decoration:none;
         color: #666666;
         }