html{
	height:100%;
	background: #fff url('../images/html-bg.jpg') repeat-x center top;
	padding: 0;
}
body{
	padding: 0;
	margin: 0;
	font: 11px "Arial";
	color: #8f9aa7;
}
br.clear { 
	clear: both;
	font-size: 0.1em;
}

div#container {	
	width: 948px;
	margin: 0 auto;
	background: url('../images/body-bg.jpg') no-repeat; 
}

ul#topmenu 	{	
height: 37px;	padding: 0 0 0 11px;	background: url('../images/topmenu-bg.jpg') no-repeat;	margin: 0;	list-style: none;	
}

ul#topmenu li		{	float: left;}
ul#topmenu li a	{	padding: 0 17px 0 15px;	font: 13px "Arial";	color: #fff;	text-decoration: none;	line-height: 37px;	height: 37px;	background: url('../images/topmenu-hover.jpg') right top; float: left;}
ul#topmenu li a:hover,
ul#topmenu li a.on		{	background: url('../images/topmenu-hover.jpg') right bottom; }

div#left 		{	
	width: 199px;
	padding: 183px 44px 79px 22px;
	float: left;
}
div#left  h3	{	
		background: url('../images/left-kop.jpg') no-repeat;
		margin: 0;
		padding: 6px 24px 0 0;
		text-align: right;
		height: 24px;
		color: #FFF;
		font-size: 11.5px;
}
div#left  img	{	
		float: left;
}

div#left 	ul.nav			{	margin: 0;	padding: 0 0 34px 0;	list-style: none;}
div#left	ul.nav a			{	display: block;	height: 31px;	line-height: 31px;	padding: 0 0 0 28px;	background: url('../images/left-nav.jpg') no-repeat left bottom; color: #555555;	text-decoration: none;}
div#left	ul.nav a:hover	{	background: url('../images/left-nav.jpg') no-repeat left top; color: #558cce;	font-weight: bold;}

div#left	ul.news			{	margin: 0 0 38px 0;	padding: 0;	list-style: none;	clear: both; }	
div#left 	ul.news li			{	background: #eef3fa	url('../images/left-news.jpg') no-repeat left top; margin: 0 0 4px 0;	padding: 6px 0 7px 27px;	color: #333333;}
div#left 	ul.news li.meer	{	background: #fff	url('../images/left-meer.jpg') no-repeat left top; margin: 0 0 4px 0;	padding: 2px 0 7px 27px;	color: #333333;}
div#left 	ul.news li b		{	color: #558cce; }
div#left 	ul.news li a		{	color: #333333; text-decoration: none; }

div#left	div.adres 		{	background: #f7f7f7;	padding: 6px 13px; }
div#left	div.adres  b		{	color: #4897d4; }
div#left	div.adres address 	{ 	padding: 17px 0 0 10px;	font-style: normal; }
div#left 	div.adres address b	{	color: #8f9aa7; }

div#right				{	width: 670px;	float: left; padding: 54px 0 0 0;}	
div#right img.header		{	float: left;	}	

div#right div.where		{	clear: both; height: 19px;	background: url('../images/right-ubent.jpg') repeat-x;	color: #FFF;	text-align: right; padding: 11px 10px 0 0;	}
div#right div.where b		{	color: #83c5ff; }

div#right div.content		{	color: #333333; padding: 15px 18px 0 23px;	font-size: 11.5px;}

div#right div.content div.c-left				{	width: 360px;	float: left;	padding: 20px 0 0 0;}
div#right div.content div.c-right			{	width: 240px;	float: left;	padding: 18px 0 0 20px;}
div#right div.content div.c-right a			{	display: block;	width: 46px;	height: 46px;	float: left;	padding: 6px; background: url('../images/portfolio-normal.jpg') no-repeat;	margin: 1px; }
div#right div.content div.c-right a:hover	{	background: url('../images/portfolio-hover.jpg') no-repeat; }
div#right div.content div.c-right img		{	border: none; }


div#right div.content a				{	font-weight: bold;	color: #558cce; }
div#right div.content h2			{	display: inline; border-bottom: 1px SOLID #bed3ec;	padding: 0 45px 3px 0;	font-size:	11.5px;	color: #558cce; margin: 0; }
div#right div.content h2 span		{	font-weight: normal; }
div#right div.content p				{	line-height: 17px; padding: 8px 0;	margin: 0;}
div#right div.content img.floated	{	float: right; }
div#right div.content ul			{	margin: 0;	padding: 10px 0 0 30px; list-style: none; }
div#right div.content ul li			{	line-height: 17px;	background: url('../images/right-bullit.jpg') no-repeat left center;	padding: 0 0 0 10px; }

div#right div.content div.icon		{	display: block;	line-height: 14px;	height: 14px;	float: left;	width: 175px;	padding: 0 0 15px 0;	}
div#right div.content div.icon img	{	padding: 0 5px 0 0;	}


div#bottom			{	height: 176px;	background: #f4f4f4	url('../images/footer.jpg') repeat-x;  color: #848484; }
div#bottom div.wrapper	{	width: 948px;	margin: 0 auto;	padding: 10px 0 0 0;	}
div#bottom div.wrapper b			{	color: #4783cc; }
div#bottom div.wrapper a			{	color: #848484;	text-decoration: none; }
div#bottom div.wrapper a:hover		{	text-decoration: underline; }
div#bottom div.wrapper div.f-left	{	width: 50%;	float: left; }
div#bottom div.wrapper div.f-left p	{	margin: 0;	padding: 0;	line-height: 18px; }
div#bottom div.wrapper div.f-right	{	width: 50%;	float: left;	text-align: right; }