html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	margin: 0; 
	padding: 0;
	/*position: relative;*/
	background: #fff;
	color: #00111b;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: normal;	
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

sup { 
  vertical-align: text-top; 
  font-size: 65%;
}

div.clear{
  margin: 0px;
  padding: 0px;
  height: 0;
  clear: both;
  border: none;
  overflow: hidden;
}

/* -- menu -- */

ul.menu{
  padding: 0 20px 0 0;
  list-style: none;
}

ul.menu li{
  margin: 0 0 2px 0;
  display: block;
  width: 230px;
  overflow: hidden;
}

ul.menu li a,
ul.menu li span{
  display: block;
  width: 230px;
  height: 26px;
  font-size: 30px;
  font-family: Myriad Pro, Arial, sans-serif;
  font-weight: bold;
  color: #9ba2a6;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

ul.menu li a:hover{
  color: #fff;
}

ul.menu li a span,
ul.menu li span span{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 230px;
  height: 26px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

ul.menu li a:hover span,
ul.menu li span span,
ul.menu li.current a span{
  background-position: 0 -26px;
}

ul.menu li a.m_services span,
ul.menu li span.m_services span{ background-image: url(/i/menu/services.gif); }

ul.menu li a.m_clients span,
ul.menu li span.m_clients span{ background-image: url(/i/menu/clients.gif); }

ul.menu li a.m_portfolio span,
ul.menu li span.m_portfolio span{ background-image: url(/i/menu/portfolio.gif); }

ul.menu li a.m_company span,
ul.menu li span.m_company span{ background-image: url(/i/menu/company.gif); }

ul.menu li a.m_contacts span,
ul.menu li span.m_contacts span{ background-image: url(/i/menu/contacts.gif); }

ul.menu li a.m_blog span,
ul.menu li span.m_blog span{ background-image: url(/i/menu/blog.gif); }

/* -- 2-й уровень -- */

ul.menu li.current ul{
  padding: 10px 0;
  margin: 0 20px 0 17px;
}

ul.menu li.current ul li{
  width: 210px;
  margin: 0 0 8px 0;
}

ul.menu li.current ul li a,
ul.menu li.current ul li span{
  font-size: 15px;
  color: #82ac00;
  font-style: italic;
  font-weight: normal;
  height: auto;
  width: 200px;
  line-height: 1.1;
  text-decoration: underline;
}

ul.menu li.current ul li a:hover{
  text-decoration: none;
  color: #dcff70;
}

ul.menu li.current ul li.current a,
ul.menu li.current ul li span{
  text-decoration: none;
  color: #dcff70;
}

/* -- 3-й уровень -- */

ul.menu li.current ul li.current ul li{
  width: 180px;
}

ul.menu li.current ul li.current ul li a,
ul.menu li.current ul li.current ul li span{
  font-size: 12px;
  color: #d1d1d1;
  font-style: normal;
  font-weight: normal;
  height: auto;
  width: 180px;
  line-height: 1.1;
  text-decoration: underline;
}

ul.menu li.current ul li.current ul li a:hover{
  text-decoration: none;
  color: #fff;
}

ul.menu li.current ul li.current ul li.current a,
ul.menu li.current ul li.current ul li span{
  text-decoration: none;
  color: #fff;
}

/* -- 4-й уровень -- */

ul.menu li.current ul li.current ul li.current ul li{
  width: 170px;
}

ul.menu li.current ul li.current ul li.current ul li a,
ul.menu li.current ul li.current ul li.current ul li span{
  font-size: 11px;
  color: #fba82a;
  font-style: normal;
  font-weight: normal;
  height: auto;
  width: 170px;
  line-height: 1.1;
  text-decoration: underline;
}

ul.menu li.current ul li.current ul li.current ul li a:hover{
  text-decoration: none;
  color: #fba82a;
}

ul.menu li.current ul li.current ul li.current ul li.current a,
ul.menu li.current ul li.current ul li.current ul li span{
  text-decoration: none;
  color: #fba82a;
}

/* -- contacts -- */

.contacts p{
  padding: 0 5px 0 34px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
}

.contacts p.first{
  padding-top: 25px;
}

.contacts h2{
  padding: 0 15px 10px 34px;
  font-size: 22px;
  line-height: 25px;
  color: #fff;
  text-align: left;
}

.contacts h2 a{
  color: #fff;
  font-size: 20px;
  font-style: italic;
  text-decoration: underline;
}

.contacts h2 a:hover{
  text-decoration: none;
}

.contacts h3{
  padding: 0 10px 0 34px;
  text-align: left;
}

/* --- sendmail -- */

.sendmail{
  margin: 0 0 16px 0;
  padding: 12px 0 0 25px;
  overflow: visible;
  clear: both;
  /*width: 92%; */
  width: 98%;
  position: relative;
  background: #00111b; 
  text-align: left;
}

.sendmail a.sendmail_togle{
  margin: 0 0 20px 0;
  padding: 5px 10px 5px 0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/i/border.gif) left bottom repeat-x; 
}

.sendmail a:hover,
.sendmail.st_index a.sendmail_togle,
.sendmail a.sendmail_togle.open{
  background: none; 
}

.sendmail .privet{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 265px;
  top: -22px;
  width: 76px;
  height: 83px;
  background: url(/i/privet.jpg) left bottom no-repeat;
}

.sendmail .sendmail_form{
  padding: 5px 217px 15px 0;
  overflow: hidden;
  background: url(/i/kate.jpg) right bottom no-repeat; 
}

.sendmail .sf{

}

.sendmail .sendmail_form table{
  width: 100%;
}

.sendmail .sendmail_form table td{
  width: 48%;
}

.sendmail .sendmail_form input.txt{
  width: 100%;
  background: #2a3339;
  border: none;
  color: #fff;
  padding: 5px;
}

.sendmail .sendmail_form textarea.txt{
  width: 100%;
  height: 115px;
  margin: 0 0 10px 0;
  background: #2a3339;
  border: none;
  color: #fff;
  padding: 5px;
}

.sendmail .sendmail_form input.btn{
  color: #000;
  width: 70%;
  max-width: 250px;
  min-width: 160px;
}

.sendmail .sendmail_form p{
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #fff;
}

.sendmail p.ok{
  padding: 0 0 10px 0;
  font-size: 14px;
  color: #fff;
}

.sendmail p.error{
  color: #f00;
  margin-bottom: 20px;
}