@font-face { font-family: Helvetica; src: url('../fonts/HelveticaNeueLTStd-Md.otf'); }


html { font-size:100%; }

body
{
    background: #ffffff;
    margin: 0;
    border: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}



/* --------------------------- */
img.bg
{
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index:  -2;
}

@media screen and (max-width: 1024px)
{  
  img.bg
  {
    left: 50%;
    margin-left: -512px;
  }
}
/* --------------------------- */



#Main
{
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    overflow-x:  hidden;
    overflow-y: visible;
    z-index: -10;
}


#LogoDiv
{
    width: 189px;
    height: 75px;
    position: fixed;
    top:7px;
    left: 10px;
}


#TopBGDiv
{
    width:100%;
    height:80px;
    position: fixed;
    left: 0;
    top: 0;
    right: 20px;
    opacity: 0.8;
    filter: alpha(opacity=5);
    background-color:#444444;
}

#TopDiv
{
    width:100%;
    height: 80px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10;
    align: center;
}

#NavDiv
{
    width: auto;
    height: 80px;
    position: fixed;
    right: 10px;
    top: 10px;    
    align:center;
    color: #ffffff;
    font-size: 16px;
    font-family: Helvetica;
    font-weight: bold;
}


#DropDown
{
    width:  100px;
    height: 30px;
    font-size:  medium;
    font-weight: 12px ;
}



#HomeDiv
{
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    z-index: 2;
    bottom: auto;
    margin: 0 auto;
    text-align: center;

}


#HomeContent
{
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: 100%;
    top: 40%;
    bottom: auto;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 110%;
    font-family: Helvetica;
    text-shadow: 3px 3px 3px #000000;
    z-index: 3;
}




#LogoFlowerDiv
{
    bottom: 10px;
    position: fixed;
    z-index: 1;
    opacity: 0.5;
    filter: alpha(opacity=5);
}




#AboutUs
{
    width: 100%;
    height: 150%;
    position: absolute;
    top: 100%;
    text-align: center;
    z-index: 1;
}




#AboutUsContentDiv
{
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: 100%;
    top:190px;
    bottom: auto;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 110%;
    font-family: Helvetica;
    text-shadow: 3px 3px 3px #000000;
    z-index: 3;
}


#InitialAboutUSPhotos
{
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    z-index: 3;
}


#StaffPhoto
{
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    z-index: 3;
}


#AboutUsContent
{
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-family: Helvetica;
    z-index: 3;
}


#AboutUsBG
{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:#E34C98;
    left: 0;
    top: 0;
    opacity: 0.8;
    filter: alpha(opacity=7);
    z-index: -1;
}


#Services
{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:#ffffff;
    top: 200%;
    text-align: center;
    z-index: 1;
}





#ServicesContent
{
    width: 70%;
    height: 100%;
    top: 110px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-family: Helvetica;
    z-index: 3;
}

#ServicesList
{
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    color: #E34C98;
    font-size: 16px;
    font-family: Helvetica;
    z-index: 3;
}


#ServicesTitle
{
    width: 100%;
    height: auto;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 110%;
    font-family: Helvetica;
    text-shadow: 3px 3px 3px #000000;
    z-index: 3;
}


#PhotoGallery
{
    width: 100%;
    height: auto;
    position: absolute;
    top: 300%;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-family: Helvetica;
}


#Image
{
    width: 700px;
    height: auto;
    background: #E94D9D;
    position: relative;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
}


#PhotoGalleryContent
{
    width: 70%;
    height: 100%;
    top: 110px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-family: Helvetica;
    z-index: 3;
}


#ContactUs
{
    width: 100%;
    height: auto;
    background: #E34C98;
    position: absolute;
    top: 700%;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-family: Helvetica;
}






.Image
{
    width: auto;
    max-width:100% !important;
    position: relative;
    height: auto;
}

.Image2
{
    width: auto;
    max-width:100% !important;
    position: relative;
    height: auto;
}



#BigWords
{
    width: 100%;
    height: 100%;
    max-width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-family: Helvetica;
    text-shadow: 3px 3px 3px #000000;
    z-index: 3;
}


/*-----------------------------------*/
    nav {
      width: 100%;
      text-align: center;
    }
    nav ul {
      list-style: none;
    }
    nav li {
      display: inline-block;
    }
    nav a {
      display: inline-block;
      color: #FFFFFF;
      padding: 5px 15px;
      text-decoration: none;
    }
    nav a:hover {
      color: #E94D9D;
    }
    nav a:active {
      color: #E94D9D;
    }
    nav select {
      display: none;
    }
    
    @media (max-width: 800px) {
      nav ul     { display: none; }
      nav select { display: inline-block; }
      
      #HomeContent,#AboutUsContent,#ServicesContent,#ServicesList,#ServicesTitle,#BigWords
      {
	font-size: 97%;
      }
	
      .Image
      {
	max-width: 50% !important;
	max-height: 50% !important;
      }
     
     .Image2
      {
	max-width: 50% !important;
	max-height: 50% !important;
      }
    }
/*-----------------------------------*/