html { height: 100%;}
 body {position: relative; margin: 0; padding: 0; min-height: 100%; min-width: 995px; font-family: Verdana; font-size: 14px; background: #cccccc url(/images/bg.jpg) top center no-repeat;}
 html > body {padding: 0; min-width: 995px;}

.cleaner {clear: both;}
a {position: relative;}
img {border: 0; padding: 0; margin: 0;}

#minwidth{
	width:800px;
	z-index:1;
	height:0px;
	margin:0px;
	padding:0px;
	background:transparent;
	color:transparent;
}

#all {position: relative; width: 100%; margin: 0 auto; background: #cccccc url(/images/bg.jpg) top center no-repeat; min-width: 995px;}
#all1 {position: relative; width: 995px; height: 100%; margin: 0 auto;}

#top {position: relative; width: 60%;}
#phone {position: relative; float: left; margin: 40px 0 0 0; background: #000000; height: 25px; width: 30%; z-index: 1;}
#phone p {padding: 0; margin: 0 10px 0 0; font-size: 17px; color: #ffffff; float: right;}

#dsl {position: absolute; left: 0; top: 70px; height: 25px; width: 30%; z-index: +5}
#dsl img {float: right; margin: 5px 0 5px 20px}

#logo {position: relative; width: 431px; height: 162px; z-index: 2; margin: -115px 0 0 330px; padding: 50px 0 0 0;}
#logo a {display: block; width: 168px; height: 57px; cursor: hand; float: left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo.png",sizingMethod="crop"); cursor: hand; margin-left: 70px; margin-top: 50px;}
#logo > a {width: 168px; height: 57px; background: url(/images/logo.png) no-repeat;}
/*#logo {position: relative; width: 168px; height: 57px; z-index: 2; margin: -80px 0 0 420px; padding: 50px 0 0 0;}
#logo a {display: block; width: 168px; height: 100px; cursor: hand; float: left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo.png",sizingMethod="crop"); cursor: hand;}
#logo > a {width: 168px; height: 57px; background: url(/images/logo.png) no-repeat;}*/

.new_year_logo {position: absolute; top: -30px; left: 300px; width: 329px; height: 202px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/new_year_logo.png",sizingMethod="crop"); display: block;}
#all1 > .new_year_logo {background: url(/images/new_year_logo.png) no-repeat;}

#main {position: relative; width: 100%;}

#leftbar {position: relative; float: left; width: 37%; margin-top: -50px;}
#main > #leftbar {margin-top: 0px;}

#lefttop {position: relative;}
#lefttop a {display: block; width: 149px; height: 42px; position: relative;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/contacts.png",sizingMethod="crop"); cursor: hand; margin: 30px 0 0 70px;}
#lefttop span {width: 149px; height: 42px; position: absolute; left: 0; top: 0; display: block;}
/*#lefttop > a {background: url(/images/contacts.png) no-repeat; filter: none; margin: 80px 0 0 70px; width: 149px; height: 42px;}*/
#lefttop > a {background: url(/images/contacts.png) no-repeat; filter: none; width: 149px; height: 42px;}
#lefttop a:hover {display: block; width: 149px; height: 42px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/contacts-h.png",sizingMethod="crop"); cursor: hand; margin: 30px 0 0 70px;}
#lefttop > a:hover {background: url(/images/contacts-h.png) no-repeat; filter: none; margin: 30px 0 0 70px; width: 149px; height: 42px;}



#leftbtm {position: relative;}
#port {position: relative; width: 162px; height: 180px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/portfolio-s.png",sizingMethod="crop"); margin: 170px 15px 0 0; float: right;}
#leftbtm > #port {background: url(/images/portfolio-s.png) no-repeat; filter: none; width: 162px; height: 180px; margin: 170px 30px 0 0;}

#port a {display: block; width: 156px; height: 45px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/portfolio.png",sizingMethod="crop"); cursor: hand; position: relative;}
#port span {position: absolute; left: 0; top: 0; display: block; width: 156px; height: 45px;}
#port > a {background: url(/images/portfolio.png) no-repeat; filter: none; width: 156px; height: 45px;}

#port a:hover {display: block; width: 156px; height: 45px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/portfolio-h.png",sizingMethod="crop"); cursor: hand;}
#port > a:hover {background: url(/images/portfolio-h.png) no-repeat; filter: none; width: 156px; height: 45px;}



#middle {position: relative; float: left; width: 29%; margin-top: -30px;}
#main > #middle {margin-top: 0px;}

#uslugi {position: relative; width: 99px; height: 151px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/uslugi-s.png",sizingMethod="crop"); margin: 160px 5px 0 0; float: right;}
/*#middle > #uslugi {background: url(/images/uslugi-s.png) no-repeat; filter: none; width: 99px; height: 151px; margin: 210px 10px 0 0;}*/
#middle > #uslugi {background: url(/images/uslugi-s.png) no-repeat; filter: none; width: 99px; height: 151px; margin: 160px 10px 0 0;}
#uslugi a {display: block; width: 99px; height: 151px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/uslugi.png",sizingMethod="crop"); cursor: hand; width: 96px; height: 48px; position: relative;}
#uslugi span {position: absolute; left: 0; top: 0; display: block; width: 99px; height: 151px;}
#uslugi > a {background: url(/images/uslugi.png) no-repeat; filter: none; width: 96px; height: 48px;}

#uslugi a:hover {display: block; width: 99px; height: 151px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/uslugi-h.png",sizingMethod="crop"); cursor: hand; width: 96px; height: 48px;}
#uslugi > a:hover {background: url(/images/uslugi-h.png) no-repeat; filter: none; width: 96px; height: 48px;}



#rightbar {position: relative; float: left; width: 33%; margin-top: -40px;}
#main > #rightbar {margin-top: 0px;}

#company {position: relative; width: 209px; height: 177px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/company-s.png",sizingMethod="crop"); margin: 0 0 0 110px;}
/*#rightbar > #company {background: url(/images/company-s.png) no-repeat; filter: none; margin: 30px 0 0 110px; width: 209px; height: 177px;}*/
#rightbar > #company {background: url(/images/company-s.png) no-repeat; filter: none; margin: 0 0 0 110px; width: 209px; height: 177px;}
#company a {display: block; width: 149px; height: 48px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/company.png",sizingMethod="crop"); cursor: hand; margin-left: 40px; position: relative;}
#company span {position: absolute; left: 0; top: 0; display: block; width: 149px; height: 48px;}
#company > a {background: url(/images/company.png) no-repeat; filter: none; width: 149px; height: 48px; margin-left: 40px;}
#company a:hover {display: block; width: 149px; height: 48px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/company-h.png",sizingMethod="crop"); cursor: hand; margin-left: 40px;}
#company > a:hover {background: url(/images/company-h.png) no-repeat; filter: none; width: 149px; height: 48px; margin-left: 40px;}

#map {position: relative; width: 158px; height: 117px;}
#map a {display: block; width: 158px; height: 117px; cursor: hand; margin: 110px 0 0 10px;}
#map > a {width: 158px; height: 117px; margin: 110px 0 0 10px;}

#address {position: relative; width: 172px; height: 99px; cursor: hand;}
#rightbar > #address {width: 172px; height: 99px;}

#bottom {position: relative; width: 100%; height: 170px;}
#email {position: absolute; margin: 0 0 0 750px; bottom: 5px;}
#email p {font-size: 13px; color: #000000;}
#email a {font-size: 13px; color: #000; text-decoration: underline;}
#email a:hover {text-decoration: none;}

#copyright {position: absolute; margin: 0 0 0 730px; bottom: 45px;}
#copyright p {font-size: 10px; color: #000; padding-bottom: 0; margin-bottom: 0;}

#link {position: absolute; margin: 0 0 0 50px; bottom: 15px;}
#link p {font-size: 13px; color: #000000;}
#link a {font-size: 13px; color: #000; text-decoration: underline;}

#content {position: absolute; width: 70%; margin: 50px 10% 0 4%; min-height: 400px; float: left; z-index: 999;}
#content1 {position: relative; height:100%;}
#all > #content {margin:  100px 14% 0 14%;}


#topc {position: relative; width: 100%; height: 20px;}
#corn1 {position: relative; float: left; width: 18px; height: 20px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corn1.png",sizingMethod="crop");}
#topc > #corn1 {background: url(/images/corn1.png) no-repeat; filter: none;}

#midtop {float: left; width: 93%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/topbg.png",sizingMethod="crop"); height: 20px;}


a.close {position: relative; float: right; width: 82px; height: 23px; background: url(/images/close.jpg) no-repeat; margin-top: 0px;}
a.close:hover {background: url(/images/close-h.jpg) no-repeat;}

#midtop > #portmenu {margin: 45px 0 0 0;}
#portmenu > ul li a {padding: 6px 6px 6px 6px;}
#portmenu > ul li {padding-top: 30px; padding-bottom: 3px;}

#topc > #midtop {background: url(/images/topbg.png) repeat-x; filter: none; width: 93%; height: 20px;}

#corn2 {position: relative; float: left; width: 24px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corn2.png",sizingMethod="crop");}
#topc > #corn2 {background: url(/images/corn2.png) no-repeat; filter: none;}

#middlec {position: relative; width: 100%; height: 100%;}
#leftbg {position: relative; float: left; width: 18px; height:500px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/leftbg.png",sizingMethod="crop");}
#middlec > #leftbg {background: url(/images/leftbg.png) repeat-y; filter: none;}

#mid {position: relative; float: left; width: 93%; height:500px; background: #fff;}
#mid h3 {font-size: 22px; color: #e11880; font-weight: normal; margin: 0 0 0 30px;}
#mid p {font-size: 14px; color: #000; margin: 0 0 0 30px; padding: 15px 10px 0 0;}
div.col {position: relative; float: left; width: 200px; height: 200px; text-align: center; display: table-cell; vertical-align: middle;}
div.col a {text-align: center;}

div.sub {position: relative; float: left; padding: 25px 0 3px 0; margin: 0 0 20px 0;}
div.subac {position: relative; float: left; background: #e11880; padding: 25px 0 3px 0; margin: 0 0 20px 0;}
div.mar {width: 6%; height: 20px; position: relative; float: left;}
div.sub a {font-size: 14px; color: #3f3f3f; text-decoration: underline; padding: 3px;}
div.subac span {font-size: 14px; color: #3f3f3f; text-decoration: none; padding: 3px;}
div.sub a:hover {text-decoration: none;}

#portmenu {position: relative; float: left; width: 80%; margin: -5px 0 20px 15px;}
#portmenu ul {list-style-type: none; margin: 0 0 0 4%; padding: 0; width: 100%;}
#portmenu ul li {display: inline; padding-top: 30px; margin: 0 6% 0 0;}
#portmenu ul li.active {background: #e11880;}
#portmenu ul li a {font-size: 14px; color: #3f3f3f; text-decoration: underline; padding: 3px;}
#portmenu ul li a:hover {text-decoration: none;}

#mid > #portmenu {margin: -5px 0 0 30px;}


#rightbg {position: relative; float: left; width: 24px; height:500px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/rightbg.png",sizingMethod="crop");}
#middlec > #rightbg {background: url(/images/rightbg.png) repeat-y; filter: none;}

#btmc {position: relative; width: 100%; height: 19px;}

#corn4 {position: relative; float: left; width: 18px; height: 19px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corn4.png",sizingMethod="crop");}
#btmc > #corn4 {background: url(/images/corn4.png) no-repeat; filter: none;}

#btmbg {position: relative; float: left; width: 93%; height: 19px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/btmbg.png",sizingMethod="crop");}
#btmc > #btmbg {background: url(/images/btmbg.png) repeat-x;}

#corn3 {position: relative; float: left; width: 24px; height: 19px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/corn3.png",sizingMethod="crop");}
#btmc > #corn3 {background: url(/images/corn3.png) no-repeat;}

.down_panel {position: relative; width: 100%; padding-top: 50px;}
body > .down_panel {$padding-top: 100px;}
.down_panel .footer_block {width: 995px; margin: 0 auto; height: 120px; position: relative;}
.down_panel .footer_block .left {position: absolute; font-size: 13px; color: #000; top: 30px; left: 45px; width: 550px;}
.down_panel .footer_block .left a {font-size: 13px; color: #000;}
.down_panel .footer_block .left a:hover {text-decoration: none;}

.down_panel .footer_block .right {position: absolute; top: 30px; left: 730px; font-size: 13px; color: #000; text-align: right;}
.down_panel .footer_block .right a {font-size: 13px; color: #000;}
.down_panel .footer_block .right a:hover {text-decoration: none;}
