#header{
	position: fixed; 
	top: 0; left: 0; 
	width: 100%; 
	height: 80px;
	background: black; filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	z-index: 1;
}

h1 a{
	text-indent: -9999px;
	background: url(../images/logo.png) top left no-repeat;
	height: 80px;
	width: 465px;
	float: left;
	}
h1 a:hover{
	background-position: 0px -80px;
	}
	
#header ul{
	float: right;
	height: 80px;
}

#header ul li{
	float: left;
}
#header ul li.button-blog a{
	height: 80px;
	width: 137px;
	background: url(../images/button-blog.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
}
#header ul li.button-photo a{
	height: 80px;
	width: 137px;
	background: url(../images/button-photo.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
}

#header ul li.button-cats a{
	height: 80px;
	width: 137px;
	background: url(../images/button-cats.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
}
#header ul li.button-url a{
	height: 80px;
	width: 137px;
	background: url(../images/button-url.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
}
#header ul li a:hover{
	background-position: 0px -80px;
}

.content-frame{
	padding-top: 80px;
	}

.slide:hover{
	cursor: pointer;}
	
	
.first{
	background: #212121;}
	
.first .content-frame .content{
	width: 900px;
	height: 620px;
	background: url(../images/plate-1.png) top left no-repeat;
	margin: auto;
	}
	
	
.second{
	background: #18232c;}
	
.second .content-frame .content{
	width: 900px;
	height: 620px;
	background: url(../images/plate-2.png) top left no-repeat;
	margin: auto;
	}
	
	
.third{
	background: #263734;}
	
.third .content-frame .content{
	width: 900px;
	height: 620px;
	background: url(../images/plate-3.png) top left no-repeat;
	margin: auto;
	}
	
	
.fourth{
	background: #131c0e;}
	
.fourth .content-frame .content{
	width: 900px;
	height: 620px;
	background: url(../images/plate-4.png) top left no-repeat;
	margin: auto;
	}
	
	
.fifth{
	background: #2c2818;}
	
.fifth .content-frame .content{
	width: 900px;
	height: 620px;
	background: url(../images/plate-5.png) top left no-repeat;
	margin: auto;
	}
		
.sixth{
	background: #2c1818;}
	
.sixth .content-frame .content{
	width: 900px;
	height: 620px;
	background: url(../images/plate-6.png) top left no-repeat;
	margin: auto;
	}
	
	
.seventh{
	background: #142724;}
	
.seventh .content-frame .content{
	width: 900px;
	height: 620px;
	background: url(../images/plate-7.png) top left no-repeat;
	margin: auto;
	}