body{margin:0px;padding:0px;font-family:"Times New Roman",Georgia,Serif;}
#header{width:100%;height:130px;}

#head1{height:150px;width:1080px;margin:0 auto;}

#head{height:100px;width:750px;float:right;}

#head2{height:120px;width:1080px;}

#cart{width:200px;height:32px;background:rgba(169,169,169,0.3);border-radius:15px 15px 15px 15px;float:right;text-align:center;padding-top:5px;}
#flooring{width:270px;height:35px;float:right;padding-top:10px;}
#search{width:80px;height:32px;float:right;background:rgba(169,169,169,0.5);border-radius:5px 5px 5px 5px;}
#input0{width:180px;height:26px;border-radius:10px 10px 10px 10px;}
#search:hover{background:rgba(230,230,250,0.3);}

#nav{width:850px;height:35px;float:right;float:right;position:relative;}
#nav ul li{float:left;list-style:none;background:rgba(169,169,169,0.2);width:130px;height:28px;text-align:center;padding-top:8px;z-index:-1;font-size:18px;font-weight:bold;}
#nav ul li:hover{float:left;list-style:none;background:rgba(169,169,169,0.8);width:130px;height:28px;text-align:center;padding-top:8px;}

#nav li ul{display:none;margin-top:6px;padding:0px;z-index:999;}
#nav li ul li{list-style:none;width:160px;height:22px;text-align:center;z-index:999;}
#nav li:hover ul{display:block;z-index:999;}
#nav li:hover ul li{list-style:none;width:160px;height:22px;text-align:center;z-index:999;background:#dcdcdc;font-size:16px;}
#nav li a{text-decoration:none;color:#000;}

#banner{width:100%;height:550px;margin:0 auto;z-index:-1;position:relative;padding:0px;margin:0px;}

.scroll{margin:0 auto;width:100%;margin:0;padding:0;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;margin:0;padding:0;}
.scroll_wrap{overflow:hidden; position:relative;padding:0px;margin:0px;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}

.scroll_position{position:absolute;left:46%;z-index:400px;bottom:20px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:5px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#32cd32;}
.scroll_position_bg{position:absolute;bottom:20px;left:42%;z-index:380px;height:28px;border-radius:26px;}

#product{width:100%;height:500px;}
#products{width:100%;height:600px;margin:0 auto;}

#prod{width:100%;height:300px;margin:0 auto;}
#prod ul{padding:0px;margin:0px;}
#prod ul li{float:left;text-align:center;list-style:none;width:25%;height:400px;-moz-box-shadow:6px 4px 4px #999 ;-webkit-box-shadow:6px 4px 4px #999 ;box-shadow:6px 4px 4px #999 ; }
#prod ul li a{width:265px;height:255px;}
#prod ul li img:hover{width:265px;height:255px;}



#round{font-size:20px;}
#round:hover{font-size:20px;color:green;}

#disc{width:1200px;height:100px;margin:0 auto;}
#disk{width:1200px;height:50px;margin:0 auto;}
#words{font-size:28px;text-align:center;}
#words1{font-size:18px;text-align:center;}
#words3{font-size:18px;text-align:center;}
#words2{font-size:14px;text-align:center;}
#words2 a{text-decoration:none;}
#words2:hover{color:#32CD32;}
#words:hover{color:#32CD32;}

#but{width:150px;height:5px;}
#footer{width:100%;height:350px;background:rgba(128,128,128,0.7);position:relative;}

#feet ul{padding-left:100px;margin:0px;height:60px;}
#feet ul li{float:left;width:25%;height:50px;list-style:none;padding-top:50px;text-align:left;color:#fff ;border-radius:8px 8px 8px  #D2B48C ;}


#foot{width:100%;height:250px;}
#foot ol li{float:left;width:25%;heiht:250px;list-style:none; }
#foot ol li ul li a{text-decoration:none;color:black;}
#foot ol li ul li{list-style:none;width:100%;heiht:120px;}

#sales{width:100%;height:250px;}
#salesteam{width:100%;height:40px;text-align:center;color:#D2691E ;font-size:28px;}

#team{width:1200px;height:200px;text-align:center;}

#saleste{width:1200px;height:400px;text-align:center;margin:0 auto;}
#saleste ul{padding:0px;margin:0px;}
#saleste ul li{float:left;width:280px;height:200px;text-align:center;}

#saleste ul li:hover{box-shadow:7px 7px 7px #F8F8FF;border:1px solid grey;}
#saleste ul li{float:left;width:280px;margin-right:1px;list-style:none;}
#saleste ul li p{text-align:center;}

#team1{width:50%;height:200px;text-align:left;float:left;}
#team2{width:50%;height:200px;text-align:center;float:right;}
#team3{width:500px;height:200px;text-align:left;float:right;}

#sale{width:100%;height:200px;}
#patent{width:100%;height:35px;background:rgba(192,192,192,0.7);text-align:center;padding-top:8px;}
#guest{width:1200px;height:230px;margin:0 auto;}

#guest1{width:500px;height:30px;float:left;border-radius:5px 5px 5px  5px;color:grey;}

#new{width:1200px;border:solid 1px orange;height:35px;position:relative;text-align:center;padding-top:5px;
animation:myfirst 6s;
-moz-animation:myfirst 6s; /* Firefox */
-webkit-animation:myfirst 6s; /* Safari and Chrome */
-o-animation:myfirst 6s; /* Opera */}

@keyframes myfirst
{
0%   {border:0px solid orange; width:300px;}

100% {border:1px solid #CD853F; width:1200px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {border:0px solid orange; width:300px;}
100% {border:1px solid #CD853F; width:1200px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {border:0px solid orange; width:300px;}
100% {border:1px solid #CD853F; width:1200px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {border:0px solid orange; width:300px;}

100% {border:1px solid #CD853F; width:1200px;}
}


#guest2{width:500px;height:30px;float:right;border-radius:5px 5px 5px  5px;color:grey;}
#guest3{width:1200px;height:50px;margin:0 auto;color:grey;}

#guestbook{width:1200px;height:40px;text-align:center;color:#D2691E ;font-size:28px;margin:0 auto;}

#space{width:100%;height:30px;}

#submit{width:1200px;height:40px;text-align:center;color:#D2691E ;font-size:28px;margin:0 auto;}
#submit0{width:120px;height:40px;margin:0 auto;background:rgba(0,128,0,0.7);border-radius:8px 8px 8px 8px;}
#submit0:hover{background:rgba(0,128,0,0.1);}

#news{width:1200px;height:570px;margin:0 auto;border:solid 1px grey;overflow:hidden;}

#new1{width:300px;position:relative;text-align:left;float:left;
animation:myfirst2 6s;
-moz-animation:myfirst2 6s; /* Firefox */
-webkit-animation:myfirst2 6s; /* Safari and Chrome */
-o-animation:myfirst2 6s; /* Opera */}

#show{width:900px;float:right;position:relative;}

#show ul{padding:0px;margin:0px;}
#show ul li{float:left;width:300px;height:250px;list-style:none;
animation:myfirst3 6s;
-moz-animation:myfirst3 6s; /* Firefox */
-webkit-animation:myfirst3 6s; /* Safari and Chrome */
-o-animation:myfirst3 6s; /* Opera */}

#show ul li img{text-align:center;
animation:myfirst4 6s;
-moz-animation:myfirst4 6s; /* Firefox */
-webkit-animation:myfirst4 6s; /* Safari and Chrome */
-o-animation:myfirst4 6s; /* Opera */}

#show ul li img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}

#fairshow{width:1200px;height:500px;margin:0 auto;overflow:hidden;
animation:myfirst1 6s;
-moz-animation:myfirst1 6s; /* Firefox */
-webkit-animation:myfirst1 6s; /* Safari and Chrome */
-o-animation:myfirst1 6s; /* Opera */}



@keyframes myfirst1
{
0%   {width:700px;}

100% { width:1200px;}
}

@-moz-keyframes myfirst1 /* Firefox */
{
0%   { width:700px;}
100% { width:1200px;}
}

@-webkit-keyframes myfirst1 /* Safari and Chrome */
{
0%   { width:700px;}
100% {width:1200px;}
}

@-o-keyframes myfirst1 /* Opera */
{
0%   { width:700px;}

100% { width:1200px;}
}


@keyframes myfirst2
{
0%   {width:100px;}

100% { width:300px;}
}

@-moz-keyframes myfirst2 /* Firefox */
{
0%   { width:100px;}
100% { width:300px;}
}

@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
0%   { width:100px;}
100% {width:300px;}
}

@-o-keyframes myfirst2 /* Opera */
{
0%   { width:100px;}

100% { width:300px;}
}


@keyframes myfirst3
{
0%   {width:200px;}

100% { width:300px;}
}

@-moz-keyframes myfirst3 /* Firefox */
{
0%   { width:200px;}
100% { width:300px;}
}

@-webkit-keyframes myfirst3 /* Safari and Chrome */
{
0%   { width:200px;}
100% {width:300px;}
}

@-o-keyframes myfirst3 /* Opera */
{
0%   { width:200px;}

100% { width:300px;}
}



@keyframes myfirst4
{
0%   {width:180px;}

100% { width:280px;}
}

@-moz-keyframes myfirst4 /* Firefox */
{
0%   { width:180px;}
100% { width:280px;}
}

@-webkit-keyframes myfirst4 /* Safari and Chrome */
{
0%   { width:180px;}
100% {width:280px;}
}

@-o-keyframes myfirst4 /* Opera */
{
0%   { width:180px;}

100% { width:280px;}
}