@import url("/css/welcome-form.css") screen;

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

html, body {
	/*width: 100%;*/
	/*height: 100%;*/
}

body {
	color:#222;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size:13px;
	line-height:130%;
	background-color: #000000;
	background: url('/images/steel-bg2.png') 0 0 repeat #222 fixed;
	/*text-shadow: 1px 1px 0 #EEEEEE;*/
	padding: 20px;
}

p {
line-height: 130%;
margin: 10px 0;
}

a img {
border: none;
text-decoration: none;
}

td {
vertical-align: top;
}

.hidden { display: none; }

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
	text-shadow: 1px 1px 1px #DDDDDD;
	letter-spacing: -1px;
}

h2, h3 {
	color:#DE0F0F;
	margin-bottom:5px;
	margin-top:20px;
}

h2 { font-size: 15px; }
h3 { font-size: 14px; }

a {
color:#118CFF;
text-decoration:underline;
border: none;
}

#page {
	margin: 0 auto; 
	background-color: #FFFFFF;
	max-width: 1400px;
	box-shadow:  #000 1px 1px 3px
}

#container {
background-color: #FFFFFF;
margin: 0;
/*height: 100%;*/
}

span.date {
color:#999999;
display:block;
font-size:10px;
}

#header {
height: 65px;
background-color: #FFFFFF;
padding: 20px 0 34px 20px;
}

#header a img {
float: left;
}

#header div {
height: 65px;
background: #4B4B4B url('/images/title_short.gif') top left no-repeat;
line-height: 65px;
color: #FFFFFF;
margin: 0 0 0 129px;
font-size: 20px;
font-family: Arial;
}
	#header div .contacts {  float: right; font-size: 16px; line-height: 22px; padding-top: 10px; padding-right: 10px; text-align: left; text-shadow: #333 1px 1px 0; }

#header div.languager { height: 20px; text-align: right; font-size: 9px; background: transparent; line-height: 0; margin: 10px 5px 0 0; padding: 0;  }
	#header div.languager a { text-decoration: none; }
	#header div.languager strong { background: #333; color: #fff; padding: 1px 2px; }


#content{
background-color: #FFFFFF;
padding: 20px 60px 54px 20px;
}


#content table {
width: 100%;
}

	#content table td.menu {
		width: 210px;
		padding: 0 20px 0 0;
	}

		#content table td.menu ul {
		list-style-type: none;
		font-family:"Times New Roman",Georgia,serif;
		font-size:15px;
		}
	
			#content table td.menu ul li {
				margin:0 0 15px;
			}
			
			/*#content table td.menu > ul > li > a { text-decoration: none; border-bottom: 1px solid #000; }*/
	
				#content table td.menu ul li.active {
				/*border-left:3px solid #F61616;*/
				}
	
					#content table td.menu ul li.active > a {
						color: #000000;
						text-decoration: none;
					}
	
				/*#content table td.menu ul li.last { margin-top: 50px; }*/
				
					#content table td.menu ul li a { color: #1167b7; }
					#content table td.menu ul li ul { margin-top: 5px; }
						#content table td.menu ul li li { padding-left: 20px; background: url('/images/tree-element.png') 0 0 no-repeat; margin-bottom: 3px; }
						#content table td.menu ul li li.active { background-image: url('/images/tree-element-active.png'); }
							#content table td.menu ul li li a { font-family: Arial; text-decoration: none; font-size: 80%; color: #118CFF; }
							
			
					#content table td.menu ul li li.last { margin-top: 0; }


		/* Resources links */
		#content table td.menu div.resources { margin: 3em 0 1em 0; }
			#content table td.menu div.resources div { margin: 0.5em 0; }
				#content table td.menu a.icon { padding: 0 0 3px 20px; }
				#content table td.menu a.rss {background: url('/images/icons/icon-rss.gif') 0 0 no-repeat; }
				#content table td.menu a.twitter { background: url('/images/icons/icon-twitter.gif') 0 0 no-repeat; }
				#content table td.menu a.camera { background: url('/images/icons/icon-camera.gif') 0 0 no-repeat; }
				#content table td.menu a.phone { background: url('/images/icons/icon-phone.gif') 0 2px no-repeat; }
				#content table td.menu a.blog { background: url('/images/icons/icon-blog.gif') 0 0 no-repeat; }
				#content table td.menu a.portfolio { background: url('/images/icons/icon-portfolio.gif') 0 0 no-repeat; }
				#content table td.menu a.linux { background: url('/images/icons/icon-linux.gif') 0 0 no-repeat; }
				#content table td.menu a.barter { background: url('/images/icons/icon-barter.gif') 0 2px no-repeat; }
				#content table td.menu a.service { background: url('/images/icons/icon-flag.gif') 0 0 no-repeat; }
				#content table td.menu a.vkontakte { background: url('/images/icons/icon-vkontakte.png') 0 0 no-repeat; }



#content table td.content ul, #content table td.blog ul {
padding: 0 0 10px 40px;
}

#content table td.content ol, #content table td.blog ol  {
padding: 0 0 10px 40px;
}



#footer {
	background-color: #FFFFFF;
	padding: 10px 120px 0 0;
	height: 53px;
	/*margin: -81px 18px 0 18px;*/
}

#footer div {
background: #DBDBDB url('/images/corner_bottom.gif') right top no-repeat;
height: 43px;
text-align: right;
padding: 9px 20px 0 0;
font-size: 14px;
}

#footer div p {
margin: 0;
}

#footer div p img {
padding-right: 10px;
}

span.B_crumbBox {
display: block;
padding: 0 0 8px 2px;
border-bottom: 1px dashed #DEDEDE;
margin-bottom: 15px;
}
	.crumb-separator { vertical-align: middle; }


blockquote {
	margin: 20px 0 20px 40px;
	padding: 10px 0 10px 20px;
	border-left: 4px solid #A4FFA4;
	font-size: 125%;

}
	blockquote  p {
		margin: 5px 0;
	}


/* News
-------------------------------------------------------------------------------*/
.news-feed {}
	.news-feed div {margin-bottom:15px;}
		.news-feed div p { margin: 0; }

/* Icon links
-------------------------------------------------------------------------------*/

.rssLink{ padding: 0 0 3px 20px; margin: 0 0 0 10px; background: url('/images/icons/icon-rss.gif') left top no-repeat; }


/* Index blog
-------------------------------------------------------------------------------*/

.blog .element { margin: 0 0 3em 0; }
	.blog .element .title {}
	.blog .element .more { text-align: left; font-size: 0.9em; }
		.blog .element .more a { color: #00B900; padding: 0 0 0 14px; background: url('/images/icons/icon-more.gif') 0 2px no-repeat; }

		
/* Blog
-------------------------------------------------------------------------------*/		
.blog-element {}
	.blog-element h3.title { margin: 10px 0; font-size: 18px; text-shadow: 0 1px 0 #eee; }
		.blog-element h3.title a { text-decoration: none; }
	.blog-element .delimiter { text-align: center; font-size: 50px; color: #aaa; padding: 30px 0 10px 0; font-family: Georgia, serif; }