body {background: url("/img/bg.png") repeat-x;}
	
	.clear {clear:both;}

.site
{
	width: 980px;
	margin: auto;
}

.block
{
	width: 980px;
	margin: auto;
}
	.header-logo
	{
		width: 300px;
		float: left;
	}
		.header-logo a, .header-logo a:hover
		{
			text-decoration: none;
		}
		.header-logo img
		{
		}
	.header-descr
	{
		width: 400px;
	}
		.header-descr
		{
			margin-top: 30px;
			text-align: center;
			font-family: 'Roboto', sans-serif;
			font-size: 25px;
			float: left;
		}
	.header-contacts
	{
		width: 280px;
		float: left;
		text-align: right;
	}
		.header-contacts
		{
			margin-top: 30px;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
		}
			.header-contacts-phone
			{
				font-size: 36px;
			}
			.header-contacts-adress
			{
				font-size: 16px;
			}
	.menu
	{
		width: 250px;
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		text-align: left;
		float: left;		
	}
		.menu a, .menu a:hover
		{
			text-decoration: none;
			color: green;
		}
		.menu ul
		{
			padding: 0; margin-top: 15px;
		}
		.menu li
		{
			padding: 0; margin-top: 10px; list-style-type: none;
		}
	.content
	{
		width: 730px;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		text-align: justify;
		float: left;
	}
		.content-index img {}
		.content span
		{
			font-family: 'Roboto', sans-serif;
			font-size: 28px;
		}
		.content-personal img {width: 150px; }
		
		.content-portfolio
		{
			font-size: 14px;		
		}
		.content-portfolio img {width: 170px;}
		
		.content-portfolio-razdel
		{
			font-family: 'Roboto', sans-serif;
			font-size: 32px;
			padding: 15px 0 15px 0;
		}
			.content-portfolio-razdel span
			{
				font-size: 28px;				
			}
	
		.content-photo
		{
			width: 160px;
			float: left;
		}
		
		.content-map
		{
			width: 300px;
		}
		
		.content-30px
		{
			width: 30px;
		}
		
		.content-contacts
		{
			width: 350px;
			font-size: 18x;
		}
			.content-contacts span
			{
				font-size: 18x;
			}