* {
    padding: 0;
    margin: 0;
} 

body {
background: #222;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: .74em;
margin: 0;
padding: 0;
color: #ccc;
}

a,a:link,a:active,a:visited { color: #94A6BD; outline: none; text-decoration: none;  }

a:hover { color: #fffcda;text-decoration: underline; }

img {
	border: none;
}
a img{border: none;}


#wrap {
width:720px;
margin:0 auto;
background: #000;
}

#intro { 
background: #333 url(image/introo.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#intro h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#intro h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}



#portr { 
background: #333 url(image/portr.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#portr h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#portr h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}

#priroda { 
background: #333 url(image/priroda.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#priroda h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#priroda h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}


#deti { 
background: #333 url(image/deti.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#deti h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#deti h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}

#gorod { 
background: #333 url(image/gorod.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#gorod h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#gorod h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}
 
  
#oblogka { 
background: #333 url(image/oblogka.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#oblogka h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#oblogka h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}  


#dpoch { 
background: #333 url(image/dpoch.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#dpoch h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#dpoch h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}  


  
#portfolio_1 { 
background: #333 url(image/portfolio_1.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#portfolio_1 h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#portfolio_1 h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}  
  
#portfolio_2 { 
background: #333 url(image/portfolio_2.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#portfolio_2 h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#portfolio_2 h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}  
   
   
   #portfolio_3 { 
background: #333 url(image/portfolio_3.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#portfolio_3 h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#portfolio_3 h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}  
   
   
   
#svadba { 
background: #333 url(image/svadba.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#svadba h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#svadba h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}     
   
   
#korp { 
background: #333 url(image/korp.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#korp h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#korp h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}     
   
   
   #korp2 { 
background: #333 url(image/korp2.jpg) no-repeat;
margin: 0 auto;
height: 346px;
text-align: right;
}

#korp2 h1 { 
color: #eee;
font-size: 2em;
padding: 10px 10px 0 0;
font-weight: 100;
letter-spacing: 2px;
}

#korp2 h2 { 
color :#ccc;
font-size: 1.8em;
padding: 0 10px 0 0;
font-weight: 100;
}     
   
   
  
#nav {
margin: 0 auto;
padding: 0;		
}
#nav ul {
float: left;
list-style: none;
margin: 0;	
padding: 0;	
height: 56px;		
}
#nav ul li {
float: left;
margin: 0; padding: 0;
height: 56px;
}
#nav ul li a {
display: block;
float: left;
width: auto;
margin: 0;
padding: 0 20px;
color: #bbb;
font: bold 16px/54px "Trebuchet MS", Helvetica, Arial, sans-serif;
text-decoration: none;	
letter-spacing: 1px;	
}
#nav ul li a:hover,
#nav ul li a:active {
color: #fff;	
background: #111;	
}
#nav ul li#rss a {	
color: #FF8B00;	
}

#content {
	float:left;
	width:520px;
	background: #000;
	padding:10px;
	text-align: justify;
}

#navigation {
	float:right;
	width:160px;
	background: #000;
	padding: 10px;
}
#navigation ul { list-style: none; text-align: left; padding-left: 20px; font-size: 1.3em; font-weight: 600;}

#footer{
clear:both;
background: #111;
padding: 10px;
text-align: center;
}
