body {
	background-color:#000000;
	color:#725f31;
}


::selection {
	background: #FFDD95; /* Safari, Opera */
}

::-moz-selection { 
	background: #FFDD95; /* FireFox */
}



div.wrap {
	width:1008px;
	margin:0 auto;
	/*height:1000px;*/
	background:url(../imgs/lborder.png) repeat-y;
	background-color:#ffffff;
}

div.container {
	position:relative;
	width:100%;
	height:100%;
	background:url(../imgs/rborder.png) repeat-y top right;
}

div.contacts {
	position:absolute;
	top:16px;
	left:660px;
	width:150px;
	height:50px;
	z-index:10;
}

div.contacts div.info {
	position:absolute;
	top:0px;
	width:169px;
	height:62px;
	background:#ffffff url(../imgs/contacts.png) no-repeat;
}

div.contacts p {
	font: 12px Tahoma;
	line-height:16px;
}

div.logo {
	position:absolute;
	top:47px;
	left:7px;
	width:257px;
	height:124px;
	background:url(../imgs/logo.png) repeat-y top right;
}

div.logo a {
	width:100%;
	height:100%;
	display:block;
}

div.addlogo {
	position:absolute;
	top:129px;
	left:-61px;
	width:68px;
	height:96px;
	background:url(../imgs/addlg.png) repeat-y top right;
}

div.baner {
	position:absolute;
	top:0px;
	left:461px;
	width:530px;
	height:152px;
	background:url(../imgs/header2.gif);
	z-index:9;
}

div.stock {
	/*position:absolute;
	top:176px;
	left:28px;*/
	margin:0px 0px 20px 20px;
	width:239px;
	height:118px;
}

div.topmenu {
	position:absolute;
	top:84px;
	left:324px;
	width:675px;
	height:35px;
	z-index:10;
	background:url(../imgs/backmenu.png) no-repeat;
}

div.topmenu ul {
	height:30px;
}

div.topmenu ul li {
	float:left;
	height:30px;
	margin-right:1px;
}

div.topmenu ul li a {
	height:30px;
	display:block;
	/*opacity:0.8;*/
	text-indent:-9999px;
}

div.topmenu ul li a:hover {
	opacity:1;
}


div.topmenu ul li a.about {
	width:119px;
	background:url(../imgs/menu.png) no-repeat center top;
}

div.topmenu ul li a.service {
	width:90px;
	background:url(../imgs/menu.png) no-repeat center -30px;
}

div.topmenu ul li a.cost {
	width:103px;
	background:url(../imgs/menu.png) no-repeat center -60px;
}

div.topmenu ul li a.portfolio {
	width:126px;
	background:url(../imgs/menu.png) no-repeat center -90px;
}

div.topmenu ul li a.clients {
	width:101px;
	background:url(../imgs/menu.png) no-repeat center -120px;
}

div.topmenu ul li a.contacts {
	width:129px;
	background:url(../imgs/menu.png) no-repeat center -150px;
}

div.topmenu div.undermenu {
	width:675px;
	height:5px;
	background:url(../imgs/undermenu.png) no-repeat;
}

div.header {
	height:150px;
	width:1008px;
}

div.content {
	float:right;
	width:625px;
	font:12px Verdana;
	line-height:18px;
	padding:0px 30px 50px 0px;
}

div.content a {
	font:12px Verdana;
	color:#725f31;
}

div.content a:hover img{
 	opacity:0.8;
}

div.content h1, h2 {
	font:bold 16px Verdana;
	color:#725f31;
	padding-top:0px;
	padding-bottom:10px;
}

div.content div.main,  div.content h1.main{
	font:normal 20px Verdana;
	color:#725f31;
  text-shadow:2px 2px 3px #DDDDDD;
  margin-bottom:10px;
	padding-top:25px;
	padding-bottom:10px;
}

div.content h1.undermain {
	font:bold 16px Verdana;
	color:#725f31;
	padding-top:0px;
}

div.content p {
	padding-top:0px;
	padding-bottom:10px;
	/*position:relative;
	left:0px;*/
}

div.content ul {
	list-style: disc inside;
	padding-bottom:10px;
	margin-left:20px;
}

div.content ul.screens {
	list-style: none;
	height:111px;
	margin-left:0px;
}

div.content ul.screens  li {
	width:164px;
	height:111px;
	border:solid 1px #9f874d;
	float:left;
	margin-right:10px;
	
}

div.content div.recent_works {
	width:575px;
	height:178px;
	border: 1px solid #9f874d;
	margin-top:10px;
	margin-bottom:20px;
}

div.content div.recent_works_title {
	width:148px;
	height:18px;
	position:relative;
	background: #ffffff url(../imgs/spritetxt.png) no-repeat 30px -57px;
	margin-top:-10px;
	margin-left:20px;
	
}

div.content ul.service {
	list-style:none;
	padding-left:0px;
	list-style-position:none;
	width:620px;
	margin-left:0px;
}

div.content ul.service li {
	display:block;
	border:solid 1px #9f874d;
	margin-bottom:20px;
	padding:10px 0px 10px 0px;
	height:1%;
	float:left;
	width:620px;
}

div.content ul.service li h2 {
	display:block;
	padding-bottom:0px;
	margin-bottom:10px;
	margin-left:30px;
}

div.content ul.service li p {
	margin-left:30px;
	margin-right:30px;
}

div.content ul.service li a {
	/*margin-left:480px;*/
	color:#9f874d;
}

ul.service div {
	margin-left:420px;
	margin-right:-20px;
}

ul.service div span {
	margin-right:20px;
}

div.content h2 {
	font-weight:bold;
}

div.content h3 {
	padding-bottom:10px;
	font-weight:bold;
}

div.content h3 {
	padding-bottom:10px;
	font-size:14px;
}


div.content table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
	margin-bottom:10px;
	width:100%;
}

div.content table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

div.content table td {
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
}

div.content table td.left {
	text-align:left;
}

div.left {
	/*margin-top:180px;*/
	margin-top:35px;
	margin-bottom:20px;
	padding-left:7px;
	width:300px;
	/*height:800px;*/
	float:left;
}

div.left ul {
	margin-top:0px;
	margin-left:20px;
}

div.left ul li {
	padding-bottom:10px;
	line-height:20px;
	position:relative;
}
div.left ul li ul {
	margin-left:15px;
	margin-bottom:-10px;
	margin-top:10px;
}

div.left ul li ul li {
	line-height:20px;
	padding-left:8px;
	background: url(../imgs/dot.gif) no-repeat left 10px;
}

div.left ul li a {
	font:11px Verdana;
	color:#725f31;
	text-decoration:none;
}

div.left ul li a.online span {
	position:absolute;
	top:5px;
	left:0px;
	background: url(../imgs/spritetxt.png) no-repeat 0px -75px;
	height:13px;
	width:153px;
}

div.left ul li a.calc span {
	position:absolute;
	top:5px;
	left:0px;
	background: url(../imgs/spritetxt.png) no-repeat 0px -13px;
	height:13px;
	width:98px;
}

div.left ul li a.suggest span {
	position:absolute;
	top:5px;
	left:0px;
	background: url(../imgs/spritetxt.png) no-repeat 0px -26px;
	height:13px;
	width:120px;
}

div.left ul li a.info span {
	position:absolute;
	top:5px;
	left:0px;
	background: url(../imgs/spritetxt.png) no-repeat 0px 0px;
	height:13px;
	width:177px;
}

div.left ul li a.sitemap span {
	position:absolute;
	top:5px;
	left:0px;
	background: url(../imgs/spritetxt.png) no-repeat 0px -88px;
	height:13px;
	width:91px;
}

div.inf {
	margin-top:10px;
	margin-left:20px;
}

div.form_contact {
	width:233px;
	height:290px;
	margin-left:20px;
	margin-top:50px;
	border: solid 1px #9f874d;
}

div.form_contact div#progress {
	font:12px Verdana;
	height:20px;
	padding-top:3px;
	width:210px;
	text-align:left;
}

div.form_contact div.form_title {
	width:150px;
	height:18px;
	position:relative;
	font-size:1px;
	
	background: #ffffff url(../imgs/spritetxt.png) no-repeat 25px -39px;
	margin-top:-14px;
	margin-left:20px;
}

div.form_contact p {
	margin-left:48px;
	margin-top:5px;
	color:#a58b49;
	font:9px Verdana;
}

div.form_contact form {
	padding-left:20px;
}

div.form_contact label {
	color:#a58b49;
	font:10px Verdana;
}

div.form_contact div input {
	width:188px;
	height:16px;
	display:block;
	font:10px Verdana;
	color:#a58b49;
	border: solid 1px #a58b49;
	padding:3px 2px 0px 2px;
	margin-bottom:6px;
}

div.form_contact div.subj {
	width:190px;
	border: solid 1px #a58b49;
	padding-right:2px;
}

div.form_contact div.subj textarea {
	width:188px;
	border:0;
	font:10px Verdana;
	color:#a58b49;
}

div.form_contact li textarea {
	display: block;
	height: 65px;
	overflow:auto;
	width:100%;
	font: 10px Verdana;
	color: #a58b49;
	border:0;
}

div.form_contact form ul {
	margin-left:0px;
	margin-top:10px;
	height:20px;
}

div.form_contact form ul li#submit {
	float:left;
	/*margin-right:32px;*/
	width:81px;
	padding:0px;
}

div.form_contact form ul li#reset {
	width:81px;
	float:right;
	margin-right:18px;
	padding:0px;
}


div.form_contact form ul li input {
	width:81px;
	height:20px;
}

div.footer {
	width:998px;
	height:40px;
	margin-left:5px;
	background: url(../imgs/footer.png) no-repeat;
}

div.footer p, div.footer a {
	color:#d3c08f;
	font:9px Verdana;
}
div.footer p {
	float:right;
	margin-top:20px;
	padding-right:20px;
}

div.clear {
	display:block;
	height:1px;
	font-size:1px;
	line-height:1px;
	clear:both;
}

/*Portfolio Carousel*/
.jcarousel-skin-tango .jcarousel-container {
    
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 518px;
    padding: 20px 30px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 518px;
    height: 118px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 164px;
    height: 111px;
	border: 1px solid #9f874d;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 24px;
    height: 111px;
    cursor: pointer;
    background: transparent url(../imgs/btn_next.png) no-repeat 5px 55px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 5px;
    width: 24px;
    height: 111px;
    cursor: pointer;
    background: transparent url(../imgs/btn_prev.png) no-repeat 12px 55px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#mycarousel {
padding-left:0px;
margin-left:0px;
}

.recent_works {
	/*display:none;*/
}
/*END Portfolio Carousel*/

/*zalaz*/

div#zakaz {
	width:580px;
	margin-bottom:20px;
}

div#zakaz ul li {
	margin-bottom:10px;
	display:block;
}

div#zakaz ul li input{
	width:100%;
	height:16px;
	display:block;
	font:12px Verdana;
	color:#a58b49;
	border: solid 1px #a58b49;
	padding:2px;
}

div#zakaz ul li textarea {
	font:12px Verdana;
	color:#a58b49;
	border: solid 1px #a58b49;
	padding:2px;
}

li.label {
	width:180px;
	float:left;
	/*height:20px;*/
	clear:both;
}

li.input {
	width:300px;
	/*height:20px;*/
	float:right;
}

li.input input, li.input textarea {
	width:100%;
}

div.btnzakaz {
	margin-top:10px;
	float:right;
	clear:both;
}

div.desc {
	margin-top:10px;
	clear:both;
}

div.content ul.special {
	list-style-image:none;
	list-style-type:none;
	margin-top:10px;
	margin-left:0px;
}

div.content ul.special li {
	border:1px solid #9F874D;
	display:block;
	float:left;
	clear:both;
	margin-bottom:20px;
	padding:0px 0px 0px 30px;
	height:1%;
	width:580px;
	position:relative;
}

div.content ul.special li h4, div.content ul.special li h6 {
	background-color:#fff;
	display:inline;
	line-height:20px;
	height:20px;
	padding:2px 7px;
	top:-14px;
	position:absolute;
	font-weight:bold;
}

div.content ul.special li h6 {
	left:450px;
	font-weight:bold;
}

div.content ul.special li p {
	clear:both;
	display:block;
	margin-top:15px;
	padding-left:7px;
	width:510px;
}

div.content ul.special li div {
	margin-left:360px;
	margin-right:-20px;
	margin-bottom:10px;
	width:180px;
}

div.content ul.special li div span {
	margin-right:20px;
}

/*seo*/

div.content h1.bold {
 	font-weight:bold;
	font-size:12px;
	display:inline;
}

/*spetial*/

div.special {
	margin:0px 0px 20px 20px;
	padding:0px 10px 10px 0px;
	border:1px solid #9F874D;
	width:223px;
	position:relative;
}

div.special h3 {
	position:absolute;
	top:-10px;
	background-color:#ffffff;
	margin-left:15px;
	display:inline;
	padding:0px 5px 0px 5px;
	font:bold 12px Verdana;
}

div.special ul {
	margin-top:20px;
}

div.special ul li {
	font:11px Verdana;
	text-align:right;
}

div.special ul li span {
	/*float:right;*/
}

div.special ul li p {
	float:left;
}

img.left_floated {
	float:left;
	margin-right:12px;
	margin-top:5px;
	border:1px solid #9F874D;
}

h2.port {
	font:bold 14px Verdana;
	padding-bottom:10px;
}

h2.art {
	font:bold 16px Verdana;
	padding-bottom:10px;
	margin-top:10px;
}

div.date {
	padding-bottom:20px;
}

p.note {
	font-size:14px;
}

.port_links {
margin-bottom:20px;
}

.port_links a {
  text-decoration:none;
}

.port_links a.sell {
  /*background-color:#e3b546; */
  font-weight:bold;
  text-decoration:underline;
}

div.content ul.create_site {
  list-style:none;
  margin:0;
}

div.content ul.create_site li {
  float:left;
  height:111px;
  width:164px;
  padding:0px 20px 20px 0px;
  border:0;
  display:block;
}

div.content ul.create_site li a {
  height:111px;
  width:164px;
  display:block;
  border:solid 1px #9F874D;
}

.book img {
  border:solid 2px #725F31;
  display:block;
}