﻿html { background-image:url("../Images/BG.jpg"); background-repeat:repeat; background-color:#baf0e3;  font-family: 'Open Sans', sans-serif;}
body {  background-image:url("../Images/CloudsFront.png"); background-repeat:no-repeat;}
 
html, body { margin:0; padding:0;}
 h1, h2, h3, h3 { font-family: 'Gloria Hallelujah', cursive; color:#ec4d43;}
 
 
 
 #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
   position:relative;
    margin-top: -205px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #ec4d43;
 
}

#navcontainer ul li a:hover
{
color: black;
 
}

a:link {color: #ec4d43;}
a:hover {color: black;}
a:active {color: #ec4d43;}
a:visited {color: #ec4d43;}
 
 .ContactTable { margin-top:20px;}
 
 .Error { display:inline-block; font-size:10px; color:Red;}
 
.BtnSend { background-color:#ec4d43;   
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px; 
          
              border-radius: 5px;  margin:10px 0 10px 0; 
              
              float:left;
              padding:5px;
              
              }
              
.BtnSend:link { color: White; text-decoration:none; } 
.BtnSend:hover { color: black; }        
.BtnSend:active { color: White; }        
.BtnSend:visited { color: White; }               
 
 
.txtStyle {
    background-color: #e3be64;
    border-color: #ae6d43;
    border-style: solid;
    color: black;
    font-family: Verdana;
    font-size: 15px;
    text-indent: 5px;
}
    
#Birds {
    background-image: url("../Images/birdsBG.png");
    background-repeat: no-repeat;
    height: 80px;
    left: 50%;
    margin-left: -68px;
    position: absolute;
    top: 150px;
    width: 137px;
    z-index: 10;
}
 
#wrapper { width:920px; height:auto; min-height:800px; margin:0 auto 0 auto; }

#headerContainer {  background-image:url("../Images/HeaderBG.png"); background-repeat:repeat-x;  height:92px; width:100%; position:relative;}
#headerPattern {  background-image:url("../Images/HeaderP.png"); background-repeat:repeat-x;  height:25px; width:100%; position:absolute; top:50px; }


#headerInner {   width:920px;  height:auto; margin:0 auto 0 auto;  }

#footerInner {width:920px;  height:auto; margin:0 auto 0 auto; position:relative;}

#Sign { width:920px;  height:auto; margin:0 auto 0 auto; position:relative;   background-image: url("../Images/baseArt.png");
    background-repeat: no-repeat;}


#footerArt {
    background-image: url("../Images/baseArt.png");
    background-repeat: no-repeat;
    height: 285px;
    margin: 0 auto;
    position: absolute;
    top: -179px;
    width: 920px;
}


#footerContainer {  background-image:url("../Images/FooterArt.png"); background-repeat:repeat-x;  height:363px; width:100%;}

#logoOuter  
{
    z-index:150;
background: white no-repeat; 

-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

-webkit-box-shadow: 2px 3px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 15px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 15px 0px rgba(0,0,0,0.75);

height: 223px;
position: relative;
width: 220px;

} 

#FooterContent{ position:absolute; margin-top:150px; color:White; text-align:center; width:920px; 
    background-repeat: no-repeat; height:210px; }



.OrangeContainer {width:auto; height:auto; 
                  min-height:50px; 
                 
                 background-color:#ec4d43; 
              
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px; 
          
              border-radius: 10px; 
              padding:10px; 
              color:White;  
          
              margin-top:30px; 
              margin-bottom:50px; 
              
              
    font-size: 22px;
 
    line-height: 27px;}

 
#logo {
    background-image: url("../Images/LG_Logo.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 200px;
    margin: 10px 0 0 13px;
    width: 205px;
}

.Holder { width:920px; height:auto; min-height:500px; margin:0 auto 0 auto;
          
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 

-webkit-box-shadow: 4px 3px 19px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 3px 19px 0px rgba(0,0,0,0.75);
box-shadow: 4px 3px 19px 0px rgba(0,0,0,0.75);
display:inline-block; margin-top:50px;

position:relative;
z-index:50;
  background-color:White;
}

.HolderInner {   margin-left: 35px;  margin-right: 35px;}


 #AboutTitle {  background-image: url("../Images/AboutTitle.png"); 
    background-repeat: no-repeat;
    width:425px; height:89px; margin-top:24px;
    }


 #BeliefTitle {  background-image: url("../Images/BeliefTitle.png"); 
    background-repeat: no-repeat;
    width:425px; height:89px; margin-top:24px;
    }

 #WithyouTitle {  background-image: url("../Images/WelcomeWithyou.png"); 
    background-repeat: no-repeat;
    width:847px; height:89px; margin-top:24px;
    }

#ContactTitle {  background-image: url("../Images/ContactTitle.png"); 
    background-repeat: no-repeat;
    width:425px; height:89px; margin-top:24px;
    }

#titleWelcome {  background-image: url("../Images/WelcomeTitle.png"); 
    background-repeat: no-repeat;
    width:847px; height:89px; margin-top:24px;
    }
    
 #SliderContainer { 
    overflow:hidden;
    width:850px; height:426px; margin-top:15px; position:relative;   margin-bottom:25px;}
    
    
     #Slider1 {background-image: url("../Images/Slider1.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
         #Slider2 {background-image: url("../Images/Slider2.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px; 
    
    }
    
         #Slider3 {background-image: url("../Images/Slider3.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
         #Slider4 {background-image: url("../Images/Slider4.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
    
         #Slider5 {background-image: url("../Images/Slider5.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
    
         #Slider6 {background-image: url("../Images/Slider6.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
    
         #Slider7 {background-image: url("../Images/Slider7.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
   
    }
       #Slider8 {background-image: url("../Images/Slider8.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
       #Slider9 {background-image: url("../Images/Slider9.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
       #Slider10 {background-image: url("../Images/Slider10.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
       #Slider11 {background-image: url("../Images/Slider11.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
        #Slider12 {background-image: url("../Images/Slider12.png");
    background-repeat: no-repeat;
    width:850px; height:426px;   position:absolute;
    top:0; left:900px;  
    
    }
    
    
    .FooterClear { clear:both;  width:100%; height:60px;}
    
 
#SliderNavContainer 
{
     background-image: url("../Images/NavBG.png");
    background-repeat: no-repeat;
     width: 542px;
    height: 121px;
    left: 5px;
    position: absolute;
    top:310px;
     z-index:30;

}

#One {
    background-image: url("../Images/btn1.png");
    background-repeat: no-repeat;
     width: 50px;
    height: 48px;
    left: 1px;
    top: 81px;
    position: absolute;
    cursor:pointer;
  
    z-index:30;
}

#Two {
    background-image: url("../Images/btn2.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 68px;
    position: absolute;
    top: 57px;
    width: 50px;
    z-index: 30;
}


 
#Three {
    background-image: url("../Images/btn3.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 152px;
    position: absolute;
    top: 18px;
    width: 50px;
    z-index: 30;
}

#Four {
    background-image: url("../Images/btn4.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 237px;
    position: absolute;
    top: 21px;
    width: 50px;
    z-index: 30;
}

#Five {
    background-image: url("../Images/btn5.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 323px;
    position: absolute;
    top: 24px;
    width: 50px;
    z-index: 30;
}

#Six {
    background-image: url("../Images/btn6.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 406px;
    position: absolute;
    top: 52px;
    width: 50px;
    z-index: 30;
}

#Seven {
    background-image: url("../Images/btn7.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 487px;
    position: absolute;
    top: 71px;
    width: 50px;
    z-index: 30;
}

#Eight {
    background-image: url("../Images/btn2.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 553px;
    position: absolute;
    top: 39px;
    width: 50px;
    z-index: 30;
}
#Nine {
    background-image: url("../Images/btn3.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 630px;
    position: absolute;
    top: 8px;
    width: 50px;
    z-index: 30;
}
#Ten {
    background-image: url("../Images/btn6.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 677px;
    position: absolute;
    top: 52px;
    width: 50px;
    z-index: 30;
}
#Eleven {
    background-image: url("../Images/btn7.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 756px;
    position: absolute;
    top: 71px;
    width: 50px;
    z-index: 30;
}
#Twelve {
    background-image: url("../Images/btn2.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    left: 812px;
    position: absolute;
    top: 39px;
    width: 50px;
    z-index: 30;
}

#One:hover {  background-image: url("../Images/btn1_On.png");
    background-repeat: no-repeat;}
    
    #Two:hover {  background-image: url("../Images/btn2_On.png");
    background-repeat: no-repeat;}
    
    #Three:hover {  background-image: url("../Images/btn3_On.png");
    background-repeat: no-repeat;}
    
    #Four:hover {  background-image: url("../Images/btn4_On.png");
    background-repeat: no-repeat;}
    
    #Five:hover {  background-image: url("../Images/btn5_On.png");
    background-repeat: no-repeat;}
    
    #Six:hover {  background-image: url("../Images/btn6_On.png");
    background-repeat: no-repeat;}
    
    #Seven:hover {  background-image: url("../Images/btn7_On.png");
    background-repeat: no-repeat;}
