body {margin: 0; padding: 0; text-align: center; color: black; background: white;}
p {margin: 0; padding: 0;}
img {border: none;}

#site {width: 1000px; margin: 0 auto; _margin: 0; text-align: left;}
#header {position: relative; height: 154px;}
#left {float: left; width: 700px;}
#right {float: left; width: 240px;}
#content {width: 970px;}
#footer {clear: both; position: relative; padding: 0 0 5px;}
#addText {clear: both; margin: 45px 30px 15px; font-size: 12px; color: #626262;}

/* HEADER */
#lang {position: absolute; left: 0; top: 0; width: 970px; padding: 5px 15px; text-align: right; font: 11px "Verdana"; color: #999999; background: #f3f3f3;}
#lang a {color: #5d5656;}
#logo {position: absolute; left: 30px; top: 60px;}
#contacts {position: absolute; right: 65px; top: 55px; text-align: right; font: bold 18px "Arial"; color: #cecece;}
#contacts span.addr {color: #6d5e5e;}
#contacts a {font-size: 12px; font-weight: normal; color: #6d5e5e;}
#header .line {position: absolute; left: 30px; bottom: 10px; width: 940px; height: 1px; overflow: hidden; background: #dfdfdf;}

/* LEFT */
#left .index {margin: 0 0 30px; border: none; border-collapse: collapse;}
#left .index td {padding: 0 0 20px 30px; text-align: left; vertical-align: top;}
#left .index {}
#left .index h2 {margin: 0 0 5px; font: bold 19px "Tahoma", "Arial"; color: #626262;}
#left .index h2 a {text-decoration: none; color: #626262;}
#left .index p {font-size: 12px; line-height: 18px; color: #909090;}


#left h1 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#left h2 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#left h3 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#left h4 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#left h5 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#left h6 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}



/* RIGHT */
#right .text {margin: 0 0 30px 10px;}
#right .text h2 {margin: 0 0 5px; font: normal 19px "Tahoma", "Arial"; color: #9a8484;}
#right .text h2 span {color: #cecece;}
#right .text p {font-size: 12px; line-height: 18px; color: #626262;}

#right .subscribe {margin: 0 0 50px; padding: 10px; background: #efefef;}
#right .subscribe .txt {width: 160px; margin-right: 10px; margin-top: 5px;}
#right .subscribe h1 {margin: 0 0 2px; font: normal 18px "Lucida Grande", "Myriad Pro", "Verdana"; color: #555555;}
#right .subscribe p {margin-bottom: 5px; font: normal 12px "Lucida Grande", "Myriad Pro", "Verdana"; color: #555555;}

#right .banners {margin: 0 0 10px;}


/* FILL WIDTH CONTENT */
#content h1 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#content h2 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#content h3 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#content h4 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#content h5 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}
#content h6 {margin: 0 0 5px; font: bold 18px "Lucida Grande", "Myriad Pro", "Verdana";}

#content .otherStudios {margin: 10px 0 20px 26px; text-align: center;}
#content .otherStudios a {margin: 0 4px;}
#content .otherStudios {}
#content .otherStudios {}
#content .otherStudios {}
#content .otherStudios {}

#content .studioAbout {position: relative; width: 940px; height: 540px; overflow: hidden; margin: 0 30px 30px;}
#content .studioAbout .studio {position: absolute; left: 940px; top: 0; z-index: 10;}
#content .studioAbout #btnLeft {position: absolute; left: 20px; top: 250px; z-index: 100; display: none;}
#content .studioAbout #btnRight {position: absolute; right: 20px; top: 250px; z-index: 100; display: none;}
#content .studioAbout #slide1 {left: 0;}

#content .studioText {width: 940px; margin: 0 15px 40px; border: none; border-collapse: collapse;}
#content .studioText td {padding: 0 15px 20px;}
#content .studioText .half {width: 470px;}
#content .studioText p {margin: 0 0 10px; font-size: 12px; line-height: 18px;}
#content .studioText {}

#content .text {margin: 10px 30px 20px 30px;}

/* CATLOG */
#content .catalog {margin: 10px 0 0;}
#content .catalog h1 {margin: 0 0 20px 40px;}
#content .catalog h2 {clear: both; margin: 0 0 20px 35px; padding: 3px 5px; background: #ccc;}
#content .catalog h3 {margin: 0 0 20px 40px;}
#content .catalog h4 {margin: 0 0 20px 40px;}
#content .catalog h5 {margin: 0 0 20px 40px;}
#content .catalog h6 {margin: 0 0 20px 40px;}
#content .catalog .item {float: left; width: 200px; height: 310px; margin: 0 0 0 40px;}
#content .catalog .item .image {margin: 0;}
#content .catalog .item p {font-size: 12px; line-height: 18px;}
#content .catalog .item p.hdr {font-size: 18px;}
#content .catalog .catText {margin: 0 0 20px 40px; font: 13px "Arial";}
#content {}
#content clear {clear: both; width: 1px; height: 1px; overflow: hidden;}

/* SHOP */
#content .shop h2 {clear: both; margin: 0 0 20px 35px; padding: 3px 5px; background: #ccc;}
#content .shop table {width: 930px; margin: 0 0 20px 35px; font: 13px "Arial"; border: none; border-collapse: collapse;}
#content .shop th {padding: 0 0 4px; vertical-align: bottom; color: #999;}
#content .shop td {padding: 10px; text-align: left; vertical-align: middle; border-top: 1px dashed #777;}
#content .shop .dark td {background: #eee;}
#content .shop .image {width: 200px; text-align: center;}
#content .shop .article {width: 200px; text-align: center;}
#content .shop .text {text-align: left;}
#content .shop .price {width: 150px; text-align: center;}
#content .shop .shopText {margin: 0 0 20px 40px; font: 13px "Arial";}

/* FOOTER */
#footer {background: #101010;}
#banners {margin: 0 -20px 0 -5px; padding: 30px 0; min-height: 140px;}
#banners img {margin: 0 34px 10px;}
#legal {clear: both; padding: 5px 30px 4px; font-size: 12px; color: #cdcdcd; background: #101010;}
#counters {clear: both; margin: 10px 30px;}

