* { margin: 0; padding: 0; 
	font-family: Arial, sans-serif; font-size: 11pt; }
	
html, body { width: 100%; height: 100%; 
	background: #aac7cc url("./img/body_bg.png") repeat-x 0 160px; }

/* UNIVERSAL STYLES */

#content a { color: #fff; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content a:visited { color: #ddd; }

	#content .lastNews a { color: #000; }
	#content .lastNews a:visited { color: #333; }

#content h2 { margin-bottom: 20px;
	color: #fff;
	font-size: 22px; font-family: Georgia, serif;
	border-bottom: 1px solid #fff; }

#content h3 { margin-bottom: 10px;
	font-size: 16px; }
	
	#content .lastNews h3 { margin-bottom: 4px;
		font-size: 14px; font-style: italic; }
	
	#content .lastNews a.readMore { display: block;
		font-style: italic; font-size: 13px;
		text-align: right; }
	
#content p { margin-bottom: 10px; }

#content ul { list-style: outside;
	padding-left: 20px; margin-bottom: 10px; }
	
	#content ul li { margin-bottom: 5px; }

.comment { font-size: 90%;
	font-style: italic; }
	
	p.comment { margin-bottom: 0 !important; }


#wrapper { width: 914px; height: 100%;
		margin: 0 auto; }

	#container { position: relative; float: left;
		width: 100%; height: auto !important; height: 100%; min-height: 100%;
		background: #6d9ca1 url("./img/content_bg.png") repeat-y; 
		border-left: 3px solid #f6f8f8; border-right: 3px solid #f6f8f8; }
		
		#head { position: absolute;
			left: 0; top: 0; 
			height: 196px; width: 100%;
			background: url("./img/head_bg.png") repeat-x 0 160px; }
		
			#lawyer { position: relative;
				width: 598px; height: 141px;
				padding: 10px 35px; margin-bottom: 34px;
				background: url("./img/head_main.jpg") no-repeat; 
				border-right: 3px solid #f6f8f8; }
			
			#lawyer.contacts { background: url("./img/head_contacts.jpg") no-repeat; }
			
				#lawyer h1, #lawyer h2 { padding-top: 20px;
					text-align: right; font-family: Georgia; }
				
				#lawyer h1 { color: #fff;
					font-size: 28px; } 
				
				#lawyer h2 { color: #002c31;
					font-size: 18px; }
			
				img#lawyerLogo { position: absolute;
					left: 45px; top: 73px;
					width: 592px; height: 40px; }
			
			#hammer, #phone, #papers, #hand { position: absolute;
				right: 0; top: 0; 
				width: 232px; height: 161px;
				border-left: 3px solid #f6f8f8; }
				
				#hammer { background: url("./img/hammer.jpg") no-repeat; }
				#phone { background: url("./img/phone.jpg") no-repeat; }
				#papers { background: url("./img/papers.jpg") no-repeat; }
				#hand { background: url("./img/hand.jpg") no-repeat; }
				
		#content { float: left; 
			width: 588px; 
			padding: 20px 40px; margin-top: 200px;
			font-size: 16px; 
			color: #002c31; }
			
			#content .lastNews { float: right;
				width: 170px; height: 100%;
				padding: 10px 20px;
				text-align: left;
				background: #9cc3c7; }
			
				#content .lastNews p { font-style: italic; font-size: 12px; }
				
				#content .lastNews p.date { font-weight: bold; font-size: 12px; }
			
			#contactInfo { float: left;
				width: 100%; }
			
				#contactInfo .contactLine { float: left; clear: both;
					width: 100%; 
					padding-bottom: 2px; }
					
					#contactInfo .contactLine.shift { margin: 10px 0; }
				
					#contactInfo .contactLine .name { float: left; display: inline;
						width: 35%;
						font-weight: bold; color: #2a6f76;
						text-align: right; }
						
					#contactInfo .contactLine .value { float: left; display: inline;
						width: 60%;
						margin-left: 3%; }
			
			#content .newsItem { padding: 10px 20px; margin-bottom: 20px;
				background: #9cc3c7; }
				
				#content .newsItem h3 { text-align: center; }
					
				#content .newsItem .date { margin-bottom: 10px;
					font-style: italic;
					text-align: right;}
					
				#content .newsItem p { padding-top: 10px;
					text-align: justify; }
					
			img#scheme { margin-top: 10px; } 
			
			a img { border: none; }
			
		#menu { float: right; 
			width: 192px; 
			padding: 20px 20px; margin-top: 200px; }
			
			#menu ul { list-style: none; }
			
				#menu ul li { padding-left: 20px; margin-bottom: 20px;
					background: url("./img/glyph.png") no-repeat 2px 6px; }
				
				#menu ul li.faded { margin-top: 50px;
					background: none; }
					
					#menu ul li.faded a { color: #777; }
				
				#menu ul li.active { background-position: 2px -81px; }
				
					#menu ul li a { color: #002c31;
						font-size: 18px; font-weight: bold; font-family: Georgia, serif;
						text-decoration: none; }
						
					#menu ul li a:hover, #menu ul li.active a { color: #fff; }