body 
{ background: url(images/background.gif) top center repeat-x #CFDEEA;
  margin: 0px;
  padding: 16px 0;
  font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  color: #282828;
  text-align: center;}

p {color:#282828; font-size:11px; text-align:left; line-height:16px;}

img { border-style: none;}
img.pic_left {float:left; padding:5px; margin:0 8px 8px 8px; border:1px  #CCCCCC solid;}

a {color: #2E9FED; text-decoration: none;}
a:hover {color: #1471B1;}


#welcome h1
{ padding:5px 0 0 20px;
  margin:0px;
  font-weight:bold;
  font-size:18px;
  color:#FFFFFF;}

h1 {font-size:16px; color: #003366;}
h2 {font-size:14px; color: #003366;}
h3 {font-size:13px; color: #003366;}
h4 {font-size:12px; padding:2px; margin:0px; color: #003366; border-bottom:1px #999999 dashed;}

.style1 {font-size: 16px}
.style2 {font-size: 18px; color: #000066;}
.style3 {color: #000000}
.style4 {color: #000066; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.style7 {color: #2E9FED; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.style10 {color: #00AAFF}
.style12 {font-size:16px}
.style14 {color: #0099CB;font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic;}
.style15 {color: #0099CB; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; }

.picInline /*картинки в строчку*/ {margin: 2px; float: left; display: inline;}
.picCenter {/*Контейнер для картинки по центру*/ text-align: center;}
.table {/*Таблица для текста и картинок*/width: 99% !important;}


ul {margin: 0 0 20px 30px; list-style-type: square;}


.open {color:#330099;font-weight:bold;}
.open-1 {color:#990000;font-weight:normal;}

#container { position: relative; width: 900px; margin: 0 auto; padding: 0px; text-align: left;}

#head {width: 901px; height: 172px; background: url(images/head.gif) no-repeat;}
#head h1 {position: absolute; margin: 31px 0 0 36px; width: 352px; height: 112px; background: url(images/logo.gif) no-repeat;}
#head h1 a {text-indent: -2000px; width: 154px; height: 59px; display: block; background: url(images/logo.gif) no-repeat;}
.top_head_banner{float:right; width:200px; height:120px; background:url(images/top_head.gif) no-repeat right; background-position:-15px 12px;}

#menu {position: absolute; width: 770px;top: 145px; left: 65px; margin: 0px; padding: 0px; z-index: 100;}
#menu li {list-style-type: none;float: left;margin: 0 8px;height: 22px;}
#menu li a {padding: 0 0 7px 0;	height: 22px; color: #8A8A8A;}
#menu li a:hover {color:#000033;}

#area {	width: 900px; height: 54px; background: url(images/area.gif) repeat-x;}

#main {	margin: auto; background: url(images/bg_main.gif) repeat-y; width: 1000px; height: auto;}

#content_left {float:left; padding:0 30px 30px 30px; width: 590px; height:auto;}
#content_left img {/*Рамка для картинок*/ border: 1px solid rgb(149, 42, 5); padding: 2px; text-align: center; }
#content_left .picCenter {/*Контейнер для картинки по центру*/ text-align: center;}

#content_right{float:left; padding:5px; width: 220px;height:auto;}

#welcome {background: url(images/center_banner.gif) no-repeat;background-position:12px 0px; padding:10px; width: 867px; height:80px;}

.item_box{width:auto;height:auto;padding:2px 0 2px 0;border-bottom:1px #666666 dashed;}
.item_box .lvl2 {margin: 0 0 10px 10px;}
.item_box .lvl2 ul {margin: 0; list-style-type: none;}
.item_box .lvl2 li {list-style:none;}
.item_box .lvl2 li a {color:#5c3829;display:block;margin:0;font-weight:bold;font-size:1em;}
.item_box .lvl2 li a:hover {color:#5c3829;display:block;margin:0;font-weight:bold;background:#f8bc61;}
.item_box .lvl2 li a.open {color:#ad3b83;display:block;margin:0;font-weight:bold;font-size:1.1em;}


.spacer{width:auto; height:2px; clear:both; padding-bottom:2px;}
/*---------contact----------*/
#form {
	padding: 0px;
	margin: 0px;
}
#fields label {
	width: 260px;
	display: block;
	padding: 0px;
}
#fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
}
#fields textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
	height: 63px;
}
#send input {
	width: 64px;
	height: 20px;
	margin: 0px;
}

.contact_info{
float:left;
padding:15px;
}

/*work------------*/
.project_details{
	float:left;
	width:600px;
	color:#0099FF;
	padding:10px 0 0 10px;
}
#footer {
	text-align:center;
	font-size:10px;
	color:#000033;
	background: url(images/footer.gif) no-repeat;
	background-position:0px 0px;
	padding-top:10px;
	width: 900px;
	height:85px;
}
#footer a {
	background: none;
	padding: 0px;

}
#madeby{
width:200px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:none;
color:#666666;
}