@import "reset.css";
body {	background:#d9d4d1  ; font-family:Arial;	font-size:12px;	line-height:18px;	color:#fff;	margin:0; padding:0}
.bg_site{ position:absolute; width:100%; height:100%; background:url(../images/bg_site.jpg) 50%  80% no-repeat; z-index:0; top:0; left:0}
.clear {clear:both;}.left{ float:left} .right{ float:right} a{ outline:none; color:#fff} a:hover{ text-decoration:none}  .inner-wrap{font-family:Arial, Helvetica, sans-serif; line-height:18px} .header{	height:552px; width:293px; padding-top:18px; position:relative} .footer {	height:50px;}  
.header .nav{ position:relative; } .header .nav ul li{ height:75px; float:right}   .header .nav ul li a{ font-size:40px; color:#eae7e5; text-decoration:none;	display:block; text-transform:uppercase; text-align: center; padding-top:19px; padding-bottom:16px; max-height:75px; line-height:40px;} .header .nav ul li.active a{ background:#da7500!important; border-right:10px #ba6400 solid; position:relative; margin-right:-10px; z-index:100} .header .nav ul li a:hover{ background:#da7500; border-right:10px #ba6400 solid; position:relative; margin-right:-10px; z-index:100} 
.color_1{ background-color:#3c3934; width:280px} .color_2{ background-color:#302e2a; width:170px} .color_3{ background-color:#3a3735; width:220px} .color_4{ background-color:#252321; width:275px;} .color_5{ background-color:#302e2a; width:240px} .color_6{ background-color:#36332f; width:290px} 
#content{ height:560px;  color:#fff; font-size:12px} #content .conteiner{ position: absolute; z-index:1;  width:700px; top:90px; right:0} #content .conteiner>.extra-wrap{ width:700px;	overflow:hidden;	position:relative; } #content .pages{ width:6400px;	overflow:hidden;	position:relative;} #content .page{	width:700px; height:542px; margin-right:40px;  position:relative; float:left; margin-left:0px} div.bg_content{ background:url(../images/bg_content.png) top repeat;   position:relative; z-index:2; height:550px; } div.content{ position: absolute; z-index:1; height:550px;  padding:35px 0px 0px 35px; overflow:hidden; width:635px}
#content a.prev{ position:absolute;	left:10px;	top:652px;	background:url(../images/left.png) top no-repeat;	width:22px;	height:30px; z-index:100; display:none}
#content a.prev:hover{	background-position:bottom;}  #content a.next{position:absolute;	right:18px;	top:652px;	background:url(../images/right.png) top no-repeat;	width:22px;	height:30px; z-index:100; display:none} #content a.next:hover{	background-position: bottom;}  #content strong{ text-transform:uppercase; display:block; font-size:12px; color:#fff} .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }  .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; }   div.mid{ width:1000px; position: absolute; height:650px!important} a.bg{ display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:bottom; margin-right:10px; float:left; } a.bg:hover{ background-position:top} a.bg_1{ background-image:url(../images/img_1.jpg)} a.bg_2{ background-image:url(../images/img_2.jpg)} a.bg_3{ background-image:url(../images/img_3.jpg)} a.bg_4{ background-image:url(../images/img_4.jpg)}   .grid_1{ width:345px;} .grid_2{ width:260px;}  .grid_3{ width:300px; }  .grid_4{ width:200px;} .grid_5{ width:280px; margin-left:40px} .grid_6{ width:240px; } .grid_7{ width:230px; }   a.more{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; cursor:pointer; padding-left:10px; background:#da7500 url(../images/arrow.gif) 90% 50% no-repeat; line-height:25px; height:25px; display:block; width:90px; margin-top:10px} a.more:hover{ text-decoration:none;  background:#c96d03 url(../images/arrow.gif) 90% 50% no-repeat;}  .links{ font-size:12px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; padding-left:25px; background:url(../images/bg_links.png) left no-repeat; line-height:20px; display:block; } .links:hover{ text-decoration:none}   div.pages h1{ color:#383838; font-size:55px; line-height:50px;margin:0; padding:0; margin-bottom:18px} div.pages h1 span{ display:block; } div.pages h1 span.special_2{ line-height:60px} div.pages h1 span.special_3{ font-size:36px; color:#ec581e; margin-left:20px} div.pages h2{ color:#fff; font-size:24px; margin:0; padding:0; margin-bottom:16px;}   ul.li_h li{ margin-bottom:8px}    .right_20{ margin-right:20px;} img.photo{ padding:5px ; background-color:#b5ada8} b{ color:#fff;!important; text-transform:uppercase; display:block}   a.top_links{ display:block; color:#fff; text-decoration:none; height:13px; background:url(../images/bg_top_links.png) left bottom no-repeat; padding-left:20px; float:right} a.top_links:hover{ text-decoration: underline; background-position:top left}   .scroll-pane {	overflow:hidden; }
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}  .scroll-pane img{ height:87px}   .jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: #dad5d2; width:23px!important;} .jScrollPaneDrag {	position: absolute;	background:#3c3934 ;	cursor: pointer;	overflow: hidden;	right:3px;	width:17px!important;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .jScrollPaneDrag:hover{ background:#da7500}
.jScrollPaneDragTop { position: absolute;	top: 0;	left: 0; overflow: hidden; height:0px;} .jScrollPaneDragBottom { overflow: hidden; height:0px; }
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px; overflow: hidden;	height: 22px; background:url(../images/top.png) left top no-repeat; width:23px!important;}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0px;	text-indent: -2000px; overflow: hidden; height: 22px; background:url(../images/foot.png) left top no-repeat; width:23px!important}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover{ background-position: bottom}
#faded {	width:707px;	height:580px;	overflow: hidden;	position: absolute; z-index:0; top:55px; right:0; padding-top:25px}
#faded ul.show{ margin-top:10px; border-top:10px #242120 solid; border-right:10px #242120 solid; height:532px; border-bottom:10px solid #242120; background:#242120;
border-left: 10px #242120 solid}
ul.pagination {	width:11	0px; 	height:22px; 	overflow: hidden;  	position: absolute !important; 	top:5px; right:0px; 	z-index:1000; }  	ul.pagination li { width:17px ; height:17px; float:left; margin-left:5px;} 		ul.pagination li a { 		background:#000; 			display: block; 			width: 11px; 			height: 11px; 			text-decoration: none; 			 text-indent:-999px; 			 border:3px #000 solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 		} 		 		ul.pagination li a:hover {background:#da7500;		}		 		ul.pagination li.current a {background:#da7500;		}  
.bg_oil{ position:absolute; z-index:1; width:345px; height:190px; background: url(../images/bg_oil.png) top no-repeat; right:-16px; top:460px} div.phone{ font-size:16px; color:#000; text-transform:uppercase; padding-left:30px; background:url(../images/phone.png) left top no-repeat; height:20px; padding-top:10px} div.phone span{ color:#da7500!important; font-size:14px; padding-top:2px} .copy{ color:#36332f; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-top:50px; position:relative} a.privacy{	color:#36332f; text-decoration:underline; font-size:11px;} a.privacy:hover{color:#36332f; text-decoration:none} 
a.close{ display:block; width:75px; height:25px; position:absolute; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; cursor:pointer; padding-left:10px; background:#da7500 url(../images/close.gif) 90% 50% no-repeat; top:0; right:0; line-height:25px; z-index:100; text-decoration:none}
a.close:hover{ background:#c96d03 url(../images/close.gif) 90% 50% no-repeat;}