/*
	Theme Name: System-Approach
	Theme URL: http://www.system-approach.ru/
	Description: 3 column theme for System Appoach Ltd.
	Author: Dmitry Bezuglyy
	Version: 1.0
*/

* {
  padding:0;
  margin:0;	
  border: 0;
}
body {
  background:#444444;
  color:#3d3d3d;
  font:12px Tahoma, Verdana, Arial;
}
h2 {
	padding-left: 5px;
	padding-top: 5px; 
	padding-bottom: 5px;
    font: 2em/1em Tahoma, Verdana, Arial;
}
h2 a {
  color:#283127;
  text-decoration:none;
}

h2 a:hover  {
  color:#518476;
  text-decoration:underline;
}
#container{
	width:1080px;
	background:#ffffff;
	margin: 0 auto;
	border:thin #B3B9B8 solid;
}
#footer {
	background: #B3B9B8;
	padding:25px 0 25px 0;
    margin:15px 0 15px 0;
	height:200px;
    float:none;
}
a {
  color:#518476;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}
.wrap {
  width:100%;
  margin:0 auto;
  position:relative;
  overflow-x:hidden;
}
.headnav {
  padding:0;
  height:30px;
  line-height:30px;
  background:#15201d url(./images/headnav.gif) no-repeat right;
}
.headnav a {
  color:#e3731b;
  font:bold 10px Tahoma, Verdana, Arial;
  background:url(./images/headnavlink.gif) no-repeat left;
  padding:2px 0 2px 20px;
  margin:0 10px;
  line-height:30px;
}
.headnav a:first-child {
  margin-left:20px;
}
.logoline {
  height:227px;
  background:#597369 url(./images/logoline.gif) repeat-x;
}
.logobg {
  height:227px;
  background:url(./images/logobg.jpg) no-repeat right;
}
.logo {
  position:absolute;
  top:83px;
  left:84px;
}
.logo img {
  border:none;
}
.topnav {
  padding:0;
  width:591px;
  height:53px;
  background:#404440 url(./images/topnav.gif) repeat-x;
  position:absolute;
  top:204px;
  left:0;
}
.topnavbg {
  padding:0;
  height:53px;
  background:url(./images/topnavbg.gif) no-repeat right top;
}
.navseparator {
  float:left;
  width:2px;
  height:53px;
  background:url(./images/separator.gif) no-repeat;
  margin-left:20px;
}
* html .navseparator {
  margin-left:40px;
}
.topnavbg ul {
  padding:0;
  list-style:none;
  float:left;
}
.topnavbg li {
  float:left;
  height:53px;
  line-height:63px;
  background:url(./images/separator.gif) no-repeat right;
}
.topnavbg li a {
  color:#fefefe;
  font:bold 15px Times New Roman, Tahoma, Verdana;
  text-decoration:none;
  padding:22px 16px 12px 16px;
  margin-right:2px;
}
.topnavbg li a, noindex:-moz-any-link {
  padding:23px 16px 12px 16px;
}
noindex:-o-prefocus, .topnavbg li a {
  line-height:64px;
}
.topnavbg li a:hover {
  color:#9b9377;
  background:#d1c79e url(./images/nav_hover.gif) repeat-x;
}
.about {
  height:80px;
  background:#b3b9b8;
  margin:0 0 30px 0;
  position:relative;
}

.abouttext {
  margin:20px 30px 20px 30px;
}
/************************************************
*	Left Sidebar      							*
************************************************/
.sidebar {
    float:left;
	margin: 0px 20px 0px 20px;
	padding: 00px 0px 20px 20px;
	width:180px;
}
.sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.block {
  padding:0;
  margin:10px ;
}
.block:first-child {
  margin-top:0px;
}
.block h2 {
  font:normal 20px Tahoma, Verdana, Arial;
  margin:3px 0;
}
.block ul {
   padding:0;
   list-style:none;
}
.block li {
   font:normal 14px Tahoma, Verdana, Arial;
   padding-left:15px	;
   list-style:none;
}
.block li a {
 	text-decoration : none;
}
.block li a:hover {
color: #f00;
}
/************************************************
*	Right Sidebar      							*
************************************************/
.r_sidebar {
	float: right;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	background:#FFFFFF;
	}

.r_sidebar p{
	padding: 2px 0px 16px 0px;
	margin: 0px;
	line-height: 20px;
	font:1em/0.8em Verdana, Arial, Helvetica, sans-serif;
	}
.r_sidebar h2{
	padding: 16px 0px 5px 0px;
	margin: 0px;
	line-height: 20px;
	font:1.5em/1em Verdana, Arial, Helvetica, sans-serif;
	}
.r_sidebar select{
	margin: 0px;
	width:180px;
	border: solid 1px #999999;
}
.r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
.r_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
/*.r_sidebar ul li a {
	color: #507AA5;
	text-decoration: none;
	}

.r_sidebar ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}*/
/*.r_sidebar {
  padding:0;
  float:right;
  width:180px;
  margin-left:30px;
  margin-right:30px;
  border:dashed #00FF00;
}
*/
/************************************************
*	Content 					     		    * 
************************************************/
.main {
  float: right;
  width:840px;
  display:block;
}
.content {
	float: left;
    width:590px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
	background:#FFFFFF;
}
.content h1 {
  font:normal 2em Tahoma, Verdana, Arial;
  margin:1em 0;
}

.content h2 {
  font:normal 1.7em Tahoma, Verdana, Arial;
  margin: 0.8em 0;
}
.content h3 {
  font:normal 1.4em Tahoma, Verdana, Arial;
  margin:0.5em 0;
}
.content h4 {
  font:normal 1.2em Tahoma, Verdana, Arial;
  margin:0.3em 0;
}

.content ul {
	padding: 2px; 
	margin: 0px;
}
.content li {
	padding-left: 15px;
	padding-top: 0px; 
	padding-bottom: 0px;
	background-position: 0% 0%;
	background-repeat: no-repeat; 
	background-image: url(http://www.system-approach.ru/img/blt_gray.gif); 
	background-color: initial; 
	-webkit-background-origin: initial; 
	-webkit-background-clip: initial;
	list-style-image:none; 
	list-style-type: none; 
	list-style-position: outside; 
	line-height: 1.4 !important; 
	margin-bottom: 0.6em; 
	margin-top: 0.6em; 
	margin-right: 0px; 
	margin-left: 0px; 
	}
.post {
    padding:auto; 
    width: 590px;
  }
.postmetadata {
   font-size:smaller;
   background:#CCCCCC;
   margin:auto;
   padding:5px;
   border:#999999 thin solid;
}
*.entry {
   padding:auto; 
   font-size:1em;
   width: inherit;
   border-bottom:solid #999999 thin;
   padding-bottom:10px;
}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.navigation {
border-bottom:#CCCCCC thin solid;
display:block;
margin:0 0 20px 0;
}
.navigation .alignleft {
width:200px;
float:left;
padding:0 20px 0 20px;
text-align:left;
}
.navigation .alignright {
width:200px;
float: right;
padding:0 20px 0 20px;
text-align:right;
}

/************************************************
*	Comment 					     		    * 
************************************************/
#respond label{
	font:1em Arial, Helvetica, sans-serif;
}
#respond input{
	margin:5px	20px 0px 20px;	
	font:1.2 em Arial, Helvetica, sans-serif; 
	border: solid 1px #999999;
}

.comment {
width:540px;
}

#commentform textarea{
	width: 520px;
	margin:10px	20px 10px 20px;	
	padding:0px 10px 0px 10px;
	border: solid 1px #999999;
}
/************************************************
*	contactform   					     		    * 
************************************************/
.contactform input{
	margin:5px	20px 0px 20px;	
	font:1.2 em Arial, Helvetica, sans-serif; 
	border: solid 1px #999999;
}
.contactform  textarea{
	width: 520px;
	margin:10px	20px 10px 20px;	
	padding:0px 10px 0px 10px;
	border: solid 1px #999999;
}

/************************************************
*	Other   					     		    * 
************************************************/
.clear {
  clear:both;
}

.search {
  margin-top:20px;
}
.search p {
  margin-bottom:5px;
}
.search a {
  color:#ffffff;
  font:bold 10px Tahoma, Verdana, Arial;
}
.texter {
  width:140px;
  color:#ffffff;
  background:#c8cdcd;
  border:1px solid #d6dad9;
  padding:3px;
}
.searchbut {
  margin:0 0 -6px 7px;
}
.login {
  position:absolute;
  top:20px;
  right:30px;
  width:80px;
}
.login p {
  margin:5px 0;
}
.login p a {
  color:#ffffff;
  font:bold 11px Tahoma, Verdana, Arial;
}
.phone {
  font-size:25px;
  margin:60px 0 5px 0;
}

.address {
  font-size:13px;
}
.email {
  color:#385950;
  font-size:13px;
  text-decoration:underline;
}
.email a {
  color:#385950;
  font-size:13px;
}

.rsslink {
  margin-top:55px;
}
.rsslink a {
  color:#385950;
  font-size:11px;
  background:url(./images/rss.gif) no-repeat center top;
  padding-top:50px;
}
.download {
 margin-top:5px;
 margin-left:0px;
}
.download a {
  color:#385950;
  font-size:12px;
	background-position: 0% 50%;
	background-image: url(http://www.system-approach.ru/img/pdf_icon.png); 
	background-color: initial; 
	background-repeat: no-repeat; 
	-webkit-background-origin: initial; 
	-webkit-background-clip: initial;
  padding-top:10px;
  padding-left:40px;
}
.copyright {
	padding:5px;
	margin:0px;
	float:left;
	font-size:9px;
}

. blockquote{
	background: url(images/bquote.gif) no-repeat 95% 0;
	color: #8AA1AB;
	font-style: italic;
	padding: 10px 50px 10px 15px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.fly_menu {
z-index:1000;
font-size:90%;
margin:20px 0 50px 0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.fly_menu ul {
padding:0;
margin:0;
list-style-type:none;
width:160px;
}
/* hack for IE5.5 */
* html .fly_menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.fly_menu li {
position:relative;
background:#7E867B;
height:26px;
}

/* get rid of the table */
.fly_menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.fly_menu a, .fly_menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:159px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .fly_menu a, * html .fly_menu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .fly_menu a:hover {color:#fff; background:#39584E;}

.fly_menu :hover > a {
color:#fff; 
background:#39584E;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.fly_menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:160px; 
}
/* make the second level visible when hover on first level list OR link */
.fly_menu ul li:hover ul,
.fly_menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.fly_menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.fly_menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.fly_menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.fly_menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
</STYLE>
<!--[if IE 7]>
<style type="text/css">
.fly_menu li {float:left;}
</style>
<![endif]-->

/************************************************
*	contactform   					     		    * 
************************************************/
.contactform input{
	margin:5px	20px 0px 20px;	
	font:1.2 em Arial, Helvetica, sans-serif; 
	border: solid 1px #999999;
}
.contactform  textarea{
	width: 520px;
	margin:10px	20px 10px 20px;	
	padding:0px 10px 0px 10px;
	border: solid 1px #999999;
}