html {
	height:100%
}
html {
  /***background:#e4e7e5;***/
  background:#fb8000 url(images/bg.gif) repeat-x 0 top;
}
body {
 width:976px;
 font-family: Trebuchet MS;
 font-size:11px;
 color:#000000;
 padding: 0;
 margin: 0px auto;
 min-height:100%;
/* position:relative; */
}

* html body {
  height:100%;
}

#site {
	 /***border: 1px solid #e4e7e5;***/
}

/*********************************************************/


img {
        border: 0;
}

h1, h2, h3, h4, h5, h6, p {
        margin: 0;
        padding: 0 0 5px 0;
        font-size: 11px;
}

ul {
        padding: 0;
        margin: 0;
        list-style: none;
}

ol {
        margin-top: 0;
        margin-bottom: 0;
}

li {
        padding: 0;
        margin: 0;
}

form, input, textarea, select, {
        padding: 0;
        margin: 0;
        font-size: 11px;
}

a {
        /***color: #fdfd57;***/
		  color: #4e4e4d;
}
a:hover {
        /***color: #ffffff;***/
		  color:#febb00;
}




/**************SITE**********************************/

#prehead { /* Верхний блок */
 width: 100%;
 height: 80px;
 background: url(images/head.jpg) no-repeat 0 0;   
}

#head { /* Верхний блок */
 height:350px;
 width:100%;
 background: url(images/head.jpg) no-repeat;
 background-position: 0px -80px;
}



/******************************************/
#leftblock {
	float:left;
	width:250px;
}

#lefthead {
	float:left;
	width:366px;
}

.logo {
	padding: 23px 0px 0px 22px;
}

.step7 {
	padding:0px 0 0 21px;
	width:230px;
	color:#ffffff;
	font-weight:bold;
}

.step7 a {
	color:#ffffff;
	text-decoration: none;;
}

.step7 a:hover {
	color:#fcff02;
	text-decoration: none;
}

.step7 b {
	color:#000000;
	padding:0 8px 0 3px;
}

.step7 ul {
	padding:0px 0 0px 0;
	margin:3px 0 0px 0;
	list-style:none;
}

.step7 ul li {
	padding:0px 0 3px 5px;
	margin:0px 0 0px 0;
	list-style:none;
	/***background: url(images/li-step.gif) no-repeat 0 1px;***/
	border-bottom:1px solid #ffffff;
	font-weight:bold;
}

.step7 ul li.function {
	padding:0px 0 3px 24px;
	margin:3px 0 0px 0;
	list-style:none;
	background: url(images/li-menu.gif) no-repeat 15px 5px;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
}


/******************************************/
#rightblock {
	float:right;
}

#righthead {
	float:right;
}


.topmenu {
	padding: 23px 0px 0px 0px;
	margin: 0px 27px 0px 0px;
	background:url(images/topmenu.jpg) no-repeat 0 23px;
	width:583px;
	height:52px;
}
	/******************************************/
	#gradusnik {
		float:left;
		padding:17px 0 0 0px;
		font-weight:bold;
		color:#fe8100;
	}
	#gradusnik a {
		color:#fe8100;
		text-decoration:none;
	}
	#gradusnik a:hover {
		color:#fe8100;
		text-decoration:underline;
	}
	
	#gradusnik ul {
		list-style:none;
		padding:0;
		margin:0;
	}
	
	#gradusnik ul li {
		list-style:none;
		padding:0 0 0 5px;
		margin:0;
		display:inline;
	}
	
	/**************************************/
	
	#dopmenu {
		float:right;
		padding: 17px 48px 0px 0px;
		margin: 0px 20px 0px 0px;
		color:#3e3e3e;
	}
	#dopmenu a {
		color:#3e3e3e;
		text-decoration:underline;
	}
	#dopmenu a:hover {
		color:#3e3e3e;
		text-decoration:none;
	}
	
	#dopmenu ul {
		list-style:none;
		padding:0;
		margin:0;
	}
	
	#dopmenu ul li {
		list-style:none;
		padding:0 0 0 6px;
		margin:0;
		display:inline;
	}
	
	img.rel {
		position:relative;
		top:3px;
		left:3px;
	}

	img.rel2 {
		position:relative;
		top:3px;
		left:-3px;
	}
/******************************************/
.flash {
	background: url(images/flash.jpg) no-repeat 0 4px; 
	width:726px; 
	height:224px;
	padding:0;
	margin:0;
}

.slogan7 {
	padding: 42px 0 0 29px;
	background:#ffffff;
	margin: 0 23px 0 17px;
}

.slogan7-inner {
	background:#ffffff;
	padding: 35px 0 0 29px;
	margin: 0 23px 0 17px;
}
.slogan7-inner h2 {
	float:left;
	font-size:18px;
	color:#f47b00;
	font-weight:normal;
}

.slogan7-inner h3 {
	float:left;
	font-size:18px;
	padding-left:5px;
	color:#000000;
	font-weight:normal;
}

/*************************************************/
	
#content { /* Центральный блок */
width:100%;
background: url(images/content-left.gif) repeat-y 0 0;
}
.content {
	/***height:575px;***/
	background:#ffffff background: url(images/bg-rightblock.gif) repeat-y 100% 0;;
	margin:0 0px 0 0px;
	/****background: url(images/bg-rightblock.gif) repeat-y 100% 0;***/
}

td.left-content {
	width:21px;
	background:#fb8000;
}

td.right-content {
	width:23px;
	background:#fb8000;
}

td.bg-content1 {
	background:#ffffff;
	padding:0 0 15px 0;
}

td.bg-content2 {
	background:#ffffff;
}


#content div#leftblock {
	width:246px;
	margin:0 0 0 0px;
	background: #ffffff url(images/bg-slogan-top.gif) repeat-x 0 top;
	float:left;
}

.bg-slogan-top {
	height:13px;
}

.slogans {
	padding:40px 0 0 24px;
	height:135px;
	border-bottom: 3px solid #f98900;
}
/*********** II uroven ******************************/
.menu2 {
	/***height:396px;***/
	padding:0px 0 0 24px;
}
.menu2 a {
	color:#4e4e4d;
	text-decoration: none;
}

.menu2 a:hover {
	color:#f98900;
	text-decoration: none;
}
.menu2 h3 {
	font-size:16px;
	color:#fe8100;
	padding:17px 0 17px 0;
	background:url(images/dashed.gif) no-repeat 0 bottom;
}

.menu2 ul {
	margin:0;
	padding:10px 0 0 0;
}

.menu2 ul li {
	margin:0;
	padding:0 0 2px 20px;
	background: url(/images/li-menu2.gif) no-repeat 0 1px;
	font-weight:bold;
	font-size:12px;
}


.menu2 ul li ul {
	margin:0;
	padding:2px 0 2px 0px;
}

.menu2 ul li ul li {
	margin:0;
	padding:0 0 0 10px;
	background: url(/images/li-menu3.gif) no-repeat 0 6px;
	font-weight:normal;
	font-size:11px;
}

.menu2 ul li.act a {
	color:#f98900;
}

.menu2 ul li.act a:hover {
	color:#f98900;
}

.menu2 ul li.act ul li a {
	color:#4e4e4d;
}

.menu2 ul li.act ul li a:hover {
	color:#f98900;
}

.menu2 ul li.act ul li.act a {
	color:#f98900;
}

.menu2 ul li.act ul li.act a:hover {
	color:#f98900;
}



.menu2 ul li ul li.act a {
	color:#f98900;
}

.menu2 ul li ul li.act a:hover {
	color:#f98900;
}

/****************************************************/

.newsblock {
	/***height:396px;***/
	padding:0px 0 0 24px;
}
.newsblock a {
	color:#000000;
	text-decoration: none;
}

.newsblock a:hover {
	color:#000000;
	text-decoration: underline;
}
.newsblock h3 {
	font-size:16px;
	color:#fe8100;
	padding:17px 0 17px 0;
	background:url(images/dashed.gif) no-repeat 0 bottom;
}

.news {
	padding:5px 0 0 0;
}

.news p.zagolovok {
	background:url(images/news-list.gif) no-repeat 0 10px;
	padding:10px 0 8px 20px;
	font-weight:bold;
}
.news p.newstext {
	padding:0px 18px 0px 0px;
}
p.next-news {
		padding:20px 0 20px 41px;
		background:url(images/next-news.gif) no-repeat 21px 22px;
	}

/*************************************************/
#content div#rightblock {
	background: #ffffff; /***url(images/bg-rightblock.gif) repeat-y 686px 0;***/
	width:686px;
	/***margin:0 0 0 0px;***/
	float:left;
}

.inner {
	padding:21px 27px 21px 34px;
	background:url(images/dashed-content.gif) no-repeat 21px top;
}
.inner ul {
	list-style:none;
	padding:0px 0 0 0;
	margin:0;
}

.inner ul li {
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	background: url(/images/li-menu3.gif) no-repeat 0 6px;
}

.steps4 {
	padding:20px 0 0 24px;
	width:662px;
	height:152px;
	border-bottom: 3px solid #f98900;
}

	.steps {
		float:left;
		width:143px;
		height:118px;
		background:#f98900 url(images/bg-step.gif) no-repeat 100% 0;
		color:#ffffff;
		font-size:13px;
		font-weight:bold;
		margin:0 19px 0 0;
	}
	.steps a {
		color:#ffffff;
	}
	.steps a:hover {
		color:#ffffff;
		text-decoration: none;
	}  
	p.number {
		font-size:20px;
		padding:10px 20px 0 13px;
	}
	p.consult {
		padding:15px 10px 0 13px;
		font-size:13px;
		font-weight:bold;
	}
	/***********************************************/

.remonts {
	width:686px;
	/***height:200px;***/
	padding:0px 0 0px 0px;
	/***background: url(images/lineika-top.gif) no-repeat 553px 100%;***/
}
.remonts a {
	color:#4d4d4d;
}
.remonts a:hover {
	color:#4d4d4d;
	text-decoration: none;
}

	.spacer {
		float:left;
		width:1px;
		height:200px;
		padding:0;
		margin:0;
	}
	.office {
		float:left;
		width:312px;
		padding-left:20px;
	}
	
.office ul {
	list-style:none;
	padding:0px 0 0 0;
	margin:0;
}

.office ul li {
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	background: url(/images/li-menu3.gif) no-repeat 0 6px;
}	
	
	.office h3 {
		font-size:16px;
		color:#000000;
		padding:17px 0 17px 0;
		background:url(images/dashed-remonts.gif) no-repeat 0 bottom;
	}
	p.office-text {
		padding:15px 0 0 0;
	}
	p.next {
		padding:20px 0 20px 20px;
		background:url(images/next.gif) no-repeat 0 22px;
	}
	
	.flat {
		float:left;
		width:312px;
		padding-left:21px;
	}
	.flat h3 {
		font-size:16px;
		color:#000000;
		padding:17px 0 17px 0;
		background:url(images/dashed-remonts.gif) no-repeat 0 bottom;
	}
	p.flat-text {
		padding:15px 0 0 0;
	}

.design-proect {
	width:686px;
	height:121px;
	background: #ededed url(images/lineika-bottom.jpg) no-repeat 100% 0;
	padding:0px 0 0 0px;
}

.design-proect a {
	color:#000000;
}
.design-proect a:hover {
	color:#000000;
	text-decoration:none;
}

.design-proect h3 {
	font-size:21px;
	padding:30px 0px 0 25px;
	text-decoration:underline;
	color:#000000;
}

div.d-proect1 {
	float:left;
	width:300px;
}

div.d-proect2 {
	float:right;
}

img.position1 {
	position:relative; 
	top:-52px;
}

.websites {
	margin-top:3px;
	width:686px;
	height:60px;
	border-top:3px solid #c7c7c7;
	border-bottom:10px solid #febb00;
}

/*************************************************/
	
#foot { /* Нижний блок */
 height:62px; 
 width:100%;
 background: url(images/foot.jpg) no-repeat 0 0;
 color:#ffffff;
}
#foot a {
	color: #fdfd57;
}
#foot a:hover {
	color: #ffffff;
}
.copyrights {
	float:left;
	padding:17px 0 0 40px;
}

.artvision {
	float:right;
	padding:17px 40px 0 0;
}
	
/****************************************************/