*    { border: 0; margin: 0; padding: 0; font-size: 13px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
body { background: #f0ecd8 url('images/bg-main.jpg') center top; color: #2d0808; }
html { overflow-y: scroll; }

p     { text-align: justify; padding: 5px 0; text-indent: 20px; }
p.no  { text-indent: 0; }
h1    { font-size: 18px; padding: 0 0 20px 0; }
h2    { font-size: 16px; padding: 10px 0; }
ul    { padding-left: 30px; }
ol    { padding-left: 30px; }
table { border-collapse: collapse; }
sup   { font-size: 9px; }

a       { color: #2d0808; text-decoration: underline; }
a:hover { text-decoration: none; }

body, html      { height: 100%; }
* html #wrapper { height: 100%; }
#wrapper        { min-height: 100%; position: relative; }
#footer         { position: absolute; bottom: 0; left: 0; }

#wrapper { width: 930px; margin: 0 auto; }
#footer  { width: 930px; height: 130px; background: url('images/lamp.png') no-repeat right top; z-index: 11; }

.head   { position: relative; height: 120px; }
.logo   { position: absolute; left: 45px; top: 8px; width: 120px; height: 100px; background: url('images/ob-design.png') no-repeat center center; }

.frames    { position: absolute; left: 240px; top: 0px; width: 690px; height: 108px; }
.frame     { float: left; padding: 9px; background: url('images/frame1.png') no-repeat center center; }
.frame div { overflow: hidden; position: relative; width: 120px; height: 90px; }
.frame a   { width: 120px; height: 90px; position: absolute; display: block; }

.body  { position: relative; padding: 25px 0 130px; z-index: 10; }
.side  { float: left; position: relative; }
.inner { margin-left: 240px; }

.copy   { padding-top: 50px; text-align: center; width: 213px; margin: 0 auto 0 0; }
.copy b { font-size: 11px; }
.cont   { text-align: center; width: 213px; margin: 0 auto 0 0; }
.cont   { font-size: 11px; line-height: 14px; }

/* menu */
ul.menu      { padding: 0; }
ul.menu li   { list-style-type: none; position: relative; }
ul.menu li   { height: 22px; width: 187px; background: url('images/bg-menu.png') no-repeat center center; padding: 15px 13px 15px; }
ul.menu li a { display: block; font-size: 18px; color: #fcfaec; text-align: center; text-decoration: none; position: relative; z-index: 20; }

.b1 { position: absolute; left: -2px; top: -6px; width: 86px; height: 49px; z-index: 0; background: url('images/bamboo1.png') no-repeat center center; }
.b2 { position: absolute; right: -10px; bottom: 6px; width: 78px; height: 99px; z-index: 0; background: url('images/bamboo2.png') no-repeat center center; }

/* about */
div.me { float: right; width: 200px; padding: 0 12px 12px 20px; background: url('images/corner2.png') no-repeat right bottom; }
img.me { width: 199px; height: 250px; }

/* contacts */
.alert   { color: #f00; }
.failure { color: #f00; font-weight: bold; }
.success { color: #2a2; font-weight: bold; }

input    { border: 2px solid #49100f; padding: 2px; width: 400px; }
textarea { border: 2px solid #49100f; padding: 2px; width: 400px; }

table.contact           { margin: 0 auto; }
table.contact td        { line-height: 20px; vertical-align: top; padding: 2px; }
table.contact td.btn    { text-align: center; }
table.contact input.btn { width: 100px; color: #fcfaec; background-color: #49100f; }

/* portfolio */
ul.groups      { padding: 10px 0 0; }
ul.groups li   { list-style-type: none; position: relative; width: 242px; }
ul.groups li.l { margin: -24px auto 0 0; }
ul.groups li.r { margin: 0 0 0 auto; }

ul.groups li.l .img   { padding: 12px 0 0 12px; background: url('images/corner1.png') no-repeat left top; }
ul.groups li.r .img   { padding: 0 12px 12px 0; background: url('images/corner2.png') no-repeat right bottom; }
ul.groups li   .img   { width: 230px; height: 173px; }
ul.groups li   .img a { width: 230px; height: 173px; display: block; }

ul.groups li   .url   { padding: 0 12px; position: absolute; }
ul.groups li.l .url   { text-align: left; top: -40px; left: 0; }
ul.groups li.r .url   { text-align: right; bottom: -40px; right: 0; }
ul.groups li   .url a { display: block; font-size: 24px; font-weight: bold; text-decoration: none; line-height: 40px; width: 230px; }


ul.items      { padding: 10px 0 0; }
ul.items li   { list-style-type: none; position: relative; }

ul.items li.l .img   { margin: 0 auto 0 0; }
ul.items li.r .img   { margin: 0 0 0 auto; }
ul.items li   .img   { width: 120px; height: 90px; padding: 9px; background: url('images/frame1.png') no-repeat left top; }
ul.items li   .img a { width: 120px; height: 90px; display: block; }

ul.items li   .url   { line-height: 20px; font-size: 12px; font-weight: bold; }
ul.items li   .url   { position: absolute; top: 44px; }
ul.items li.l .url   { text-align: left; left: 138px; }
ul.items li.r .url   { text-align: right; right: 138px; }


table.item           { margin: 0 auto; width: 690px; }
table.item td        { vertical-align: top; }
table.item td.info   { text-align: justify; padding-right: 10px; }
table.item td.images { width: 138px; text-align: left; }

table.item div.block     { text-align: center; font-size: 11px; font-weight: bold; }
table.item div.block div { width: 120px; height: 90px; padding: 9px; background: url('images/frame1.png') no-repeat left top; }

div.nav { text-align: center; font-weight: bold; line-height: 30px; }


/* new portfolio */
table.object          { float: left; }
table.object td.img   { padding: 12px 9px; background: url('images/frame1.png') no-repeat center center; }
table.object td.img a { width: 120px; height: 90px; display: block; }
table.object td.url   { width: 180px; padding: 12px 9px; vertical-align: middle; text-align: left; }
table.object td.url a { font-size: 12px; font-weight: bold; text-decoration: none; }


/* services */
table.prices    { margin: 0 auto; }
table.prices tr { border: 1px dotted #2d0808; }
table.prices td { font-weight: bold; padding: 5px 10px; }

ul.prices li a { font-weight: bold; }

/* list */
ul.list1 li   { line-height: 30px; }
ul.list1 li a { font-weight: bold; }