@charset "utf-8";
/* CSS Document */

<style>
.siximages {
		
  height: 70px;
width: 70px;
-moz-border-radius: 35px;
  border: 4px solid #00F;
border-radius: 35px;
  cursor: pointer;
  }
   .containerr{
  width:100%; 
  height:400px; 
 /* background-color:#4f1a2a;*/
 background-image:url(images/banner_pinkdark.jpg);
  bottom:0;
  margin: 0 0px 0px 0px;
}

.sliderrleft{
  display: block;
  float:left;
   width: 70%;
   padding-left:5%;
   text-align:center;
}

.sliderrright{
  display: block;
  float:right;
   width: 25%;
   padding-top:2%;
}
  

 
 @media only screen and (min-width: 980px){
 .sliderright
 {
	 float:right;
	 display:inline;
	 width: 33%;
  padding-right: 10%;
 }
 
 
 }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
	.sliderright
 {
	 float:right;
	 display:inline;
	 width: 40%;
  padding-right: 10%;
 } 
 }
 @media only screen and (min-width: 480px) and (max-width: 767px) {
  .sliderright
 {
	 float:left;
	 display:inline;
	 width: 40%;
  padding-right: 10%;
 } 
  .containerr{
  
    bottom:0;
    margin: 0 0px 0px 0px;
}

.sliderrleft{
  display: none;
  float:left;
   width: 100%;
}

.sliderrright{
  display: block;
  float:right;
   width: 100%;
}
 }
 @media only screen and (min-width: 360px) and (max-width: 500px) {
  .sliderrright{
  display: block;
  float:left;
   width: 100%;
}

.sliderrleft{
  display: none;
  float:left;
   width: 100%;
}

}
 
 @media only screen and (min-width: 320px) and (max-width: 500px) {
  .sliderrright{
  display: block;
  float:left;
   width: 100%;
}
.sliderrleft{
  display: none;
  float:left;
   width: 100%;
}
}








.box { float: left; }
#root { max-width: 100%; background-color:#666; margin: 0 auto; }
.contentarea {
width:100%; padding:0px 10%; background-color: White;
  overflow: hidden; border-bottom:thin; border-bottom-style:dashed;	
	
}
#Header { width: 100%; }
#innercontent { width: 100%; }
#footer { width: 100%; }
#left { width: 20%; text-align:center; }
#center1 { width: 20%; text-align:center;}
#center2 { width: 20%; text-align:center;}
#center3 { width: 20%; text-align:center;}
#right { width: 20%; text-align:center; }


#topleft{
	width: 65%; text-align:justify; 
}
#topleft h1 {
  font-size: 20px;
  margin: 15px 0;
}

#topright{
	width: 30%; text-align:justify; 
	padding-left:3%;
}
#topright h1 {
  font-size: 20px;
  margin: 15px 0;
}


#fb{
border: 2px solid black;	
background-color: #0b6d8d;
 overflow: hidden;
 color:#FFF;
}
#leftfb { width: 60%; text-align:justify; padding: 2% 0.5%; background-color: #0b6d8d;}
#leftfb h1 {
  font-size: 20px;
  margin: 15px 0;
}
#rightfb { width: 40%; padding-left: 5%; padding: 2% 3.5%; background-color: #0b6d8d; }


#leftfbfooter { width: 70%; text-align:justify; padding: 2% 3.5%; background-color: #0b6d8d;}
#leftfbfooter h1 {
  font-size: 20px;
  margin: 15px 0;
}
#rightfbfooter { width: 30%; padding-left: 1%; background-color: #fc6276; }


#leftimage { width: 25%; padding-top:5%; }
#lefttext { width: 94%; text-align:left; font-size: 14px; }
#lefttext img{
width: 65%;
  padding-left: 10%;
}

#rightimage { width: 25%; }
#righttext { width: 70%; }
#fullcontent { width: 100%;  }
#fullimage { width: 13%; padding-top:2%; }
#fulltext { width: 85%; padding-top:1%; }

#fulltext h1 {
  font-size: 20px;
  margin: 15px 0;
}
#lefttext h3{
font-size: 15px;
  margin: 10px 0;
}


/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#Header { width: 100%; }
#innercontent { width: 100%; }
#footer { width: 100%; }
#left { width: 50%; text-align:justify; }
#right { width: 50%; }
#topleft{
	width: 65%; text-align:center; 
}
#topright{
	width: 30%; text-align:center; 
	padding-left:3%;
}
#leftfb { width: 60%; text-align:justify; }
#rightfb { width: 40%; padding-left: 5%;}
#leftimage { width: 25%; }
#lefttext { width: 70%; text-align:justify;}
#rightimage { width: 25%; }
#righttext { width: 70%; }
#fullcontent { width: 100%; }
#fullimage { width: 15%; }
#fulltext { width: 85%; }
 
 

}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#Header { width: 100%; }
	#innercontent { width: 100%; }
	#footer { width: 100%; }
	#left { width: 100%;}
	#right { width: 100%; }
	#leftfb { width: 100%; }
#rightfb { width: 100%; }
	#leftimage { width: 100%; }
	#lefttext { width: 100%; }
	#rightimage { width: 100%; }
	#righttext { width: 100%; }
	#fullcontent { width: 100%; }
	#fullimage { width: 100%; }
	#fulltext { width: 100%; }
	#leftfbfooter { width: 100%; text-align:justify; padding: 2% 3.5%; background-color: #0b6d8d;}

#rightfbfooter { width: 100%; padding-left: 1%; background-color: #fc6276; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#Header { width: 100%; }
	#innercontent { width: 100%; }
	#footer { width: 100%; }
	#left { width: 100%; }
	#right { width: 100%; }
	#leftfb { width: 100%; }
#rightfb { width: 100%; }
	#leftimage { width: 100%; text-align: center;
 }
	#lefttext { width: 100%; text-align: center;
 }
	#rightimage { width: 100%;text-align: center;
 }
	#righttext { width: 100%; text-align: center;
}
	#fullcontent { width: 100%;
 }
	#fullimage { width: 100%;text-align: center;
 }
	#fulltext { width: 100%; text-align: center;

}

#leftfbfooter { width: 100%; text-align:justify; padding: 2% 3.5%; background-color: #0b6d8d;}

#rightfbfooter { width: 100%; padding-left: 1%; background-color: #fc6276; }

}

@media only screen and (max-width: 980px) {
	.box { float: left; }
#root { max-width: 980px; margin: 0 auto; }
	#Header { width: 100%; }
#innercontent { width: 100%; }
#footer { width: 100%; }
#left { width: 50%; text-align:justify;}
#right { width: 50%; }

#topleft{
	width: 65%; text-align:center; 
}
#topright{
	width: 30%; text-align:center; 
	padding-left:3%;
}

#leftfb { width: 60%; text-align:justify;}
#rightfb { width: 40%; padding-left: 5%; }
#leftimage { width: 30%; }
#lefttext { width: 70%;text-align:justify; }
#rightimage { width: 30%; }
#righttext { width: 70%; }
#fullcontent { width: 100%; }
#fullimage { width: 15%; }
#fulltext { width: 85%; }

	
}


@media only screen and (max-width: 768px) {
	

	
	#Header { width: 100%; }
	#innercontent { width: 100%; }
	#footer { width: 100%; }
	#left { width: 100%; }
	#right { width: 100%; }
	#leftfb { width: 100%; }
#rightfb { width: 100%; }
#topleft{
	width: 100%; text-align:center; 
}
#topright{
	width: 100%; text-align:center; 
	padding-left:0%;
}
	#leftimage { width: 100%; text-align: center;
 }
	#lefttext { width: 100%; text-align: center;
 }
	#rightimage { width: 100%;text-align: center;
 }
	#righttext { width: 100%; text-align: center;
}
	#fullcontent { width: 100%;
 }
	#fullimage { width: 100%;text-align: center;
 }
	#fulltext { width: 100%; text-align: center;
}
}

@media only screen and (max-width: 360px) {
	#Header { width: 100%; }
	#innercontent { width: 100%; }
	#footer { width: 100%; }
	#left { width: 100%; text-align:center; }
#center1 { width: 100%; text-align:center;}
#center2 { width: 100%; text-align:center;}
#right { width: 100%; text-align:center; }
	#leftfb { width: 100%; text-align: left; }
#rightfb { width: 100%; display:none; }
#topleft{
	width: 100%; text-align:center; 
}
#topright{
	width: 100%; text-align:center; 
	padding-left:0%;
}
	#leftimage { width: 100%; text-align: center;
 }
	#lefttext { width: 100%; text-align: center;
 }
	#rightimage { width: 100%;text-align: center;
 }
	#righttext { width: 100%; text-align: center;
}
	#fullcontent { width: 100%;
 }
	#fullimage { width: 100%;text-align: center;
 }
	#fulltext { width: 100%; text-align: center;
}

#leftfbfooter { width: 100%; text-align:justify; padding: 2% 3.5%; background-color: #0b6d8d;}

#rightfbfooter { width: 100%; padding-left: 1%; background-color: #fc6276; }
}


/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#Header { width: 100%; }
	#innercontent { width: 100%; }
	#footer { width: 100%; }
	#left { width: 100%; }
	#right { width: 100%; }
	#leftfb { width: 100%; }
	#rightfb { width: 100%; }
#topleft{
	width: 100%; text-align:center; 
}
#fb{
text-align:center;
}
#topright{
	width: 100%; text-align:center; 
	padding-left:5%;
}
	#leftimage { width: 100%; text-align: center;
 }
	#lefttext { width: 100%; text-align: center;
 }
	#rightimage { width: 100%;text-align: center;
 }
	#righttext { width: 100%; text-align: center;
}
	#fullcontent { width: 100%;
 }
	#fullimage { width: 100%;text-align: center;
 }
	#fulltext { width: 100%; text-align: center;
}


#leftfbfooter { width: 100%; text-align:justify; padding: 2% 3.5%; background-color: #0b6d8d;}

#rightfbfooter { width: 100%; padding-left: 1%; background-color: #fc6276; }

}







</style>