/* ----- main styles ----- */
* { margin: 0px; padding: 0px; }
html { width: 100%; height: 100%; }
body { font-family: arial; font-size: 9pt; color: #373737; height: 100%; width: 100%; background: url("../images/bk.jpg") center 0 repeat; }

a { outline: none; -moz-outline: 0; border: none; border-width: 0px; }
a:active { outline: none; -moz-outline: 0; }
a:focus { outline: none; -moz-outline: 0; }
a { color: #427785; text-decoration: underline; }
a:hover { text-decoration: none; }

img { border: none; border-width: 0px; }
h1, h2, h3, h4, h5, h6 { color: #bfcacd; font-family: arial; font-size: 12pt; padding: 0px 0px 17px 0px; }
p { padding: 0px 0px 5px 0px; }
ul { margin: 0px 0px 13px 10px; }
li { margin: 0px 0px 0px 15px; }
table { border-collapse: collapse; }
.clear { clear: both; font-size: 0pt; line-height: 0px; height: 0px; }

/* ----- special classes styles ----- */


.main { width: 781px; margin: 0 auto; position: relative; background: url("../images/bk-c.jpg") repeat-y; margin-top: 10px; }
.main-t { background: url("../images/bk-t.jpg") no-repeat; }
.main-b { background: url("../images/bk-b.jpg") 0 bottom no-repeat; }




/* ----- header styles ----- */
.header { height: 100px; position: relative; color: #353a3d; color: #eee7da; padding: 20px 0 0 533px; line-height: 16px; }
.logo { left: 58px; top: 36px; position: absolute; }
.header h5 { padding: 0 0 8px 0; color: #eee7da; font-size: 13.5pt; }
.header a { color: #ffa800; }

/* ----- content styles ----- */
.content { position: relative; padding: 22px 50px 0 65px; line-height: 16px; height: 1%; }
.content .t-right { text-align: right; }
.content .t-left { text-align: left; }
.content .red { color: #d61809 }
.content h1, .content h2 { color: #373737; font-size: 13.5pt; padding: 0 0 8px 0; }
.content h2 { padding: 0 0 9px 9px; }



.c-t { width: 100%; }
.c-t td { vertical-align: top; }
.c-l { width: 275px; padding: 0 28px 0 0; }


.c-l-in { padding: 0; position: relative; }
.emp { padding: 36px 0 0 0; }
.main-pic { border: 1px solid #b0aba0; background: #fff; padding: 8px; margin: 0 0 5px 0; }
.main-pic img { width: 253px; height: 321px; }
.about-main-pic {height:65px; margin:0 auto; overflow:hidden; text-align: center; }
.about-main-pic strong { color:#ff0000;}
.pic-info { width: 95%; } 
.pic-info h4 { background: url("../images/li-round.png") 0 8px no-repeat; padding: 0px 0 12px 18px; font-size: 13.5pt; margin: 8px 0 0 7px; color: #373737; }

/* ----- h-menu ----- */
.h-menu { height: 200px; width:360px; font-size: 13.5pt; position: relative; color: #f2ebdd; }
.h-menu a { color: #fff; text-decoration: none; }
.h-menu a:hover { color: #f2ebdd; }
.home { left: 9px; top: 43px; position: absolute; }
.portfolio { left: 149px; top: 43px; position: absolute; }
.contact { left: 290px; top: 43px; position: absolute; }
.about { left: 92px; top: 100px; position: absolute; }
.order { left: 234px; top: 100px; position: absolute; }

.main-info p { padding: 0 0 16px 0; }
.main-info a { color: #ffa800; }

/* ----- gal ----- */
.gal { padding: 10px 0 12px 0; }
.gal ul { margin: 0; list-style: none; }
.gal li { margin: 0 17px 3px 0; /*display: inline;*/ float: left; width:200px; border:1px solid #F2EADD; }
.gal .last { margin: 0 0 3px 0; }
.gal .img-in { width: 199px; /*height: 147px; background: url("../images/paints-bk.gif") no-repeat;*/ text-align: center; padding: 17px 0 0 5px; }
.gal .img-in-portfolio { width: 199px; height: 147px; /*background: url("../images/paints-bk.gif") no-repeat;*/ text-align: center; padding: 17px 0 0 5px; }
.gal .img-in img { border: 1px solid #acb3ab; }
.gal .img-in-portfolio img { border: 1px solid #acb3ab; }

.gal-link { text-align: center; position: relative; height: 29px; font-weight: bold; }
.gal-link a { left: 38%; top: 0px; position: absolute; width: 141px; display: block; color: #fff; text-decoration: none;
			padding: 6px 0 0 0; background: url("../images/arrow.gif") right 13px no-repeat #73716b; height: 23px;  }
.gal-link a:hover { color: #f2ebdd; }

.gal-link-l { margin: 30px 0; }
.gal-link-l a { left: 10%; }

.gal table { margin:0 auto;}
.gal table td { padding-bottom:10px;}

/* ----- contact-form ----- */
.contact-form table  { float: right; font-weight: bold; }
.contact-form td { padding: 0 0 8px 16px; }
.field { width: 341px; height: 24px; border: 1px solid #bab4a9; background: #f4f0ea; padding: 0 5px 0 5px; font-weight: normal; }
.contact-form .field, x:-moz-any-link { height: 20px; padding: 4px 10px 0 10px; }
*html .contact-form .field { height: 20px; padding: 4px 10px 0 10px; }

.contact-form .b-field { height: 107px; overflow: hidden; }
.contact-form .b-field, x:-moz-any-link { height: 103px; padding: 4px 10px 0 10px; }
*html .contact-form .b-field { height: 103px; padding: 4px 10px 0 10px; }
.buttons { text-align: right; padding: 12px 17px 0 0; }
.buttons input { margin: 0 0 0 8px; }
.buttons img { cursor: pointer; }

/* ----- footer styles ----- */
.footer { position: relative; text-align: center; padding: 22px 50px 53px 65px; line-height: 16px; }
.f-menu { color: #73716b; font-weight: bold; font-size: 10.5pt; padding: 0 100px 16px 146px; }
.f-menu ul { margin: 0; }
.f-menu li { display: inline; margin: 0; height: 16px; float: left; }
.f-menu .f-border { background: url("../images/f-border.png") center 3px no-repeat; width: 18px; font-size: 0; }
.f-menu a { color: #373737; text-decoration: none; }
.f-menu a:hover { color: #ffa800; }
.copyright a { color:#373737; text-decoration: none; }
.copyright a:hover { color: #ffa800; }




.sub-f { height: 30px; }



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 0 0 0 0;
	background: #f5f2ed;
	border: 1px solid #b0aba0;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #d5cec2;
}
.jScrollPaneDrag {
	position: absolute;
	background: url("../images/scroller.png") 5px 5px no-repeat #b0aba0;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

			
.holder { padding: 0 0 15px 0; }

.scroll-pane {	overflow: auto;	float: left; }

.wide {	width: 400px;}

.super-wide {	width: 700px;}


#pane1 { /*height: 257px;*/ width: 328px; padding: 13px 10px 0px 20px; }
#pane5 { height: 500px; width: 328px; padding: 13px 10px 0px 20px; }
#pane2 { height: 137px; width: 328px; padding: 13px 10px 0px 20px; }

#pane3 { height: 200px; width: 358px; }
#pane4 { height: 200px; width: 358px; }

.denis_img{margin:164px 0 0 0; -margin:165px 0 0 0;}