* { margin:0; padding:0;}
body { background:#000000}
html, input, textarea, select{font-family:arial; font-size:100%; color:#393939; font-weight:normal; font-size:0.75em; line-height:1.41em}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

p {margin:0; padding:0;}

h1 { font-family:Times New Roman, Times, Serif; line-height: 1em; font-size:20px; color:#000000;}
.pos{ position:absolute; margin:0; padding:0;
    top: 32px;
    left: 94px;
}

h2 { font-family:Times New Roman, Times, Serif; line-height:2.5em; font-size:18px; color:#000000; padding-top:10px;}

ul { margin:0; padding:0; list-style:none; line-height:2em; width:100%}
ul li a { color:#c7440b; text-decoration:none; font-size:1em}
ul li a:hover{ text-decoration: underline}


/*txt, links*/
span{ color:#7a3232} 

a{ color:#7a3232; text-decoration:none; font-size:0.91em}
a:hover{ text-decoration: underline}

span a{ color:#1b1b1b; text-decoration:none; font-size:0.91em}
span a:hover{ text-decoration: underline}

 
/*header*/
#header .row1{ height:70px; width:100%; background:url(images/r1_shape.gif) no-repeat left bottom}
#header .row1 .div{ padding:10px 0 0 53px}
#header .row2{ height:44px; width:100%; background:url(images/menu_rep.gif)}
#header .row2 .left{ background:url(images/menu_left.gif) no-repeat }
#header .row2 .right{ background:url(images/menu_right.gif) no-repeat right top; height:44px; padding-left:61px}

#header .row3{ height:200px; width:100%}
#header .row3 .col1{ width:60px; background:url(images/r3_left.gif) no-repeat right top; height:200px}
#header .row3 .col2{ width:644px; background:#ffffff; height:200px; }
#header .row3 .col2 img{ padding:0 0 0 0; margin: 0 0 0 5px}
#header .row3 .col3{ width:62px; background:url(images/r3_right.gif) no-repeat; height:200px}

#header .row4{ height:15px; width:766px}
#header .row5{ height:116px; width:100%}
#header .row5 .col1{ width:60px; height:116px; background:url(images/r5_left.gif) no-repeat}
#header .row5 .col2{ width:644px; height:116px; background:#FFFFFF}
#header .row5 .col2 img{ margin:0 5px 0 0}
#header .row5 .col2 div{ padding-left:7px}
#header .row5 .col3{ width:62px; height:116px; background:url(images/r5_right.gif) no-repeat}

/*content*/
#content .col_2{ background:url(images/cont_bg.gif) repeat-x #d8d7c0}
#content .bg{ background:url(images/p1_r1_bg.gif) repeat-x #c8c7b0}
#content .bg1{ background:#9f9e8c; width:100%}

#content p{ padding-bottom:15px}

#content .im{ vertical-align:middle; margin-right:7px}

#content .title{ margin-bottom:10px}

#content .indent{ padding:30px 30px 20px 30px}
#content .indent1{ padding:22px 25px 25px 31px}
#content .indent2{ padding:30px 30px 15px 30px}

/*footer*/
#footer{ font-family:verdana; font-size:smaller; color:#c4c4c4}
#footer a{ color:#c4c4c4; text-decoration:underline}
#footer a:hover{ text-decoration:none}
#footer div{ padding:10px 0 0 60px}
#footer span a{ color:#949494; text-decoration:none}
#footer span a:hover{ text-decoration:underline}

/*================== index.html ==================*/
#page1 #content .col1 .row1{ width:100%}
#page1 #content .col1 .row2{ width:100%; padding-top:2px}
#page1 #content .col1 .row3{ width:100%; height:38px}

#page1 #content .col1 .row1 .indent{ padding:35px 15px 37px 32px}
#page1 #content .col1 .row1 .indent .title{ margin-bottom:29px}
#page1 #content .col1 .row1 .indent span{ font-size:0.91em}

#page1 #content .col1 .row2 .indent{ padding:25px 20px 19px 31px}
#page1 #content .col1 .row2 .indent .title{ margin-bottom:22px}
#page1 #content .col1 .row2 .indent input{ width:146px; height:21px; vertical-align:middle; background:#FFFFFF; color:#393939; font-size:1em; font-family:arial}
#page1 #content .col1 .row2 .a{ color:#FFFFFF; font-size:1em; text-decoration:underline; display:block; padding-top:11px}
#page1 #content .col1 .row2 .a:hover{ text-decoration:none}
#page1 #content .col1 .row2 .img{ vertical-align:middle; margin-left:14px}

#page1 #content .col2 .indent{ padding:36px 22px 0px 27px}
#page1 #content .col2 .title{ margin-bottom:30px}
#page1 #content .col2 b{ color:#7a3232; font-weight:normal; font-size:1.2em}
#page1 #content .col2  .alignright{ padding:13px 10px 39px 0}
#page1 #content .col2 .img{ float:left; margin-right:7px}
#page1 #content .col2 .ind{ margin-left:35px; padding-right:10px}
#page1 #content .col2 .alignright1{ padding:0 15px 10px 0; color:#c74107; text-align:right; font-weight:bold}


/*================== stairs.html ==================*/
#page2 #content .col1 .indent{ padding:32px 25px 0px 30px}
#page2 #content .col1 em{ padding: 0 0 23px 20px; color:#191919; display:block}

#page2 #content .col2 .row1{ background:url(images/bg.gif) repeat-x #c5c4ab; width:100%}
#page2 #content .col2 .row1 .indent{ padding:32px 40px 15px 32px}
#page2 #content .col2 .row1 .block{ width:197px; height:100px}
#page2 #content .col2 .row1 .block .c1{ color:#c7440b; width:90px; float:left}
#page2 #content .col2 .row1 .block .c2{ width:100px; float:left}

#page2 #content .col2 .row2 { padding:2px 0 0px 0}
#page2 #content .col2 .row2 .bg{ background:#cccbb6 url(images/bg1.gif) repeat-x}
#page2 #content .col2 .row2 .bg .indent{ padding:33px 30px 20px 32px}
#page2 #content .col2 .row2 span{ font-size:0.91em}

/*================== workshop.html ==================*/
#page3 #content .col1 .row1{ width:100%}
#page3 #content .col1 .row1 ul{ margin-bottom:20px}

#page3 #content .col1 .row2{ width:100%; padding-top:2px}
#page3 #content .col1 .row2 b{ color:#FFFFFF}
#page3 #content .col1 .row3{ width:100%; height:38px}
#page3 #content .col2 .img{ float:left; margin:0 16px 21px 0}


/*================== joinery.html ==================*/
#page4 #content .row1{ width:100%; background:url(images/bg2.gif) repeat-x #d1cfb5}
#page4 #content .row1 .img{ float:left; margin-right:16px}
#page4 #content .row2{ width:100%; background:#cccbb6 url(images/bg1.gif) repeat-x}
#page4 #content .row2 .block{ width:581px; height:75px}
#page4 #content .row2 .block .c1{ width:210px; float:left}
#page4 #content .row2 .block .c2{ width:200px; float:left}
#page4 #content .row2 .block .c3{ width:171px; float:left}
#page4 #content .row3 { height:38px; width:100%}

/*================== contacts.html ==================*/
#page5 #content .col1 .img{ margin-right:17px}
#page5 #content .col1 .indent{ padding-bottom:66px}

#page5 #content .col2{ padding-bottom:0px}
#page5 #content .col2 .bg{ background:url(images/p1_r1_bg.gif) repeat-x #c8c7b0}
#page5 #content .col2 .block{ width:212px}
#page5 #content .col2 .block .row{ height:60px}
#page5 #content .col2 .block input{ width:209px; height:18px; background:#FFFFFF; border:#8c8f7f 1px solid; color:#394242; font-family:arial; font-size:1em}
#page5 #content .col2 .block textarea{ width:209px; height:150px; background:#FFFFFF; border:#8c8f7f 1px solid; color:#394242; font-family:arial; font-size:1em; overflow:auto; margin-bottom:5px}