html {height:100.1%;}
body {background:#595959 url(../pix/bg.jpg) no-repeat 50% 50%; font-family:verdana,sans-serif; margin: 0;padding:0; font-size: 12px; width: 1013px; color: #000;}

.layout {background:#fff; border-top:#000 1px solid; border-right:#000 1px solid; border-bottom:#000 1px solid; width:1013px; height:665px; position:absolute; top: 50%; left: 50%; margin: -333px 0 0 -506px;}

img {border:0; margin:0; padding:0;}

.clearleft {clear:left; font-size: 0; line-height: 0;}
.clear {clear:both;}

noscript {color: #FFF; font-family: verdana,sans-serif; font-size: 16px; line-height: 2em;}

/* header */
#header {background: #B20D0E; border-bottom: 1px solid #000; padding-right: 13px; height: 65px;}
a.home {background: url(../pix/logo.gif); width: 144px; height: 65px; display: block; float: left;}
a.home span {display: none;}

/*gallery*/
table#gallery {vertical-align: top;}
/*#gallery img {}*/
#gallery div a {background: #000; display: block;}
div.hover {opacity:.20; filter:alpha(opacity=20); -moz-opacity:0.20; background:#000; margin:0; padding:0; position:absolute; z-index:1; width:90px; height:90px;}
div.antihover {margin:0; padding:0; position:absolute; z-index:1; width:90px; height:90px; cursor: pointer;}
#gallery tr td {height: 92px; background:#fff;}
#gallery tr td img {height:90px;}
#gallery tr.label td, #loadarea .label {height: 20px; font-family: arial, verdana, helvetica; font-size: 10px; vertical-align: top; padding-top: 1px;}
#gallery tr.label td i,  #loadarea .label i {color: #999999; font-style: normal;}
#gallery tr.label td {white-space: nowrap;}
#loadarea img {border: 1px solid #000;}
#loadarea {text-align: center; margin:0 7px 0 0;}
#loadarea .label {text-align: right; margin-right: 10px;}


/*structure*/
div.main {width:1013px; margin-top: 14px;}
#lc {float: left; width: 228px; text-align: left;}
#lc .margin {margin: 0 19px 0px 10px; text-align: left;}
#rc {float: left; width:780px; text-align: left;}

/*footer*/
#footer {font-family: arial, verdana, helvetica; color: #BB9999; font-size: 12px; text-align: left; width: 1013px; background: #B20D0E; border-top: 1px solid #000; padding-top: 1px; position: absolute; top: 643px; left: 0;}
#footer .navi {height: 20px; float:left; margin-left: 228px;}
#footer .navi_text {height: 20px; float:left; margin-left: 228px;}
#footer a {text-decoration: none;}
#footer a b {color: #fff; font-weight: normal;}
#footer a:link, #footer a:visited {color: #BB9999;}
#footer a:focus, #footer a:hover {color: #fff;}

#footer #biglabel {float:left;  height:20px; margin-left:500px; position:absolute; width:415px !important;}
#footer #biglabel i {color: #fff; font-style: normal;}


/*content*/
#rc div.content-left {float: left; width: 365px; text-align: left; line-height: 16.5px;}
#rc div.content-left div.margin {margin-right: 25px;}
span.big {font-size: 14px; line-height: 19px; letter-spacing: 0.02em; color: #7F7F7F; font-weight: bold; }
/*span.big {font-size: 14px; line-height: 19px; letter-spacing: 0.02em; }*/
#rc .navi {float: left; font-size:11px; margin-top:10px;}



/*headlines*/
h1 {font-size: 1.6em; color: #000; font-weight: normal; margin: 54px 0 16px 0; width: 332px; height: 38px;voice-family: "\"}\""; voice-family:inherit; width: 335px;}
h1 span {display: none;}
#aboutus h1 {margin: 49px 0 16px 0;}

h2 {font-size: 1em; color: #000;  margin: 0 0 7px 0;}
h3 {font-size: 1.2em; color: #000; font-weight: normal; margin: 0 0 0 0;}
h4 {font-size: 1em; color: #000; font-weight: normal; margin: 0 0 0 0;}

/*links*/
a:link, a:visited {color: #B20D0E; text-decoration: none;}
a:focus, a:hover {color: #000; text-decoration: none;}

a.start:link, a.start:visited {color: #FFF; text-decoration: none;}
a.start:focus, a.start:hover {color: #000; text-decoration: none;}

a[href $='.pdf']:link, a[href $='.pdf']:visited {color: #B20D0E;}
a[href $='.pdf']:hover, a[href $='.pdf']:focus {color: #7F7F7F;}

/*rulers*/
div.hr  {background: #E5E5E5 ; height: 1px;}
div.hr hr {display: none;}

/*lists*/
ul li {position: relative; left: -25px;}
ul.spacer li {margin-bottom: 7px;}

/*tables*/
table {background: #fff; font-size: 11px;}
table table td {background: #F7F5F3; vertical-align: top;}
table table th {border-bottom: 3px double #000;color: #5F5F5F; font-size: 12px;}

/*navigation*/
div.more {display: none;}/*{margin: 0px 7px 0 140px; position: absolute; top: 540px;}*/
div.more a {width: 57px; height: 10px; display: block;background: url(../pix/more.gif);}
div.more a span {display: none;}
div.more a:link,  div.more a:visited {}
div.more a:focus, div.more a:hover {background-position: 0px -20px;}

div.next  {margin: 0px 12px 0 722px; position: absolute; top: 540px;}
div.next a {width: 51px; height: 10px; display: block;background: url(../pix/next.gif);}
div.next a span {display: none}
div.next a:link,  div.next a:visited {}
div.next a:focus, div.next a:hover {background-position: 0px -20px;}

div.paging {position:absolute; top: 525px; right: 448px; text-align: right !important; font-size: 11px;}


/*main*/
#mmenue {float: right;}
#mmenue a {display: block; float: left; width: 99px; height: 65px; margin-right: 9px; background-repeat: no-repeat;}
#mmenue a span{display: none;}
a.aboutus:link, a.aboutus:visited {background: url(../pix/menue/aboutus.gif);}
#aboutus a.aboutus, a.aboutus:focus, a.aboutus:hover {background: url(../pix/menue/aboutus.gif); background-position: 0px -75px;}

a.floors:link, a.floors:visited {background: url(../pix/menue/floors.gif);}
#floors a.floors, a#floors, a.floors:focus, a.floors:hover {background: url(../pix/menue/floors.gif); background-position: 0px -75px;}

a.beams:link, a.beams:visited {background: url(../pix/menue/beams.gif);}
#beams a.beams, a.beams:focus, a.beams:hover {background: url(../pix/menue/beams.gif); background-position: 0px -75px;}

a.siding:link, a.siding:visited {background: url(../pix/menue/siding.gif);}
#siding a.siding, a.siding:focus, a.siding:hover {background: url(../pix/menue/siding.gif); background-position: 0px -75px;}

a.cabinetry:link, a.cabinetry:visited {background: url(../pix/menue/cabinetry.gif);}
#cabinetry a.cabinetry, a.cabinetry:focus, a.cabinetry:hover {background: url(../pix/menue/cabinetry.gif); background-position: 0px -75px;}

/*sub*/
.smenue {width: 200px; margin: 7px 0 40px 0;}

.smenue a {display: block; height: 15px; background-repeat: no-repeat; background-position: 3px 0px;}
.smenue a span {display: none;}
.smenue div.hr {margin: 3px 0 4px 0;}
a.showroom:link, a.showroom:visited {background-image: url(../pix/menue/showroom.gif);}
#showroom a.showroom, a.showroom:focus, a.showroom:hover {background-image: url(../pix/menue/showroom.gif); background-position: 3px -40px;}

a.why:link, a.why:visited {background-image: url(../pix/menue/why.gif);}
#why a.why, a.why:focus, a.why:hover {background-image: url(../pix/menue/why.gif); background-position: 3px -40px;}

a.how:link, a.how:visited {background-image: url(../pix/menue/how.gif);}
#how a.how, a.how:focus, a.how:hover {background-image: url(../pix/menue/how.gif); background-position: 3px -40px;}

a.guarantee:link, a.guarantee:visited {background-image: url(../pix/menue/guarantee.gif);}
#guarantee a.guarantee, a.guarantee:focus, a.guarantee:hover {background-image: url(../pix/menue/guarantee.gif); background-position: 3px -40px;}

a.environment:link, a.environment:visited {background-image: url(../pix/menue/environment.gif);}
#environment a.environment, a.environment:focus, a.environment:hover {background-image: url(../pix/menue/environment.gif); background-position: 3px -40px;}

a.who:link, a.who:visited {background-image: url(../pix/menue/who.gif);}
#who a.who, a.who:focus, a.who:hover {background-image: url(../pix/menue/who.gif); background-position: 3px -40px; background-position: 3px -40px;}

a.with:link, a.with:visited {background-image: url(../pix/menue/with.gif);}
#with a.with, a.with:focus, a.with:hover {background-image: url(../pix/menue/with.gif); background-position: 3px -40px;}

a.contact:link, a.contact:visited {background-image: url(../pix/menue/contact.gif);}
#contact a.contact, a.contact:focus, a.contact:hover {background-image: url(../pix/menue/contact.gif); background-position: 3px -40px;}


/*downloads*/
div.li, div.spec {float: left; margin: 0; border-bottom: 1px solid #E5E5E5;}
div.li {width: 46%; background: url(../pix/li.gif) 0 5px no-repeat; padding-left: 4%;}
ul.lif {margin:10px 0; list-style:none; padding:0 0 0 25px;}
ul.lif li {background: url(../pix/li.gif) 0 5px no-repeat; border-bottom: 1px solid #E5E5E5; margin:2px 0; padding:0 0 3px 13px;}
div.spec {width: 50%; text-align: right;}

/*with*/
table.links {width: 772px; color: #999999; font-size: 12px;}
table.links a {background: url(../pix/li.gif) 0 4px no-repeat; padding-left: 13px; position:relative; left: -12px;}
table.links th {border-bottom: 1px solid #000;}
table.links th b {visibility: hidden;}
table.links tr td {height: 23px; border-bottom: 1px solid #E5E5E5;}

/*form*/
table.request {width: 100%;}
*html table.request {width: 750px;}
table.request td.label {text-align: right;}
table.request td { background: #EFEFEF;  line-height: 15px;}
table.request td.hr { background: #fff; font-size: 2px; line-height: 2px; padding: 0px;}
/*table.request tr td.hr {background: #E5E5E5; height: 10px;}*/
table.request input, table.request textarea, table.request select {border: 1px solid #3F3F3F; margin: 7px;}
table.request label, table.request div.label  {white-space: nowrap; margin: 7px 0 0px 7px;}
.redstar {color: #B20D0E; font-weight: bold;}


iframe {border: 1px solid #000;}
* html iframe {overflow:auto;}