
body {
padding:0;
margin:0;
	font-size: 83.33%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width:100%;
	min-width:1000px;
}

table, th, td {
padding:0; 
border-collapse:collapse; 
vertical-align: top; 
}

a img { border:0; }
img { margin:0;}

div { padding: 0 0 0 0; margin: 0 0 0 0; }

ul{ padding: 0 0 0 0; margin: 0 0 0 0; }
li { padding: 0 0 0 0; margin: 0 0 5px 20px; }
a {color:#7c990a;}

table {
    width:100%;
    margin:0 0 0 0;
}



p { margin:0.25em 0 0.75em 0;
    padding:0 0 0 0;}

h1 { color:#f16600;
    font-size:210%;
	font-weight:normal;
}

h2 {
    font-size:150%
}

h3 {
    font-size:125%
}

h4 {
    font-size:120%;
}

h5 {
    font-size:110%;
}

h6 {
    background:#666;
    padding-left:6em;
    font-size:100%;
}


#header { background:#FFFFFF url(pics/bg_header.gif) left top repeat-x; padding:25px 45px 28px 80px;}
#logo { float:left; width:50%;}
#slogan { padding-left:60px;}
#contacts { padding-top:90px; float:right; width:45%; color:#979b87;}
#contacts  a { color:#7c990a;}
#contacts span { font-size:140%; color:#7c990a;}
#message { float:right; background:url(pics/ico_message.gif) left center no-repeat; padding-left:35px; margin-top:0.4em;}
#phone {float:right; padding-right:70px;}

#menu { background: #3180bc url(pics/bg_menu.gif) left top repeat-x; padding:0 25px; color:#FFFFFF; height:30px;}
#menu .item { float:left; padding:7px 25px; background: url(pics/bg_menu_nact.gif) left center no-repeat;}
#menu .active  { float:left; padding:7px 25px; background: #274fa4 url(pics/bg_menu_act.gif) left top repeat-x;}
#menu .item a { color:#FFFFFF;}
#menu .active a { color:#FFFFFF;}
#menu .item:hover  { float:left; padding:7px 25px; background: #274fa4 url(pics/bg_menu_act.gif) left top repeat-x;}

#main { padding:0 80px;}
#main h1 {font-size:210%; padding-top:20px; margin-top:0.25em; max-width:650px;}
#main h2 { font-weight:normal; font-size:150%; margin-bottom:0.5em; max-width:650px;}
#main p { max-width:650px; margin:0.5em 0 1.5em 0; line-height:1.3;}
#main .blue_block { background-color:#d4ecfd; padding:20px 25px; color:#21458d; max-width:600px;}
#main ul { padding:1em 0 1em 70px; max-width:580px;}
#main h3 { color:#6a6a6a; margin-bottom:0.5em;}
#main td { background-color:#e3eae9; border:#FFFFFF 1px solid; padding:7px 15px;}
#main .order {background-color:#e6eceb; padding:25px 80px; width:280px;}
#main .order p { color:#ea5f5f; margin-bottom:0.5em;}
#main .portfolio img { border:#a6b4b9 4px solid; margin:0 35px 35px 0; }
#main .numpage {line-height:1.5;}
#main .numpage b {background-color:#94b801; border:#94b801 1px solid; padding: 0 3px; margin-right:5px; color:#FFFFFF; font-weight:normal;}
#main .numpage a {background-color: #FFFFFF; border:#94b801 1px solid; padding: 0 3px; margin-right:5px; text-decoration:none;}
.description img { border:#98a8ae 6px solid;}

.ban { background:#666256 url(pics/banner.jpg) right top no-repeat; border-bottom:#428dc5 6px solid; padding:16px 25px; height:162px;}
.ban .text { background:url(pics/bg_ban.gif) left top no-repeat; height:162px; width:352px; padding:0 30px;}
.ban .button {background:url(pics/ban_button.gif) center top no-repeat; width:162px; height:22px; text-align:center; padding-top:0.2em; margin-top:0.5em;}
.ban a { color:#3ba2f3; text-decoration:none; }
.ban .button:hover { background-image:url(pics/ban_button_hover.gif);}
.ban .button:hover a { color:#FFFFFF}


.sl .head { background:#656565 url(pics/bg_head_slider.gif) left top repeat-x; padding: 12px 25px 6px 25px; color:#20307e; font-size:120%;}
.body_slider { background:#dce0cb url(pics/bg_slider.gif) left bottom repeat-x; padding:10px 20px;}
.body_slider img {border:#FFFFFF 2px solid; margin:0 7px; width:126px; height:95px;}
.body_slider .photo {overflow: hidden; overflow-x:auto; white-space:nowrap; height:130px;}

.interior { padding:30px 10px 20px 10px;}
.interior .item { float:left; width:33.3%;}
.interior .bg_item { margin:0 10px; border:#d9dccb 1px solid; background:url(pics/bg_interior.gif) left bottom repeat-x; height:135px;}
.interior .bg_item div { background-position:center top; background-repeat:no-repeat; height:135px; text-align:center;}
.interior a { color:#0d8bea; font-size:150%;}

.main .content { padding:0 100px 0 85px;}

#content { padding:0 100px 0 85px;}

#footer { height:80px; padding-top:80px;}
#copy { border-top:#bec2a9 1px solid; margin-right:160px; margin-left:20px; color:#808f49; padding-top:10px;}
#counter { float:right; width:158px; text-align:center;}

.photo {
  width: 100%;
}


.photo p {
  float:left;
  max-width: none!important;
}


/*--slider */
.ui-slider {
  background: #92967d;
  padding: 0 0.7em;
  border: none;
}


.ui-slider .ui-slider-handle {
  top: 0;
  height: 0.7em;
  overflow: hidden;
}


  /*		#demo-frame > div.demo { padding: 10px !important; }
		.scroll-pane { overflow: auto; }
		.scroll-content { width: 2440px;  }
		.scroll-content-item { width: 100px; height: 75px; float: left; margin: 10px; font-size: 3em; padding-top: 25px; text-align: center; }
		.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
		.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
		.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
		.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
		.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }



.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(pics/scrol.gif) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(pics/scrol.gif) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(pics/scrol.gif) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a { color: #eb8f00; outline: none; text-decoration: none; }*/