@import url(reset.css);
@import url(debug.css);

.clear{clear:both;}

body
{
	background: #fff url(/-/img/bg_body.jpg);
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
	line-height: 1.5em;
}

a
{
	color: #1b93d1;
}

a:hover
{
	color: #E00404;	
}

strong
{
	font-weight: bolder;
}

address
{
	font-style: normal;
}

#flow
{
}


#home
{
	padding: 30px 0;
}

	#home img
	{
		padding: 4px;
		margin: 0 12px 0 0;
	}
	
		#home strong img
		{
			border-bottom: 2px solid #fff;
		}

#header
{
	background: url(/-/img/bg_titan.png) no-repeat 440px;
	height: 410px;	
	width: 950px;
	margin: 0 auto;
	padding: 0 0 0 30px;
}

#logo
{		
	width: 320px;
	height: 100px;
}

	#logo strong, #logo a
	{
		width: 320px;
		height: 93px;
		color: #fff;
		overflow: hidden;
		display: block;
	}
	
	#logo a
	{
		width: 282px;
		height: 83px;	
		color: #008fc5;
	}
	
	#logo strong:before
	{
		content: url(/-/img/atlant-logo-white.png);
		display: block;	
	}

	#logo a:before
	{
		content: url(/-/img/atlant-logo-blue.png);
		display: block;	
	}

#slogan
{
	background: url(/-/img/bg_slogan.png) no-repeat 40px .5em;
	color: #fff;
	font-size: .75em;
	line-height: 1.4em;
	margin: 10px 0 0 0;
	padding: 0 0 0 65px;
	width: 240px;
}

	#slogan a
	{
		color: #fff;		
		float: right;
		margin-top: 10px;
	}
	
		#slogan a:hover
		{			
			color: #fc0;			
		}

#menu
{
	color: #fff;
	background: url(/-/img/bg_menu.png) no-repeat;
	width: 492px;
	height: 52px;
	clear: both;
	padding: 0 8px;
	position: relative;
	top: 60px;
	left: -30px;
}

	#menu li
	{
		float: left;
		margin: 15px 15px; 
	}

		#menu li a 
		{
			color: #fff;			
		}

		#menu li a em{font-style: normal;}

		#menu li a.active,
		#menu li a.opened
		{
			color: #333;
			text-decoration: none;		
		}
		
		#menu li a.opened{text-decoration: underline;}

#wrapper
{
	background: #fff;
}

#body
{
	width: 950px;
	margin: 0 auto;
	padding: 0 0 0 30px;
}

	#wrap-left
	{
		width: 750px;
		float: left;
	}

		#wrap-left .left
		{
			float: left;
		}
	
		#wrap-left .center
		{
			width: 300px;
			float: right;
		}
	
	.body-block
	{
		font-size: .8em;
		line-height: 1.3em;
		padding: 2em 0;
	}

	.body-block h2
	{
		font-size: 2.2em;
		line-height: 1.5em;
		padding-left: 40px;
		margin-left: -40px;
		background: url(/-/img/1x1.png) no-repeat left 4px;	
	}

	.body-block p
	{
		padding: 1em 0;
		width: 250px;
	}
	
	
		.body-block ul li
		{
			list-style: disc;
			list-style-type: disc;
			margin: 0 0 0 2em;
			color: #8c8c8c;		
		}
	
		.body-block ol li
		{
			list-style: decimal;
			list-style-type: decimal;
			margin: 0 0 0 2em;		
		}

			.body-block ol li em
			{
				color: #555;
				display: block;
				font-size: .9em;
				padding: 0 0 1em 2em;
				font-style: normal;					
			}
			
	.production, .services, .news, .articles
	{
		padding-left: 40px;
		width: 400px;
	}
		
	.news, .articles
	{
		width: 300px;
	}

	.production
	{
		background: url(/-/img/bg_visual_production.jpg) no-repeat right bottom;
	}		
	
	.services
	{
		background: url(/-/img/bg_visual_services.jpg) no-repeat right bottom;
	}
	
		.production h2{background-image: url(/-/img/bg_production.png);}
		.news h2{background-image: url(/-/img/bg_news.png);}
		.services h2{background-image: url(/-/img/bg_services.png);}
		.articles h2{background-image: url(/-/img/bg_articles.png);}

	.news dl
	{
		clear: both;
	}

		.news dl dt
		{
			color: #fff;
			font-size: .8em;
			float: left;
			width: 50px;
			margin-top: 10px;						
		}
			.news dl dt em
			{
				background: #d1d1d1;
				padding: 0 4px;
				font-style: normal;				
			}
		
		.news dl dd
		{			
			float: left;
			width: 220px;
			margin-top: 10px;									
		}
		
	#slider
	{
		width: 135px;
		background: #f7f7f7;
		margin: 40px 0 0 0;
		padding: 20px 8px;
		text-align: center;
		float: right;
	}
	
		#scroll{text-align: center;}
		
		.clients ul li
		{
			margin: 20px 20px;
		}

	#clar_up
	{
		background: url(/-/img/arrow_up.png) no-repeat center;
		height: 11px;
		margin: 20px;
	}

	#clar_dn
	{
		background: url(/-/img/arrow_down.png) no-repeat center;
		height: 11px;
		margin: 20px;
	}

#footer
{
	color: #fff;
	background: url(/-/img/bg_flag.png) no-repeat left top;
	font-size: .8em;
	line-height: 1.5em;
	width: 800px;
	margin: 0 auto;	
	position: relative;
	top: -10px;	
	padding: 30px 50px 100px 60px;
}

#footer a 
{
	color: #fff;
}

#footer a:hover
{
	color: #fc0;
}
		
	#copy
	{
		float: left;
	}
	
	#delivery
	{
		float: right;
		background: url(/-/img/bg_bibika.png) no-repeat right bottom;
		width: 282px;
		height: 180px;				
	}
	
		#delivery a
		{
			font-family: Arial Narrow, arial, sans-serif;
			font-size: 1.4em;
			white-space: nowrap;
			margin-top: 10px;
			display: block;
		}

	#question
	{
		background: url(/-/img/bg_question.png) no-repeat left top;
		
		float: right;
		font-family: Arial Narrow, arial, sans-serif;
		font-size: 1em;		
	
		width: 151px;
		height: 76px;
		
		margin-bottom: 40px;		
	}
	
		#question a
		{
			padding: 23px 20px 20px 24px;
			width: 100px;
			display: block;			
		}

.left{float: left;}
.right{float: right;}

#art
{
	background: url("/-/img/id/ideil-logo.png") no-repeat 0 0;
	height: 50px;
	float: left;	
	font-size: 12px;
	margin: 20px 0 10px 0px;
	line-height: 1.5em;
	padding: 0 0 0 80px;	
}

#art em
{
	text-decoration: underline;
	font-style: normal;
}

#art a strong
{
	text-decoration: none;
	font-style: normal;	
	font-weight: normal;		
	color: #fff;
}

#art span a
{
	text-decoration: none;
}