﻿body {
    background-color:yellow;
    color:yellow;
    font: 1em "Tahoma", verdana, sans-serif;
    height: 2500px;
    padding:5px;
    width:80%;
}

a {
    color:red;
    text-shadow: 0 1px 1px #000000;
}
/*--------------------------------------------------page one-----------------------*/


#headingbox {
    background-color:black;
    border: 1px solid #444444;
    border-radius:50px 0 50px 0;
    box-shadow: 15px 15px 25px #555555;
    color:white;
    font-family: "Lucida Sans", verdana ,sans-serif;
    margin: auto;
    width: 1200px;
    height:700px;
}   

	
#name p {
	font-style:italic;
	font-family:"Palatino Linotype"; 
	font-size:70px;
	 margin-left:120px; 
	 font-weight:bold; 
	 color:red;
	 text-align:center; 
	}


		
#logo {
	margin-left:525px;
	margin-top:150px;
}
#content {
	margin-top:300px;
	margin-left: 250px;	
}
#one { height:100px; }
/*----------------------------------------------end page one----------------------*/
/*----------------------------------------------page two--------------------------*/
#twoheadingbox {
	background-color:black;
    border: 1px solid #444444;
    border-radius: 50px 0 50px 0;
    box-shadow: 15px 15px 25px #555555;
    color:white;
    font-family: "Lucida Sans", verdana ,sans-serif;
    margin: 50px auto;
    width: 1200px;
    height:700px;
    font-size:px;
}
#twoheadingbox h1 {
	margin-left:400px;
	font-size:60px;
	font-style:italic;
}
#two { height:900px; }
/*----------------------------------------------end page two----------------------*/
/*----------------------------------------------page three--------------------------*/
#threeheadingbox {
	background-color:black;
    border: 1px solid #444444;
    border-radius: 50px 0 50px 0;
    box-shadow: 15px 15px 25px #555555;
    color:white;
    font-family: "Lucida Sans", verdana ,sans-serif;
    margin: 50px auto;
    width: 1200px;
    height:700px;
    font-size:20px;
    
}
#threeheadingbox h1 {
	margin-left:400px;
	font-size:60px;
	font-style:italic;
	color:white;
}
#three { height:900px; }
/*----------------------------------------------end page three----------------------*/
/*----------------------------------------------page four--------------------------*/
#fourheadingbox {
	background-color:black;
    border: 1px solid #444444;
    border-radius: 50px 0 50px 0;
    box-shadow: 15px 15px 25px #555555;
    color:white;
    font-family: "Lucida Sans", verdana ,sans-serif;
    margin: 40px auto;
    width: 1200px;
    height:700px;
    font-size:20px;
}
#fourheadingbox h1 {
	margin-left:410px;
	font-size:60px;
	font-style:italic;
	color:white;
}
#four { height:900px; }
/*----------------------------------------------end page four----------------------*/
/*----------------------------------------------page five--------------------------*/

#five { height:900px; }

#fiveheadingbox {
	background-color:black;
    border: 1px solid #444444;
    border-radius: 50px 0 50px 0;
    box-shadow: 15px 15px 25px #555555;
    color:white;
    font-family: "Lucida Sans", verdana ,sans-serif;
    margin: 50px auto;
    width: 1200px;
    height:700px;
    font-size:20px;
    
}
#fiveheadingbox h1 {
	margin-left:400px;
	font-size:60px;
	font-style:italic;
	color:white;
}
#contactcontent {
	background-color:lime;
}

#details {
	float:left;
	width:400px;
	height:400px;
	margin-left:150px;
}
#map {
	float:left;
	height:400px;
	width:400px;
}

/*----------------------------------------------end page five----------------------*/

#float-menu {
    position:absolute;
    top: 300px;
    width:300px;
    z-index:1;
	margin-left:700px;   
}

#float-menu ul {
    list-style: none outside none;
    margin-bottom: 17px;
}

#float-menu ul li a {
    border-right: 15px solid #777777;
	border-left: 1px solid #777777;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	background-color:#FFFF66;
    border-image: url('Untitled_1.css') none;
    box-shadow: 0 0 9px #FF0000;
    color:black;
    display: block;
    padding: 5px 0 10px 25px;
    text-decoration: none;
    z-index: 1;
}

#float-menu ul li a:hover {
    background-color:#FF0000;
}

#float-menu ul.menu:nth-child(1) li a:hover {
    border-color: #FF0000;
}
#float-menu ul.menu:nth-child(2) li a:hover {
    border-color: #FF0000;
}

#float-menu ul.menu:nth-child(3) li a:hover {
    border-color: #FF0000;
}
#heading { height:1000px; }

#headingbox top h1 { Padding:px; }

#ing {width:200px;}

/*----------------------------------------------Image Slider------------------------------------------*/

section{
  width: 450px;
  height: 280px;
  position:relative;
  
  
  top: 1em;
  margin-left: 400px;
  overflow: hidden;
  background: #292929;
  border: 10px solid #fff;
}

/*section:hover article{
  animation-play-state: paused;
}*/

article{
  position: absolute;
  left: 500px;
  background: #292929;
  color: #e3e3e3;
  width: 450px;
  height: 280px;
  text-align: center;
  font: 2em/1em sans-serif;
  border-box: box-sizing;
  
  
}

article:nth-of-type(1){
  animation: slideIn 50s linear 0s infinite;
}
article:nth-of-type(2){
  animation: slideIn 50s linear 5s infinite;
}
article:nth-of-type(3){
  animation: slideIn 50s linear 10s infinite;
}
article:nth-of-type(4){
  animation: slideIn 50s linear 15s infinite;
}
article:nth-of-type(5){
  animation: slideIn 50s linear 20s infinite;
}
article:nth-of-type(6){
  animation: slideIn 50s linear 25s infinite;
}
article:nth-of-type(7){
  animation: slideIn 50s linear 30s infinite;
}
article:nth-of-type(8){
  animation: slideIn 50s linear 35s infinite;
}
article:nth-of-type(9){
  animation: slideIn 50s linear 40s infinite;
}
article:nth-of-type(10){
  animation: slideIn 50s linear 45s infinite;
}

@keyframes slideIn{
  0% {left: 450px;}
  1% {left: 0;}
  10% {left: 0;}
  11% {left: -450px;}
  100%{left: -450px;}
}
#content {
width:600px;
margin-top:60PX;
}
#pagecontent {
 width:300px;
 padding:20px;
 float:left;
 font-size:medium;

}
