body {
    margin:0px;
    padding:0px;
    font-family:RingbearerMedium,HobbitonRegular,FirstOrderRegular;
    color:#ec805d;
    font-size:18px;
    background-image:url(../images/bg1.jpg);
    background-attachment:fixed;
    background-size:cover;
}
/* Header */
header {
    width: auto;
    height: 50px;
}

audio {
    opacity: 0.4;
}
/*End Of Header*/

/* Navigation menu */
nav {
    width: 180px;
    height:330px;
    margin-top:150px;
    margin-left:-150px;
    color:#000;
    font-family:HobbitonRegular;
    background: rgba(144, 47, 15, 0.39);
    position:absolute;
    border-radius:2px;
}
nav ul{
	 width:180px;
	 margin-left:auto;
	 margin-right:auto;
	 list-style:none; 
	 margin:0;
	 padding:0; 
	 overflow:hidden;
	}

nav ul li a{
	display:block;
	width:170px;
	height:45px;
	font-size:20px;
    color:#000;
    padding:5px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
    border-radius:2px;
    background-image:url(../images/icon1.png);
    background-repeat:no-repeat;
     text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
	}

nav ul li:hover a{
	background-color:#902f0f;
	color:#f5e020;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
	text-decoration:none;
    background-image:url(../images/icon.png);
    background-repeat:no-repeat;
	}

nav ul li.active a{
	background-color:#902f0f;
	color:#f5e020;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    background-image:url(../images/icon.png);
	text-decoration:none;
	}

/* End of navigation menu */

/*Content*/

article#home {
    width: 960px;
    height: 950px;
    margin:130px auto;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99); 
    background: rgba(144, 47, 15, 0.49);
    border-radius:10px;
    text-align:justify;
    font-family:RingbearerMedium;
    font-weight:500;
    font-size:18px;
    padding:10px;
}


 /*Slideshow*/
#slideshow {
    width: 700px;
    height: 400px;
    margin: 10px auto;
    -webkit-box-shadow: 2px 2px 50px 2px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 50px 2px rgba(0, 0, 0, 1);
}

 #cssSlider {
	width: 700px;
	height: 400px;
	overflow: hidden;
	margin:0 auto;
}
 
 #sliderImages {
	width :3500px;
	height: 400px;
	overflow: hidden;
	
	/* animation duration: 16s : 5x ~3s display image + 5x ~0.2s slide */
	animation: slide 50s infinite;
	-moz-animation: slide 50s infinite;
	-webkit-animation: slide 50s infinite;
	-o-animation: slide 50s infinite;
}

 #sliderImages img {
	float: left;
}

@keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -700px;}
	37%{margin-left: -700px;}
	40%{margin-left: -1400px;}
	57%{margin-left: -1400px;}
	60%{margin-left: -2100px;}
	77%{margin-left: -2100px;}
	80%{margin-left: -2800px;}
	97%{margin-left: -2800px;}
	100%{margin-left: 0px;}
}

@-moz-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -700px;}
	37%{margin-left: -700px;}
	40%{margin-left: -1400px;}
	57%{margin-left: -1400px;}
	60%{margin-left: -2100px;}
	77%{margin-left: -2100px;}
	80%{margin-left: -2800px;}
	97%{margin-left: -2800px;}
	100%{margin-left: 0px;}
}


@-webkit-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -700px;}
	37%{margin-left: -700px;}
	40%{margin-left: -1400px;}
	57%{margin-left: -1400px;}
	60%{margin-left: -2100px;}
	77%{margin-left: -2100px;}
	80%{margin-left: -2800px;}
	97%{margin-left: -2800px;}
	100%{margin-left: 0px;}
}


@-o-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -700px;}
	37%{margin-left: -700px;}
	40%{margin-left: -1400px;}
	57%{margin-left: -1400px;}
	60%{margin-left: -2100px;}
	77%{margin-left: -2100px;}
	80%{margin-left: -2800px;}
	97%{margin-left: -2800px;}
	100%{margin-left: 0px;}
}
    /*End of slideshow*/

/* Content */
article#home1 {
    width: 960px;
    height: 750px;
    margin:130px auto;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99); 
    background: rgba(144, 47, 15, 0.49);
    border-radius:10px;
    text-align:justify;
    font-family:RingbearerMedium;
    font-weight:500;
    font-size:18px;
    padding:10px;
}

article#about {
    width: 960px;
    height: 950px;
    margin:130px auto;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99); 
    background: rgba(144, 47, 15, 0.49);
    border-radius:10px;
    text-align:justify;
    font-family:RingbearerMedium;
    font-weight:500;
    font-size:18px;
    padding:10px;
}

section.weare {
    width:400px;
    height:350px;
    margin:40px;
    float:left;
}

article.gallery {
    width: 960px;
    height: 400px;
    margin:130px auto;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99); 
    background: rgba(144, 47, 15, 0.10);
    border-radius:10px;
    text-align:justify;
    font-family:RingbearerMedium;
    font-weight:500;
    font-size:18px;
    padding:10px;
}

article#map {
    width: 960px;
    height: 600px;
    margin:130px auto;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99); 
    background: rgba(144, 47, 15, 0.10);
    border-radius:10px;
    text-align:justify;
    font-family:RingbearerMedium;
    font-weight:500;
    font-size:18px;
    padding:10px;
}

article#contact {
    width: 960px;
    height: 600px;
    margin:130px auto;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99); 
    background: rgba(144, 47, 15, 0.49);
    border-radius:10px;
    text-align:justify;
    font-family:RingbearerMedium;
    font-weight:500;
    font-size:18px;
    padding:10px;
}

article.contacts {
    width: 480px;
    height: 550px;
    margin-left:5px;
    float: left;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99);
    text-align: justify;
    font-family: RingbearerMedium;
    font-weight: 500;
    font-size: 18px;
    padding:10px;
}

article#contacts {
    width: 420px;
    height: 550px;
    margin-left:5px;
    float:left;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: rgba(255, 255, 255, 0.99);
    text-align: justify;
    font-family: RingbearerMedium;
    font-weight: 500;
    font-size: 18px;
    padding:10px;
}

/* End of content */


/* Footer */
footer {
    width: auto;
    height: 50px;
    font-family:Helvetica,Calibri;
    background: rgba(144, 47, 15, 0.39);
    text-shadow: 0 0 0.6em #000, 0 0 0.6em #000, 0 0 0.6em #000;
}

article.center {
    width: 960px;
    height: 50px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.99); 
}

article.footer {
    width: 470px;
    height: 50px;
    margin-left:10px;
    float:left;
}

/* End of footer */


/* Style links */
a:link {color:#fff; text-decoration:none;}      /* unvisited link */
a:visited {color:#fff; text-decoration:none;}  /* visited link */
a:hover {color:rgba(144, 47, 15, 1);text-decoration:none;}  /* mouse over link */

/* End of style links */

/* Style */

.picture {
    border: none;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
}

.pic {
    border: 2px solid #902f0f;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
}


p.one{
	float:left;
	width:480px;
	}

p.right {
    text-align: right;
}

p.center {
    text-align: center;
}

h3.center {
    text-align: center;
}

h1.center {
    text-align: center;
}

/* End of Style */