@import "reset.css";
html{
	font-size:100.01%;
	}
body{
	background-color:#ff7f00;
	font-family:Verdana;
	color:#5d5d5d;
	font-size:0.69em;
	}
a{
	color:#824f22;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}
h1{
	font-size:1.09em;
	color:#824f22;
	font-weight:bold;
	margin-bottom:16px;
	padding-bottom:2px;
	padding-left:17px;
	background:url(../images/design/bg/h1.gif) no-repeat 0 0;
	position:relative;
	left:-17px;
	}
h1 span{
	border-bottom:1px dashed #a38566;
	}
p{
	line-height:1.17em;
	margin-bottom:1em;
	}

.bone{
	background:#ffffff url(../images/design/bg/bone-bg.gif) repeat-x 0 0;
	}
.bone-t{
	background:url(../images/design/bg/bone.gif) repeat-y 0 0;
	}
.bone-b{
	background:url(../images/design/bg/bone-b.gif) repeat-x 0 100%;
	}


/* HEAD */
.head{
	background:url(../images/design/bg/bone-tl.gif) no-repeat 0 0;
	padding:26px 0 46px 68px;
	position:relative;
	}
.head-bg{
	background:url(../images/design/bg/head.jpg) no-repeat 100% 0;
	}
#inner .head{
	padding-bottom:0;
	}
.inner-1 .head-bg{
	background:url(../images/design/bg/head-2.jpg) no-repeat 100% 0;
	}
.inner-2 .head-bg{
	background:url(../images/design/bg/head-3.jpg) no-repeat 100% 0;
	}
.menu{
	margin:26px 0;
	}
#inner .menu{
	float:left;
	margin-right:10px;
	}
.menu li{
	float:left;
	padding-right:10px;
	margin-right:8px;
	background:url(../images/design/bg/menu-li.gif) no-repeat 100% 50%;
	}
.menu li.last{
	padding-right:0;
	margin-right:0;
	background:none;
	}
.menu a{
	display:block;
	float:left;
	height:24px;
	background-position:0 0;
	text-indent:-999px;
	background-repeat:no-repeat;
	}
.menu a:hover,.menu a.active{
	background-position:0 -24px;
	}
#main{
	background-image:url(../images/design/menu/main.gif);
	width:71px;
	}
#about{
	background-image:url(../images/design/menu/aboute.gif);
	width:88px;
	}
#work{
	background-image:url(../images/design/menu/work.gif);
	width:116px;
	}
#contact{
	background-image:url(../images/design/menu/contact.gif);
	width:75px;
	}

.submenu{
	background:#f47700 url(../images/design/menu/submenu.gif) repeat-y 100% 0;
	width:173px;
	font-family:"Arial Narrow";
	font-size:1.1em;
	position:relative;
	left:-6px;
	}
.submenu .sub-t{
	background:url(../images/design/menu/submenu-t.gif) no-repeat 100% 0;
	}
.submenu .sub-b{
	background:url(../images/design/menu/submenu-b.gif) no-repeat 100% 100%;
	}
.submenu ul{
	background:url(../images/design/menu/submenu-m.gif) no-repeat 100% 50%;
	padding:12px 0 8px;
	}
.submenu li{
	position:relative;
	left:-6px;
	padding:0 17px 0 25px;
	background:url(../images/design/menu/submenu-bb.gif) no-repeat 0 50%;
	}
.submenu li div{
	padding:12px 0 12px;
	background:url(../images/design/menu/submenu-li.gif) repeat-x 0 100%;
	}
.submenu li.last div{
	background:none;
	}
.submenu a{
	color:#ffffff;
	text-decoration:none;
	}
.sidebar .submenu{
	margin-bottom:46px;
	left:-15px;
	}

.site-menu{
	position:absolute;
	top:70px;
	right:26px;
	}
.site-menu li{
	display:inline;
	padding:0 12px;
	}
#inner .site-menu{
	position:static;
	top:0;
	right:0;
	margin-top:32px;
	}
/* MIDDLE */
.middle{
	background:url(../images/design/bg/wraper.gif) no-repeat 29px 100%;
	position:relative;
	z-index:100;
	}
.img-r{
	float:right;
	}
.wrapper{
	float:left;
	width:100%;
	}
.content,.counters{
	margin-left:384px;
	margin-right:56px;
	}
.sidebar,.copyright{
	float:left;
	margin-left:-100%;
	width:315px;
	}
.sidebar .inner,.copyright .inner{
	margin-left:auto;
	width:238px;
	}
.sidebar{
	padding-bottom:100px;
	}
#inner .content{
	margin-left:349px;
	}

.phone{
	background:url(../images/design/bg/phone.gif) no-repeat 100% 50%;
	padding:6px 51px 6px 0;
	width:120px;
	text-align:right;
	line-height:1.3em;
	}
.phone var{
	font-style:normal;
	font-size:1.21em;
	display:block;
	}
.phone var span{
	color:#f47700;
	}

.mail{
	font-size:1.09em;
	}


/* FOOTER */
.footer{
	background:url(../images/design/bg/bone-bl.gif) no-repeat 0 100%;
	padding-top:20px;
	position:relative;
	z-index:10;
	}
.counters,.copyright .inner{
	border-top:1px dashed #e0e0e0;
	padding-top:12px;
	padding-bottom:20px;
	}
.counters{
	padding-top:3.7em;
	}
.counters a{
	margin-right:10px;
	}
.footer .footer-image{
	background:url(../images/design/bg/footer.gif) no-repeat 0 0;
	width:196px;
	height:207px;
	position:absolute;
	top:-95px;
	right:0;
	}
.footer .develope{
	padding-top:.5em;
	}
.footer .develope a{
	color:#ffffff;
	text-decoration:none;
        background-color:#663300;
	}



/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}