body {
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	font-size:12px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;

	background-image: url("images/r_bg2.gif");
	background-position: right top;
	background-repeat: repeat-y;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

html>body #all {
	height: auto;
	min-height: 100%;
}
p a:hover
{
color: #000000;
}

.bot_line {
	bottom: 38px;
	position: absolute;
}

#all {
	height: 100%;
	position: relative;
	background-image: url("images/l_bg.gif");
	background-position: left top;
	background-repeat: repeat-y;
}

#all #foot1_in {
	background-image: url("images/f_bg2.gif");
	background-position: left;
	background-repeat: no-repeat;
	height: 29px;
}

#head_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 100px;
	width: 100%;
	background-color: #5B8A9C;
}
#mailto {
	position: absolute;
	top: 50px;
	left: 600px;
	z-index: 10;
	height: 10px;

	color: #FFFFFF;
	font-size: 20px;
	background-color: #5B8A9C;
}

.bg_services { background: url("images/bc_services.jpg") left 130px repeat-y; }
.bg_map { background: url("images/bc_map.jpg") left 130px repeat-y; }
.bg_cost { background: url("images/bc_cost.jpg") left 130px repeat-y; }
.bg_contact { background: url("images/bc_contact.jpg") left 130px repeat-y; }
.bg_all { background: url("images/bc_all.jpg") left 130px repeat-y; }
.bg_about2 { background: url("images/bc_about2.jpg") left 130px repeat-y; }
.bg_about { background: url("images/bc_about.jpg")  left 130px repeat-y; }


ul, ol, li { font-size: 12px; }

#content_box {
	background-color: #FFFFFF;
	margin-bottom: 0px;
	margin-left: 150px;
	margin-right: 275px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 145px;
}

#content_box div {
	float: left;
}


#content_box #head h1 {
	color: #5b8a9c;
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	padding: 0px;
	margin: 4px 0px 8px 0px;
	text-align: left;
	text-transform: none;
}
#content_box #head p {
	padding: 0px;
	margin: 0px;
}
#content_box #head b {
	display: block;
	width: 418px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	padding-left: 10px;
	background-color: #5B8A9C;
}
#content_box #head b a {	color: #fff; }
#content_box #head b a:hover {	color: #FFE8B3; }
#content_box #head div {
	position: absolute;
	top: 180px;
	left: 612px;
	width: 150px;
	z-index: 1;
}
#content_box #head div img {
	padding: 0px 2px 0px 1px;
	margin: 0px;
	width: 17px;
	height: 17px;
}

#content_box #foot {
	background: url("images/picg_02.gif") top left repeat-x;
	height: 40px;
	font-size: 1px;
	padding: 4px 0px 0px 0px;
	margin: 40px 0px 30px 0px;
}
#content_box #foot span {
}
#content_box #foot span img {
	padding: 0px 2px 0px 3px;
	margin: 0px;
	width: 17px;
	height: 17px;
}
#content_box #foot img {
	margin-top: 10px;
}

#content_box #portfolio h1 {
	color: #5b8a9c;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	margin-top: 50px;
	text-align: center;
	text-transform: uppercase;
}
#content_box h1 {
	color: #5b8a9c;
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	margin: 32px 0px 6px 0px;
	text-align: center;
}

#content_box p.icons {
	float: right;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -20px;
	padding: 0px 25px 0px 0px;
	text-align: right;
	width: 200px;
}

#content_box p.icons img {
	border: none;
	height: 17px;
	padding-left: 1px;
	padding-right: 1px;
	width: 17px;
}

#content_box p.sample {
	border-bottom: 1px dotted #5b8a9c ;
	height: 60px;
	margin-bottom: 0px;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 5px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
#content_box p.sample img {
}
#content_box p.sample2 img {
	width: 80px;
	height: 60px;
}
#content_box p.sample2 {
	height: 60px;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 25px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
}
#content_box p.sample3 {

}
.sample2 b, .sample b {
	background-image: url("images/bullet.gif");
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: normal;
	margin-left: 8px;
	padding-left: 20px;
}
.sample3 b {
	background-image: url("images/bullet.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-weight: normal;
	padding: 0px 20px 0px 0px;
}
.tbl {
	border-top: 1px solid #699;
	margin: 0px;
	padding: 0px;
}
.tbl td {
	border-bottom: 1px solid #699;
	margin: 0px;
	padding: 4px;
	vertical-align: top;
}
.tbl .bl {	border-left: 1px solid #699; }


#empty, #footer {
	height: 40px;
}

#f_left {	position: absolute;
	bottom: 80px;
	height: 114px;
	text-align: center;
	width: 150px;
}

#mleft {
	font-family: Times;
	position: absolute;
	top: 310px;
	width: 150px;
	background: url("images/l_menu_all.gif") left top repeat-y;
}
#mleft p {
	background: url("images/picas_all.gif") left top repeat-x;
	margin: 0px 0px 1px 0px;
	padding: 3px 21px 0px 0px;
	text-align: right;
}
#mleft p.sub {
	background: url("images/l_bg_sub.gif") left top repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 2px 14px 3px 0px;
	height: 14px;
	text-align: right;
}
#mleft p.sub2 {
	background: url("images/l_bg_sub2.gif") left top repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 5px 0px;
	height: 14px;
	text-align: right;
}
#mleft p#last {
	font-size: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}
#mleft p a {
	text-decoration: none;
	font-weight: bold;
	color: #4A7380;
}
#mleft p a:hover { color: #FFFFFF; }

#f_right {
	right:0px;
	margin-top: -80px;
	text-align: right;
	width: 277px;

	bottom: 10px;
	position: absolute;
}

#spacer {	margin: 0px 0px 6px 0px;
	font-size: 50px;
}

#foot1 {	background-image: url("images/f_bg1.gif");
	background-repeat: repeat-x;
	margin-right: 275px;
	background-color: #EFD8A4;
}

#foot3 {	margin-right: 275px;
}
#foot2 {
	background-image: url("images/f_bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #5B8A9C;
	color: #FFFFFF;
	font-size: 10px;
	height: 80px;
	width: 100%;
	bottom: 0px;
	position: absolute;
}

#foot3 p {
	margin: 0px;
	padding: 3px 5px 0px 0px;
}

#foot3 p a {
	text-decoration: none;
	color:#EEEEEE;
	font-size: 10px;
	font-family: Tahoma;
}

A { color: #000; }
A:hover {	color: #FFE8B3; }

#logo {
	height: 100px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 600px;
	z-index: 3;
}

#r_fbg {	background-image: url("images/r_bg_about.gif");
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #5B8A9C;
	height: 282px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 216px;
	z-index: 1;
}
#r_wbg1 {
	background-color: #5B8A9C;
	height: 100px;
	position: absolute;
	right: 214px;
	top: 0px;
	width: 60px;
	z-index: 2;
}
#r_wbg2 {
	background-color: #FFFFFF;
	height: 152px;
	position: absolute;
	right: 216px;
	top: 130px;
	width: 60px;
	z-index: 2;
}

#r_navi {
	position: absolute;
	right: 0px;
	top: 282px;
	z-index: 10;
	background-color: #EFD8A4;
}
#r_project {
	position: absolute;
	right: 0px;
	width:255px;
	top: 557px;
	z-index: 10;
}
#top_mulka {
	background: url("images/b_mc.gif") left top repeat-x;
	left: 150px;
	position: absolute;
	top: 100px;
}
#f_top_mulka { background-color: #fff; }

#left {
	position: absolute;
	top: 100px;
	left: 0px;

	background-color: #EFD8A4;
	height: 210px;
	width: 150px;
	z-index: 1;
}

#signature {
	position: absolute;
	bottom: 10px;
	left: 5px;
	z-index: 50;
	color:#EEEEEE;
}

#signature a {
	text-decoration: none;
	color:#EEEEEE;
	font-size: 10px;
	font-family: Tahoma;
}
p.text {
	margin-lef: 10px;
	text-align:justify;
	color:#000;
	font-size: 12px;
	font-family: Arial,Times New Roman, Times, Sans Serif;
}
#mleft #mleft_design	{ display: none; }
#mleft #mleft_styles	{ display: none; }
#mleft #mleft_styles_01	{ display: none; }
#mleft #mleft_styles_02	{ display: none; }
#mleft #mleft_styles_03	{ display: none; }
#mleft #mleft_all_03 	{ display: none; }
#mleft #mleft_all_04 	{ display: none; }