@import url("../reset.css");

body,html {height:100%}
body {color:#000; background:#fff url(img/bg-pat.png) 50% 0; font:10px Verdana,Tahoma,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em Verdana,Tahoma,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Verdana,Tahoma,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#e7c713; text-decoration:underline}
a:hover {text-decoration:none}

.c-yel {color:#ead00d}

/* -- ---- typography ---- -- */

#minWidth {position:relative; z-index:1; min-width:1000px; height:auto !important; height:100%; min-height:100%; background:url(img/bg.png) repeat-y 50% 0}
.outer {width:977px; margin:0 auto; padding:9px 0 19px}

.col-1 {position:relative; float:left; width:591px; left:68px}
.side-col {position:relative; float:right; width:243px; right:53px}

/* // ---- top block ---- // */
.top {position:relative; height:242px; background:url(img/top-bg-1.jpg) no-repeat 0 0}
.top .top-btm {position:absolute; top:162px; left:0; width:100%; height:80px; background:url(img/top-bg-2.png)}

.icons {position:absolute; top:29px; left:330px; width:230px}
	.icons a, .icons span {position:relative; display:block; height:9px; overflow:hidden}
	.icons i {position:relative; display:block; width:35px; height:9px; background:url(img/icons.gif)}
	.icons li {float:left}
	.icons .ico-home {width:11px; margin-right:47px}
	.icons .ico-mail {width:13px; margin-right:46px}
		.icons .ico-mail i {left:-11px}
	.icons .ico-smap {width:11px}
		.icons .ico-smap i {left:-24px}
	.logo {position:absolute; top:48px; left:59px; width:133px; height:133px}
	.decide-with-us {position:absolute; left:262px; top:83px; width:197px; height:33px; overflow:hidden; color:#fff; font:18px/1em Tahoma,Verdana}
		.decide-with-us small {display:block; color:#ead02b; font-size:14px; text-align:right}
		.decide-with-us i {position:absolute; top:0; left:0; width:100%; height:33px; background:url(img/title-decide.png)}
	.search-block {position:absolute; top:191px; left:245px; padding-left:15px; background:url(img/ico-search.gif) no-repeat 0 3px; height:18px}
		.search-block .inp-search {border:1px solid #000; background-color:#fff; padding:2px; width:137px}
		.search-block input {float:left}
		.search-block .btn {position:relative; left:5px; top:5px}
/* -- ---- top block ---- -- */

/* // ---- prof decision ---- // */
.prof-decision {padding:17px 0 12px}
	.prof-decision .ico-profd {position:relative; float:left; width:114px; height:46px; color:#fff; background-color:#ead00d; overflow:hidden; font:10px/23px Tahoma,Verdana; text-align:center; margin-top:11px}
		.prof-decision .ico-profd i {position:absolute; top:0; left:0; width:100%; height:46px; background:url(img/profd-ico.png)}
	.prof-decision dd {position:relative; float:right; width:355px; padding:4px 46px 0 0; font-size:9px; line-height:11px}
	.prof-decision h2 {font-size:1em; padding-bottom:6px}
	.prof-decision .ico-more {position:absolute; right:14px; top:27px; width:4px; height:7px; background:url(img/ar.gif); font-size:1px}
/* -- ---- prof decision ---- -- */

/* // ---- contact card ---- // */
.contact-card {}
	.contact-card .dotmd {padding:5px 3px 2px 15px; font-size:9px; line-height:10px}
	.contact-card p {padding-bottom:4px}
	.contact-card .phones {position:relative; padding-left:60px}
		.contact-card .phones span {position:absolute; left:0}
		.contact-card .phones small {color:#ead00d; font-size:1em}
/* -- ---- contact card ---- -- */

/* // ---- navigation ---- // */
.navigation {background:#e5e5e5 url(img/navigation-bg.gif) repeat-x 0 0; padding:4px 0 0 31px; height:48px}
	.navigation li {position:relative; float:left; height:43px; font-size:9px; font-weight:bold; text-transform:uppercase; background:url(img/nav-brd.png) no-repeat 0 0}
		.navigation li.frst {background-image:none}
		.navigation li span {margin-top:10px;}
		.navigation li.frst a {background-position:-3px 0 !important; padding-left:37px}
	.navigation a, .navigation .here {color:#000; text-decoration:none; display:table-cell; height:43px; vertical-align:middle; padding:0 26px 0 41px}
		.navigation a:hover {color:#fff; background:#e6c80d url(img/nav-li.png)}
		.navigation a:hover .nb {top:-999em}
		.navigation .here {color:#000 !important; background:none !important}
			.navigation .here .nb {top:9px !important}
		.navigation .nb {position:absolute; left:9px; top:9px; width:26px; height:34px; overflow:hidden}
			.navigation .nb i {position:absolute; width:156px; height:68px; background:url(img/nav-nb.png)}
		.navigation .here .nb i {top:-34px}
		.navigation .nav-1 {}
			.navigation .nav-1 .nb {left:6px}
		.navigation .nav-2 .nb i {left:-26px}
			.navigation .nav-2 .nb {left:8px}
		.navigation .nav-3 .nb i {left:-52px}
		.navigation .nav-4 .nb i {left:-78px}
		.navigation .nav-5 .nb i {left:-104px}
		.navigation .nav-6 .nb i {left:-130px}
/* -- ---- navigation ---- -- */

/* // ---- middle ---- // */
.middle {padding:19px 0 0; background:url(img/middle-bg.gif) repeat-x 0 0}
/* -- ---- middle ---- -- */

/* // ---- repair about ---- // */
.repair-about {padding-bottom:9px}
	.repair-about dt {position:relative; background:#ead50d url(img/w-dot.gif) repeat-x 0 100%; padding:8px 10px 9px 17px; font-weight:bold; border-bottom:1px solid #fff}
		.repair-about dt big {display:block; color:#fff; font-size:11px; padding:2px 0 0 28px}
	.repair-about dt .ar, .services-block dt .ar {position:absolute; left:-14px; top:18px; width:4px; height:7px; background:url(img/ar-y.gif); font-size:1px}
	.repair-about dd {position:relative; color:#333; background:#f6f6f6 url(img/bg-w-pat.gif); padding:4px 250px 8px 16px; font-weight:bold; line-height:16px}
	.repair-about .more-link {position:absolute; right:16px; margin-top:-6px; background:url(img/ar.gif) no-repeat 100% 6px; padding-right:9px}

.about-repair-text {font-size:9px; padding-bottom:2px}
	.about-repair-text .zoom-col {float:left; width:192px; padding:6px 0 0 2px}
		.about-repair-text .zoom-col .img-ph {padding:3px; border:2px solid #e3e3e3}
		.about-repair-text .zoom-col .zoom {display:block; padding:4px 0 0 3px}
	.about-repair-text .text-col {float:right; width:397px}
		.about-repair-text .text-col big {font-size:10px}
/* -- ---- repair about ---- -- */

/* // ---- services ---- // */
.services-block {background:url(img/dot.gif); padding:0 1px}
	.services-block dt {position:relative; margin:0 -1px; color:#fff; font-weight:bold; background:#eed70d url(img/dot-y.gif); padding:1px 1px 0}
		.services-block dt span {display:block; background:#eed70d url(img/w-dot.gif) repeat-x 0 100%; padding:16px}
		.services-block dt .ar {top:20px}
	.services-block dd {background:#fff url(img/img-services.jpg) no-repeat 21px 23px; padding:11px 0 0 175px; font-size:9px}
		.services-block dd .list-services {background:url(img/services-row.png) repeat 0 0}
	.services-block ul {float:left}
	.services-block li {background:url(img/li.gif) no-repeat 6px 6px; padding-left:17px; line-height:18px}
	.services-block .serv-col-1 {width:168px}
	
	.services-block table {position:relative; margin:1px -1px 0px 0px; color:#fff; font-weight:bold; background:#eed70d url(img/dot-y.gif); padding:1px 0px 0}
		.services-block table .ar {position:absolute; left:-14px; top:18px; width:4px; height:7px; background:url(img/ar-y.gif); font-size:1px}
		.services-block table thead {display:block; background:#eed70d url(img/w-dot.gif) repeat-x 0 100%;}
			.services-block table thead tr td {color:#fff;font-weight:bold;padding:15px}
		.services-block table tbody {background:#fff; }
			.services-block table tbody tr td {padding:4px 11px 4px 11px; font-size:9px}
			.services-block table tbody tr.header {background:#fff url(img/table-row-bg.gif) repeat-x 100%;}
				.services-block table tbody td.bold {font-weight:bold; color:#000; font-size:11px;padding-left:0px;padding-right:0px;}
				.services-block table tbody td.yellow {font-weight:bold; color:#c2ae29; font-size:11px;}
			.services-block table tbody tr.alt {background:#e6e6e6;}
			.services-block table tbody tr.header2 {display:block; background:#eed70d url(img/w-dot.gif) repeat-x 0 100%; color:#fff;}
			.services-block table tbody tr.header2 td {color:#fff;font-weight:bold;padding:15px; font-size:11px;}

/* // ---- editor styles ---- // */
.for-editor {line-height:16px}
	.for-editor p{padding-bottom: 15px;	text-indent: 20px;}
	.for-editor ul {position:relative; margin-left:-11px}
		.for-editor ul li {background:url(img/li.gif) no-repeat 0 5px; padding:0 0 3px 11px}
/* -- ---- editor styles ---- -- */

/* // ---- phones list ---- // */
.phones-list {position:relative; margin-left:-13px; padding-bottom:7px}
	.phones-list li {background:url(img/ar-y.gif) no-repeat 0 23px; padding:0 0 17px 207px; line-height:16px}
	.phones-list .phone-numb {position:relative; float:left; left:-194px; margin-right:-194px; margin-top:4px; background:#ffeb0e url(img/phone-dot.gif); padding:1px}
		.phones-list .phone-numb div {color:#fff; background:#ffeb0e url(img/phone-bg.gif); font-size:12px; font-weight:bold; padding:14px 8px 15px 7px; line-height:normal}
			.phones-list .phone-numb div small {font-size:9px}
	.phones-list li.call-alltime {color:#ead00d; background:none; line-height:normal}
/* -- ---- phones list ---- -- */

/* // ---- fast services ---- // */
.fast-services {padding-bottom:17px}
	.fast-services .dotmd {background:#fff url(img/fast-serv-bg.gif) no-repeat 100% 100%}
	.fast-services ul {padding:13px 10px 2px 19px; font-size:11px}
		.fast-services ul li {position:relative; height:auto !important; height:37px; min-height:37px; padding:15px 0 11px 65px}
	.fast-services small {display:block; color:#ead00d; font-size:9px; font-weight:bold}
	.fast-services .ico {position:absolute; top:0; left:0; width:52px; height:52px; background-image:url(img/fast-serv-ico.png)}
	.fast-services .serv-1 .ico {}
	.fast-services .serv-2 .ico {background-position:0 -52px}
	.fast-services .serv-3 .ico {background-position:0 -104px}
	.fast-services .serv-4 .ico {background-position:0 -156px}
/* -- ---- fast services ---- -- */

/* // ---- sales zone ---- // */
.sales-zone {padding-bottom:22px}
	.sales-zone .dotmd {border:1px solid #fff; background:#e7e7e7 url(img/w-dot1.gif) 0 0; font-size:11px; padding:5px 10px 0 13px}
		.sales-zone .dotmd p {padding:7px 0 6px}
	.sales-zone .we-work {position:relative; margin:0 -11px 0 -14px; background:#ecd20d url(img/w-dot.gif) repeat-x -1px 100%}
		.sales-zone .we-work div {color:#fff; font-weight:bold; background:url(img/w-dot.gif) repeat-x -1px 1px; padding:7px 11px 7px 14px}
	.sales-zone .w-block {position:relative; margin:2px -11px 0 -14px; background-color:#fff; padding:10px 11px 10px 14px}
/* -- ---- sales zone ---- -- */

/* // ---- free consultation ---- // */
.free-consultation {padding-bottom:19px}
	.free-consultation .dot-md {background:#f5db0d url(img/dot-y.gif)}
		.free-consultation .dotmd {background-color:#f5db0d; padding:0 10px 10px 13px}
		.free-consultation h2 {position:relative; margin:0 -10px 7px -13px; color:#fff; background:#eed40d url(img/w-dot.gif) repeat-x -1px 100%; padding:8px 10px 11px 13px}
			.free-consultation h2 a {color:#fff; text-decoration:none}
/* -- ---- free consultation ---- -- */

/* // ---- faq block ---- // */
.faq-block {padding-bottom:18px}
	.faq-block .dot-md {background:#f5db0d url(img/dot-y.gif)}
		.faq-block .dotmd {background-color:#f5db0d; padding:18px 10px 19px 13px}
	.faq-block a {color:#000; text-decoration:none}
		.faq-block a span {color:#fff}
/* -- ---- faq block ---- -- */

/* // ---- bottom nav ---- // */
.bottom-nav {background:#7a7a7b url(img/bottom-nav-bg.png) repeat-x 0 0; height:52px; font-size:9px; padding-left:57px}
	.bottom-nav li {float:left; padding:19px 16px 0 18px; background:url(img/bottom-nav-li.gif) no-repeat 0 24px}
		.bottom-nav li.frst {padding-left:9px}
	.bottom-nav a {color:#fff; text-decoration:none}
/* -- ---- bottom nav ---- -- */

/* // ---- bottom ---- // */
.bottom {color:#333; font-size:9px; background:url(img/middle-bg.gif) repeat-x 0 0; padding-top:23px}

.sec-btm-nav {position:relative; margin-right:-53px}
	.sec-btm-nav li {float:left; padding:0 36px 0 7px; font-weight:bold; background:url(img/bottom-li.gif) no-repeat 0 5px}
	.sec-btm-nav a {color:#000}
/* -- ---- bottom ---- -- */