* {
    margin: 0;
    padding: 0;
}
body {
	font-family: Arial;
	font-size: 15px;
	text-align: center;
	color: #DBA461;
	line-height:140%;
	background-color:#301d0f;
}

input, textarea  {
	background-color: #5E4E35;
	border: solid #DBA461 1px;
	color:#DBA461;
}
.date {
	float:right;
	font-size:14px;
}
a {
	color: #DBA461;
	outline:none;
	text-decoration: underline;
}
h2 a{
	border-bottom:1px dotted;
	text-decoration:none;
}
h2 a:hover {
	border-bottom:1px solid;
	text-decoration:none;
}
a:hover{
	text-decoration: none;
}


h1, h2, h3, h4, h5 {
	color:#A85400;
}


h1 {
	font-size:20px;
	font-weight:normal;
}

h2 {
	font-size:18px;
	font-weight:normal;
}

h3 {
	font-size:15px;
	font-weight:normal;
}
h5{
	font-size:15px;
	font-weight:normal;
}
.clear {
	clear:both;
}

#line {
	position:relative;
	top:0;
	margin-left:0;
  }
#line img {
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
#bg {
	margin: 0 auto;
	background: url(images/fon1.jpg) center bottom;
	background-repeat: repeat-y;
	position:relative;
}
#fon {
	background-position: center;
	background-image: url(images/fon2.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	height:784px;
	width:100%;
}

#top {
	margin: 0 auto;
	text-align: left;
	width: 856px;
	height:330px;
}

#center {
	width:856px;
	position: relative;
	height:auto;
	margin: 0 auto;

}
#content {
	float: none;
	text-align: left;
	margin-top: 10px;
	height: auto;
	min-height:350px;
	width: auto;
	margin-right:30px;
	min-width:750px;
	padding-left: 40px;
	position:relative;
	padding-bottom:40px;
}

#content #news_bg {
	background: url(images/medved.jpg) no-repeat;
	position:absolute;
	width:300px;
	height:545px;
	display:block;
	top:0px;
	right:-10px;
}

#content #news {
	position:relative;
	width:210px;
	height:405px;
	display:block;
	top:100px;
	left:40px;
	text-align:center;
}


#content ul {
	padding-left:40px;
}
#content ul li {
	padding-bottom:10px;
}

/* Header 
------------------------------------------------------------------------- */

#header {
	height:105px;
	position:relative;
	width:855px;
	margin-bottom:0px;
	margin-left: 0px;
}

#header h1 {
	margin: 0;
	width: 100%;
	height: 105px;

}

#logo {
	position:relative;
	top:0px;
	width:402px;
	height:105px;
	outline:none;
	float:left;
	background: #999999 url(images/logo.jpg) no-repeat top left;
	text-indent:-9999px;
	left: -1px;
	border:none;
}

/* ---------------------------------- main navigation - mainnav ---------------------------------------  */
#mainnav 
{
	position:absolute;
	top:60px;
	list-style:none;
	float:right;
	right: 1px;
}

#mainnav li
{
	display:inline;
	float:left;
	list-style: none;
}

#mainnav li a
{
	font-weight:bold;
	display:block;
	height:40px;
	text-decoration:none;
	text-indent:-9999px;
	padding:0;
	outline:none;
	cursor:pointer;
	background:url(images/mainnav.png);
}
#mainnav li#mainnav-about a{background-position: 0px 0px; width:102px;}
#mainnav li#mainnav-about a:hover{background-position: 0px -45px; width:102px;}
#mainnav ul#about li#mainnav-about a{background-position: 0px -45px; width:102px;}

/*#mainnav li a:hover, #mainnav li.active a {background-position: center top;} */

#mainnav li#mainnav-services a{background-position: 0px -90px;  width:109px; text-decoration:none;}
#mainnav li#mainnav-services a:hover{background-position: 0px -135px;  width:109px;}
#mainnav ul#services li#mainnav-services a{background-position: 0px -135px;  width:109px;}

#mainnav li#mainnav-portfolio a{background-position: 0px -180px;  width:119px;}
#mainnav li#mainnav-portfolio a:hover{background-position: 0px -225px;  width:119px;}
#mainnav ul#portfolio li#mainnav-portfolio a{background-position: 0px -225px;  width:119px;}

#mainnav li#mainnav-contacts a{background-position: 0px -270px;  width:123px;}
#mainnav li#mainnav-contacts a:hover{background-position: 0px -315px;  width:123px;}
#mainnav ul#contacts li#mainnav-contacts a{background-position: 0px -315px;  width:123px;}

/* 

/* end: main nav */
/* flash */

#flash
{
	position:relative;
	top:0px;
	height:225px;
	list-style:none;
	float:left;
	width:855px;
	left: 0px;
}


/* end flash*/

/* Menu */
#menunull
{
	position:relative;
	top:0px;
	list-style:none;
	float:right;
	width:856px;
	height:0px;
	text-indent:-9999px;
	outline:none;
	list-style-type: none;
	display: none;
}

#menu
{
	position:relative;
	top:0px;
	list-style:none;
	width:856px;
	height:50px;
	margin: 0 auto;
	text-indent:-9999px;
	outline:none;
	list-style-type: none;

}

#none 
{
	clear: both;
}


#menu li
{
	display:inline;
	float:left;
	list-style: none;
}

#menu li a
{
	font-weight:bold;
	display:block;
	height:50px;
	text-decoration:none;
	text-indent:-9999px;
	padding:0;
	outline:none;
	cursor:pointer;
	background:url(images/menu.png);
}
#menu li#menu-fstyle a{background-position: 0px 0px; width:173px;}
#menu li#menu-fstyle a:hover{background-position: 0px -50px; width:173px;}
#menu ul#fstyle li#menu-fstyle a{background-position: 0px -50px; width:173px;}

#menu li#menu-present a{background-position: 0px -100px; width:133px;}
#menu li#menu-present a:hover{background-position: 0px -150px; width:133px;}
#menu ul#present li#menu-present a{background-position: 0px -150px; width:133px;}

#menu li#menu-poligr a{background-position: 0px -200px; width:126px;}
#menu li#menu-poligr a:hover{background-position: 0px -250px; width:126px;}
#menu ul#poligr li#menu-poligr a{background-position: 0px -250px; width:126px;}

#menu li#menu-websites a{background-position: 0px -300px; width:110px;}
#menu li#menu-websites a:hover{background-position: 0px -350px; width:110px;}
#menu ul#websites li#menu-websites a{background-position: 0px -350px; width:110px;}

#menu li#menu-grafika a{background-position: 0px -400px; width:96px;}
#menu li#menu-grafika a:hover{background-position: 0px -450px; width:96px;}
#menu ul#grafika li#menu-grafika a{background-position: 0px -450px; width:96px;}

#menu li#menu-flash a{background-position: 0px -500px; width:72px;}
#menu li#menu-flash a:hover{background-position: 0px -550px; width:72px;}
#menu ul#mflash li#menu-flash a{background-position: 0px -550px; width:72px;}

#menu li#menu-foto a{background-position: 0px -600px; width:66px;}
#menu li#menu-foto a:hover{background-position: 0px -650px; width:66px;}
#menu ul#foto li#menu-foto a{background-position: 0px -650px; width:66px;}

#menu li#menu-3d a{background-position: 0px -700px; width:79px;}
#menu li#menu-3d a:hover{background-position: 0px -750px; width:79px;}
#menu ul#menu-3d li#menu-3d a{background-position: 0px -750px; width:79px;}



/* end menu*/




/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 15px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}

/* Footer 
------------------------------------------------------------------------- */
#footerbg {
	margin: 0 auto;
	font-size: 85%;
	color: #DBA461;
	width:auto;
	min-width:856px;
	height:97px;
	position: relative;
	background: url(images/niz.jpg) center no-repeat;
}

#footer {
	width:856px;
	margin:0 auto;
	top:0;
	position:relative;
}

#footer a {
	color: #DBA461;
	outline:none;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}
#footer p {
	padding-top:20px;
}
#counts {
	float:left;
	height:31px;
	width:auto;
	display:block;
	margin-top:12px
}
#w3org {
	position:relative;
	top:5px;
	right:0;
	margin:0 auto;
	width:856px;
}
