/*
www.alexputev.com 
URL: http://www.alexputev.com 
Description: Pesronal site of professional photographer Alex Putev. 
Theme is designed by Timur Talybov and coded by Maria Zhi for alexputev.com website.
Version: 2.0
Tags: photographer, Alex Putev, Alexandr Putev, Moscow, portfolio, photo studio, images, image photo, wedding photo, glamour, art-nude, child photo. 
Lessons and tutorial of photo making and photo editing.
*/

* {
  border: 0;
	margin: 0;
	padding: 0;
}

html, body {
  min-width:1024px;   
  height: 100%;
  background: #000;
  COLOR: #a1b4bc;   
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

/* main containers */

#container_with_face {
  background: url(images/background04.png) #000 no-repeat;
	position: relative; 	
  width: 1024px;
  height:auto !important;height:100%;	
	margin: 0 auto; 
  padding: 0;
}

#container_noface {
  background: url(images/background05.png) #000 repeat-y;  
	position: relative; 	
  width: 1024px;
  height:auto !important;height:100%;	
	margin: 0 auto; 
  padding: 0;
}

/* header div, footer div and clear block */

#header {
  background: url(images/header01.png) 210px 50px no-repeat;  
  width: 1024px;
	height: 150px;
	margin: 0;
}

#footer {
  background: url(images/bottom02.png) top left no-repeat;  
  margin-top: -50px;
  width: 1024px;
	height: 50px;
	margin: 0;
}

.clearfloat {
	clear: both;
}

/* navigation menu */

#navigation {
  list-style: none;    
  position: relative;
  float: left; 
  width: 145px;
  height: 470px;
  margin: 0;  
  padding: 100px 0px 0px 70px; 
}

#navigation li {
  list-style: none;    
  margin: 0;  
}

#navigation a { 
  padding: 0;   
  margin: 0;  
  text-decoration: none;
  display: block;
  text-indent: -900%;
  /*outline: none;*/ 
  overflow:hidden;
}

#navigation a:hover { 
  background-position: 0 -18px;
} 

* #navigation a :hover{ 
text-indent: -900%; 
}

#navigation .main { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_main.png) 0 0 no-repeat;
  display: block;
  margin-left: 0px; 
}

#navigation .main_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_main.png) 0 -18px no-repeat;
  display: block;
  margin-top: 0px; 
}

#navigation .news { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_news.png) 0 0 no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .news_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_news.png) 0 -18px no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .gallery { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_gallery.png) 0 0 no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .gallery_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_gallery.png) 0 -18px no-repeat;
  display: block;
  margin-top: 20px; 
  border: 0px;
}

#navigation .services { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_offers.png) 0 0 no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .services_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_offers.png) 0 -18px no-repeat;
  display: block;
  margin-top: 20px; 
  border: 0px;
}

#navigation .clients { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_clients.png) 0 0 no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .clients_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_clients.png) 0 -18px no-repeat;
  display: block;
  margin-top: 20px; 
  border: 0px;
}

#navigation .blog { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_blog.png) 0 0 no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .blog_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_blog.png) 0 -18px no-repeat;
  display: block;
  margin-top: 20px; 
  border: 0px;
}

#navigation .contacts { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_contacts.png) 0 0 no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .contacts_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_contacts.png) 0 -18px no-repeat;
  display: block;
  margin-top: 20px; 
  border: 0px;
}

#navigation .links { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_links.png) 0 0 no-repeat;
  display: block;
  margin-top: 20px; 
}

#navigation .links_active { 
  width: 135px;
  height: 17px;
  background: url(images/navigation_links.png) 0 -18px no-repeat;
  display: block;
  margin-top: 20px; 
  border: 0px;
}

/* content and content2*/


#content { 
	width: 410px;
	float: left;  
	position: relative; 	
	padding: 50px 0px 0px 60px; 
  margin: 0; 
  COLOR: #a1b4bc;   
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px;
	font-weight: normal;   
	text-align: justify; 	
  text-indent: 1.5em;  
  overflow: hidden; 	
}

#content p {  
  margin: 0;  
  padding: 0;  
}

#content2 { 
	width: 720px; 
	float: left;  
	position: relative; 	
	margin: 0; 
  padding: 50px 40px 10px 40px; 
  COLOR: #a1b4bc;  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px;
	font-weight: normal;  
  text-indent: 1.5em; 
	text-align: justify; 
	overflow: hidden; 
}
  

/* text formats */ 

table {
float: left;
table-layout: auto; /* instead width:100%;*/ 
margin-left: auto; 
margin-right: auto;
border-spacing: 0;
} 

th, td {
 padding: 10px;
  text-align: left; /*рonly for text not for pictures*/
  font-weight: normal;
  font-size: 13px;
	color: #FFFFFF;
}
 
h1 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 1.5em; 
	height:20px;
	margin: 0;
	padding: 0;
 }  

h2 {
	font-size: 16px;
	color: #a1b4bc;
	font-weight: bold;
	text-indent: 1.5em;
	margin: 0;
	padding: 0;
} 

h3 {
	font-size: 13px;
	color: #a1b4bc;
	font-weight: normal;
	text-indent: 1.5em;
	padding: 10px;
	margin: 0;
	padding: 0;
} 

em {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	text-indent: 0; 
} 

a { 
  text-decoration: none;
  color: #a1b4bc;  
}

p {
  padding: 0; 
  margin: 15px 0px; 
  clear: both;
}

br { /*кроссбраузерность*/
  clear: both;
  height: 0;
  overflow: hidden;
  font-size: 0;
} 

/* zagolovok */

.zagolovok {
	padding: 0;	
	border: 0; 
}
  
.zagolovok img {
	padding: 0;	
  border: 2px solid #a1b4bc;
}

.zagolovok img:hover {
	border: 2px solid #FFFFCC;
}

/* zagolovok pictures on the top of page */

.zagolovok_news {
  width: 135px;
  height: 17px;
  background: url(images/navigation_news.png) -18px 100% no-repeat;
  display: block;
  margin-left: 0; 
  border: 0px;	
}
  
.zagolovok_gallery {
  width: 135px;
  height: 17px;
  background: url(images/navigation_gallery.png) -18px 100% no-repeat;
  display: block;
  margin-left: 0; 
  border: 0px;	
}

.zagolovok_contacts {
  width: 135px;
  height: 17px;
  background: url(images/navigation_contacts.png) -18px 100% no-repeat;
  display: block;
  margin-left: 0; 
  border: 0px;	
}

.zagolovok_services {
  width: 135px;
  height: 17px;
  background: url(images/navigation_offers.png) -18px 100% no-repeat;
  display: block;
  margin-left: 0; 
  border: 0px;	
}

.zagolovok_clients {
  width: 135px;
  height: 17px;
  background: url(images/navigation_clients.png) -18px 100% no-repeat;
  display: block;
  margin-left: 0; 
  border: 0px;	
}
 
 .zagolovok_blog {
  width: 135px;
  height: 17px;
  background: url(images/navigation_blog.png) -18px 100% no-repeat;
  display: block;
  margin-left: 0; 
  border: 0px;	
} 
  
.zagolovok_links {
  width: 135px;
  height: 17px;
  background: url(images/navigation_links.png) -18px 100% no-repeat;
  display: block;
  margin-left: -20px; 
  border: 0px;	
}
  
   /* link on the level up */ 
  
.back {
  width: 10px;
  height: 17px;
  background: url(images/back02.png) 0px 100% no-repeat;
  display: block;
  float: left;
  margin-left: 0; 
  margin-bottom: 0;
  border: 0px;	
}
  
/* otstup */

.otstup30 {
  margin-top: 30px;
	padding-bottom: 10px;
	/*height: 33px*/
}

.otstup20 {
	margin-top: 20px;
	padding-bottom: 10px;
}  
  
/* formats for news and gallery */

.left_picture {
  padding: 0px 0px; 
}
     
.left_picture img {
	margin-right: 10px;
	padding: 0;	
  float: left;
  position: relative; 	
  border: 2px solid #a1b4bc;
}

.left_picture img:hover {
	border: 2px solid #FFFFCC;
}
 
/*.left_picture p {
  padding: 0; 
  margin: 15px 0px; 
}*/

 /* formats for blog, lessons */

.blog {
  padding: 0px 0px;
}

.blog img {
	margin-right: 10px;
	margin-bottom: 15px;
	padding: 0;	
  display: block; 
  border: 2px solid #a1b4bc;
  }

.blog img:hover {
	border: 2px solid #FFFFCC;
}
 
.blog p {
  padding: 0; 
  margin: 0 0 15px 0; 
  clear: both; 
}

/* list with 30рх on left */

.list {
  list-style: none;    
  position: relative;
  float: left; 
  margin: 0;  
  padding: 0; 
	text-align: justify; 
	text-indent: 0em;
}

.list a {
	color: #FFFFFF;
  margin: 0;  
  font-weight: normal;
  text-decoration: none;
  outline: none; 
}

.list a:hover { 
  text-decoration: none;   
  color: #ec1d25;   
  outline: none; 
}

.list ul {
padding: 0;
padding-left: 30px;
list-style: none;
margin: 0;
}

.list li {
  margin: 0;  
}

.list li a {
	color: #FFFFFF;
  margin: 0;  
  font-weight: normal;
  text-decoration: none
}

.list li a:hover { 
  text-decoration: none;   
  color: #ec1d25; 
}

/* list with 0рх on left */

.list2 {
  list-style: none;    
  position: relative;
  float: left; 
  margin: 0;  
  padding: 15px 0 15px 0; 
	text-align: justify; 
	text-indent: 0em;
	display: inline;
}

.list2 ul {
	padding: 0;
	padding-left: 0px;
	list-style: none;
	margin: 0;
	text-indent: 0;
}

.list2 li {
	margin: 0;
	text-indent: 0;
}

.list2 li a {
	color: #FFFFFF;
	margin: 0;
	font-weight: normal;
	text-decoration: none
}

.list2 li a:hover {
	text-decoration: none;
	color: #ec1d25;
}

/* counters */

#underbackground {
	position: absolute;
	margin: -2000px auto;
	padding: 0;
	z-index: -10;
}