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

body {
	background-color:#FFFAF5;
	font-family:"Century Gothic", "Verdana", sans-serif;
}
.container {
	width:1000px;
	background-color: #000;
    margin-right: auto;
	margin-left: auto;
}
.pagebg {
	width:1000px;
	height:500px;
	background-color:#FFFAF5;
	
}
#aupic {
	width:300px;
	height:500px;
	background-color:#000;
	font-family: Century Gothic, Verdana, sans-serif;
	font-size:14px;
	text-align:center;
	color: #666;
	float:left;
}
#autext{
	width:660px;
	font-family:"Century Gothic", "Verdana", sans-serif;
	color:#000;
	background-color:#FFFAF5;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	float:right
}
#gallerypic {
	width:1000px;
	height:500px;
	background-color:#000;
	font-family: Century Gothic, Verdana, sans-serif;
	font-size:14px;
	text-align:center;
	color: #FFF;
}
#galtext {
	width:240px;
	height:240px;
	background-color:#000;
	padding:5px;
	float:left;
	font-family: Century Gothic, Verdana, sans-serif;
	font-size:14px;
	text-align:left;
	color:#FFF;
	}
#vic {
	width:240px;
	height:240px;
	background-color: #000;
	padding:5px;
	float:left;
	}
	
#ed {
	width:240px;
	height:240px;
	background-color: #000;
	padding:5px;
	float:left;
	}
#fed {
	width:240px;
	height:240px;
	background-color: #000;
	padding:5px;
	float:left;
	}	
#deco {
	width:240px;
	height:240px;
	background-color: #000;
	padding:5px;
	float:left;
	}	
#modern {
	width:240px;
	height:240px;
	background-color: #000;
	padding:5px;
	float:left;
	}
#des {
	width:240px;
	height:240px;
	background-color: #000;
	padding:5px;
	float:left;
	}
#paint {
	width:240px;
	height:240px;
	background-color: #000;
	padding:5px;
	float:left;
	}

#banner {
	width: 1000px;
	height: 155px;
    background-color:#ccc8c4;
	text-align:center;
}
#navbar {
	width:1000px;
	background-color:#ccc8c4;
}
#frontlist {
	width: 470px;
	height:150px;
	float: left;
}
#bottombanner {
	width: 1000px;
	height: 100px;
	background-color:#ccc8c4;
}
#contact{
	width: 500px;
	height:150px;
	text-align:right;
	float:left;
	}
#address {
	width: 100px;
	height: 50px;
	float: left;
		}
#addressdet {
	width: 520px;
	height: 50px;
	float: right;
	}
#phone {
	width: 100px;
	height: 50px;
	float: left;
	}
#phonedet {
	width: 520px;
	height: 50px;
	float: right;
	}
#email {
	width: 100px;
	height: 50px;
	float: left;
	}
#emaildet {
	width: 520px;
	height: 50px;
	float: right;
	}	
.slide-container{
	width:1000px;
	height: 450px;
	background-color:#000;
	text-align:center;
	}
.css-slideshow{
	max-width: 1000px;
	position:relative;
	padding-top: 50px;
}
.css-slideshow figure{
	margin: 0px auto;
	position: absolute;
}
.css-slideshow figure{
   opacity:0;
}
figure:nth-child(1) {
   animation: xfade 30s 27s infinite;
}
figure:nth-child(2) {
   animation: xfade 30s 24s infinite;
}
figure:nth-child(3) {
   animation: xfade 30s 21s infinite;
}
figure:nth-child(4) {
   animation: xfade 30s 18s infinite;
}
figure:nth-child(5) {
   animation: xfade 30s 15s infinite;
}
figure:nth-child(6) {
   animation: xfade 30s 12s infinite;
}
figure:nth-child(7) {
   animation: xfade 30s 9s infinite;
}
figure:nth-child(8) {
	animation: xfade 30s 6s infinite;
}
figure:nth-child(9) {
	animation: xfade 30s 3s infinite;
}
figure:nth-child(10) {
	animation: xfade 30s 0s infinite;
}
@keyframes xfade{
   0%{
      opacity: 1;
   }
   10.5% {
      opacity:1;
   }
   12.5%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }