html{margin:15px;background:rgb(250, 244, 229);}

@font-face
{
font-family: myFirstFont;
src: url(lte50517.ttf);
}
body{
	margin: auto;
	width:100%;
/*
	max-width: 1020px;
	min-width: 1019px;
*/
	display: block;
color: rgb(102, 51, 0);
}
img{border:0px;}
.navlily{
display: block;
width: 100%;
margin: auto;
height: 293px;
}

.spants{
position:absolute;
}

.navlilyul{
	display: block;
margin: auto;
width: 100%;
max-width: 828px;
}

.navlilyul a{
color: rgb(102, 51, 0);
}
.navlilyul a:hover{
color:#000;
}

.navlilyul li{
display: inline;
float: left;
padding: 20px 42px;

}
.navlilyul2{
	display: block;
margin: auto;
width: 100%;
max-width: 81%;
text-align:center;
}

.navlilyul2 li {
display: inline;
float: left;
padding: 15px 46px;
}
.imglogo{
width:100%;max-width:724px;margin:auto;display:block;
}
.logoimg{
	display: block;
	margin: auto;
}
footer img{
margin:auto;
display:block;}
.col{
width:252px;
display:inline-block;
position:relative;
vertical-align:top;
}
.col1{
width:252px;
display:inline-block;
position:relative;
vertical-align:top;
padding-left:10px;
}

a{color: rgb(102, 51, 0);}

h1 {
font-family:myFirstFont;
text-align:center;
font-size:2em;

}

h2 {
/*font-family:myFirstFont;*/
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
text-align:center;
}
h3 {
font-family:myFirstFont;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
text-align:center;
font-size:2.1em;
}
.container {

    height: 40%;
    background: none;
margin: 19px 12px auto;
}
.container2 {
width:670px;
    height: 40%;
    background: none;
margin: 19px 12px auto;
}
.container img.wide {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto;
box-shadow: 1px 6px 8px #777;
}
.container img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
box-shadow:-1px 3px 24px -2px #000;
}

.col3{
width: 252px;
display: inline-block;
position: relative;
vertical-align: top;
margin-left: 122px;
}
.col4{
width:313px;
display:inline-block;
position:relative;
vertical-align:top;
padding-left:10px;
}
.holderc{
max-width: 518px;
width: 100%;
margin: auto;
}
label
{
width: 7em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
form{
width:0px;}
	a{color:#white;text-decoration:none;outline:none;}
.frms{
display: block;
width: 600px;
margin: auto;
}
.centerdiv{
display: block;
width: 361px;
margin: auto;
}
.footer{
font-family:myFirstFont;}

.linkimg{
display:block;
margin-top: 31px;
}

.linkimg div{
display: inline-block;
position: relative;
width: 150px;
height:138px;
}
.linkimg img{
width:100%;height:100%;

}
.linkimg span{
display: block;
text-align:center;
}
.imgcont{
width: 766px;
display: block;
margin: auto;
margin-top: 11px;
}
.slideshows img{
box-shadow: -1px 3px 24px -2px #B9B7B7;
}


#slideshow {
    position:relative;
    height:350px;
width: 50%;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    width:762px;
    height:100%;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
ul{margin:0 auto;width:52%;}
.form-buttons{margin-left:121px;}
.form-buttons input
{background: rgb(102, 51, 0);
border: none;
color: white;
padding: 8px;}
.error span{color:red;}
.ulleft{
margin: 0;
width:100%;}
.hul{
padding-left: 226px;
}
.gal-item{
width: 228px;
display: inline-block;
margin:10px;
}
/*responsive design*/


@media screen and (max-width: 500px) {
    html{margin:0px;}
    section{padding:5px;}
     .navlilyul li {
     display: inline;
     float: left;
     padding: 1px 2px;
    }
     .navlily {
     height:142px;
    }
    .hul {
    padding-left: 6px;
    }
    #slideshow IMG {
    width: 100%;
    }
    .imgcont{
    width:100%;
    }
    #slideshow{
       width:100%;
    } 
    .
}