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


html{
	height:100%;
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	background:url(../images/background1.png);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#333;
	background-size:cover;
	height:100%;
	width:100%;
	overflow:hidden;
}

a{
	text-decoration:none;
	color:inherit;
}

a:hover{
	text-decoration:none;
	color:inherit;
}

a:visited{
	text-decoration:none;
	color:inherit;
}

#center{
	background:#333;
	width:300px;
	height:100%;
	margin:0 auto;
	}

header{
	text-align:center;
	margin:0 0 0 0;
	padding:25px 0 0 0;
}

nav{
	float:left;
}
nav ul{
	list-style:none;
	color:#333;
	text-align:center;
	padding:0;
	margin:0 auto;
	margin-bottom:75px;
	margin-top:20px;
}

nav li{
	width:300px;
	background:#F2F2F2;
	padding:10px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	height:20px;
	margin:0 auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	
	margin-top:10px;
}

nav li:hover{
	/*width:200px;
	margin-left:50px;*/
	box-shadow:0px 5px 2px 0px #333;
	-moz-box-shadow:0px 5px 5px 3px #333;
	-webkit-box-shadow:0px 5px 5px 3px #333;
	
	/*border-radius:5px;*/	
	height:25px;
	width:400px;
	margin-left:-50px;
}

#slidingdoors {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:50px;
	 margin-right:-250px;
	 float:right;
	
	 
    /*Applying the Background Images*/
    background-image: url(../images/door1_03.png), url(../images/door1_05.png), url(../images/inside1_04.png);
    background-repeat: no-repeat;
     
    /*Positioning the Background Images*/
    background-position: 150px 0px, 300px 0px, 166px 0px;
     
    /*Transition Parameters*/
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
 
#slidingdoors:hover {
    background-position: 20px 0px, 430px 0px, 166px 0px;
}

#slidingdoors2 {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:20px;
	 margin-right:-250px;
	 float:right;
	
	 
    /*Applying the Background Images*/
    background-image: url(../images/2-18_03.png), url(../images/2-18_05.png), url(../images/2-18_04.png);
    background-repeat: no-repeat;
     
    /*Positioning the Background Images*/
    background-position: 150px 0px, 300px 0px, 166px 0px;
     
    /*Transition Parameters*/
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
 
#slidingdoors2:hover {
    background-position: 20px 0px, 430px 0px, 166px 0px;
}


#slidingdoors3 {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:20px;
	 margin-right:-250px;
	 float:right;
	
	 
    /*Applying the Background Images*/
    background-image: url(../images/maxprog_03.png),url(../images/maxprog_05.png), url(../images/maxprog_04.png) ;
    background-repeat: no-repeat;
     
    /*Positioning the Background Images*/
    background-position: 150px 0px, 300px 0px, 166px 0px;
     
    /*Transition Parameters*/
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
 
#slidingdoors3:hover {
    background-position: 20px 0px, 430px 0px, 166px 0px;
}


#slidingdoors4 {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:20px;
	 margin-right:-250px;
	 float:right;
	
	 
    /*Applying the Background Images*/
    background-image: url(../images/door4_03.png), url(../images/door4_05.png), url(../images/inside4_04.png);
    background-repeat: no-repeat;
     
    /*Positioning the Background Images*/
    background-position: 150px 0px, 300px 0px, 166px 0px;
     
    /*Transition Parameters*/
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
 
#slidingdoors4:hover {
    background-position: 20px 0px, 430px 0px, 166px 0px;
}

#slidingdoors5 {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:20px;
	 margin-right:-250px;
	 float:right;
	
	 
    /*Applying the Background Images*/
    background-image: url(../images/portfolio_03.png),url(../images/portfolio_05.png), url(../images/portfolio_04.png) ;
    background-repeat: no-repeat;
     
    /*Positioning the Background Images*/
    background-position: 150px 0px, 300px 0px, 166px 0px;
     
    /*Transition Parameters*/
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
 
#slidingdoors5:hover {
    background-position: 20px 0px, 430px 0px, 166px 0px;
}

#slidingdoors6 {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:20px;
	 margin-right:-250px;
	 float:right;
	
	 
    /*Applying the Background Images*/
    background-image: url(../images/bonnaroo_03.png), url(../images/bonnaroo_05.png), url(../images/bonnaroo_04.png) ;
    background-repeat: no-repeat;
     
    /*Positioning the Background Images*/
    background-position: 150px 0px, 300px 0px, 166px 0px;
     
    /*Transition Parameters*/
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
 
#slidingdoors6:hover {
    background-position: 20px 0px, 430px 0px, 166px 0px;
}


#slidingdoors7 {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:20px;
	 float:right;
	 font-size:36px;
	
	
}

#slidingdoors8 {
     height:50px;
	 width:700px;
	 margin:0 auto;
	 margin-top:20px;
	 float:right;
	 font-size:36px;
	
	
}

section{
	color:#F2F2F2;
	padding:25px 10px 0 10px;
	margin-top:200px;
	clear:both;
}

.click h2{
	text-align:center;
	cursor:pointer;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
}



.click:active .info {
	display: block;
}


.click:hover {
	display: block;
}
	
	

.info{
	padding:25px;
	display:none;
	position:fixed;
	left:100px;
	bottom:100px;
	width:200px;
	background:#333;
	border-radius:10px;
	font-size:90%;

}

footer{
	
	background:#333;
	width:300px;
	margin:0 auto;
	position:fixed;
	bottom:50px;
	height:50px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	clear:both;
}

footer img{
	padding:0 5px 0 5px;
}