@import 'lightbox.css';

body { font-size: 1em;}
#pg {margin: 15px auto; padding: 0; width: 856px; position: relative;}

/*header*/
#hdr {background: url(../images/bg-hdr.gif) no-repeat top right; position: relative; width: 100%; height: 176px;}
#hdr h1 {background: url(../images/bg-logo.gif) no-repeat top left; width: 194px; height: 176px; top: 0; left: 0; position: absolute;}
#hdr h1 a {background: none; width: 70px; height: 70px; top: 74px; left: 56px; position: absolute; display: block;}
#hdr ul#mnlnks {background: url(../images/bg-mnlnks.gif) no-repeat; width: 448px; height: 176px; margin: 0 0 0 194px; position: relative;}
#hdr ul#mnlnks li {list-style: none; display: inline;}
#hdr ul#mnlnks li a#opmnlnk {width: 79px; height: 25px; bottom: 31px; left: 19px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#opmnlnk:hover, .prdcts #hdr ul#mnlnks li a#opmnlnk {background: url(../images/mnav-oplnk.gif) no-repeat;}
#hdr ul#mnlnks li a#oprmnlnk {width: 80px; height: 25px; bottom: 31px; left: 140px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#oprmnlnk:hover, .prefabs #hdr ul#mnlnks li a#oprmnlnk {background: url(../images/mnav-oprlnk.gif) no-repeat;}
#hdr ul#mnlnks li a#ammnlnk {width: 82px; height: 25px; bottom: 31px; left: 255px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#ammnlnk:hover, .abtmfnty #hdr ul#mnlnks li a#ammnlnk {background: url(../images/mnav-amlnk.gif) no-repeat;}
#hdr ul#mnlnks li a#cumnlnk {width: 56px; height: 25px; bottom: 31px; left: 385px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#cumnlnk:hover, .cntcts #hdr ul#mnlnks li a#cumnlnk {background: url(../images/mnav-culnk.gif) no-repeat;}

/*content area*/
#cntnt {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#cntnt:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/*main area*/
#mn {background: #FFFFFF url(../images/bg-mn.gif) repeat-x; color: #000000; float: left; margin-left: 194px; width: 338px; height: 275px; position: relative;}/*see ie.css for fixes*/
#mn h2 {width: 295px; height: 35px; margin: 0 0 10px 15px;}
/*page titles*/
#prdcts #mn h2 {background: url(../products/images/ttl-product-line.gif) no-repeat;}
#mcrsystm #mn h2 {background: url(../prefabs/images/ttl-mcrsystm.gif) no-repeat;}
#sfsqrd #mn h2 {background: url(../products/images/ttl-sfsqrd.gif) no-repeat;}
#mcrsystmfaqs #mn h2 {background: url(../prefabs/images/ttl-m-faqs.gif) no-repeat;}
#faqs #mn h2 {background: url(../products/images/ttl-faqs.gif) no-repeat;}
#phlsphy #mn h2 {background: url(../about/images/ttl-phlsphy.gif) no-repeat; width: 310px;}
#bio #mn h2 {background: url(../about/images/ttl-bio.gif) no-repeat;}
#media #mn h2 {background: url(../about/images/ttl-media.gif) no-repeat;}
#cntcts #mn h2 {display: none;}
/*end page titles*/
#mn #cpy {position: relative; height: 205px; overflow: hidden;}
.cntcts #mn #cpy {height: 255px;}
#mn #cpy #cntntcpy {position: relative;}
#mn #cpy #cntntcpy h4 {background: #F5F5F5; color: #333; font-size: 1em; font-weight: bold; margin: 0 15px 0 15px; line-height: 1.4; text-transform: uppercase;}
#mn #cpy #cntntcpy h5 {background: #F5F5F5; color: #333; font-size: 1em; font-weight: bold; margin: 0 15px 0 15px; line-height: 1.4;}
#mn #cpy #cntntcpy p {background: #F5F5F5; color: #333; margin: 0 15px 14px 15px; line-height: 1.4;}
#mn #cpy #cntntcpy ul {background: #F5F5F5; color: #333; font-size: 1em; margin: 0 15px 10px 35px;}
#mn #cpy #cntntcpy ul li {line-height: 1.4;}
#mn #cpy #cntntcpy ul li h5 {margin: 0;}
#mn #cpy #cntntcpy ul li p {margin: 0 0 10px 0;}
#mn #cpy #cntntcpy #faqsList ul li h5 {cursor: pointer;}
#mn #cpy #cntntcpy p {background: #F5F5F5; color: #333; margin: 0 15px 14px 15px; line-height: 1.4;}
#mn #cpy #cntntcpy a {background: #F5F5F5; color: #D39B75;}
#mn #cpy #cntntcpy p a#showallfaq {cursor: pointer;}
#mn ul#scrllbr {background: url(../images/mn-arrws.gif) no-repeat; width: 39px; height: 8px; bottom: 12px; right: 20px; position: absolute; display: none;}
#mn ul#scrllbr li {list-style: none; display: inline;}
#mn ul#scrllbr li a#pgup {width: 19px; height: 8px; display: block; position: absolute; cursor: pointer;}
#mn ul#scrllbr li a#pgdn {width: 19px; height: 8px; display: block; left: 20px; position: absolute; cursor: pointer;}
.cntcts #mn ul#scrllbr {background: none !important; display: none !important;}
#mn #cpy #cntntcpy form {background: #F5F5F5; color: #333; margin: 0 15px 14px 15px; line-height: 1.4; position: relative;}
.cntcts #mn #cpy #cntntcpy form label {display: block;}
.cntcts #mn #cpy #cntntcpy form input {display: block;}
.cntcts #mn #cpy #cntntcpy form textarea {display: block;}
#mn #cpy #cntntcpy form button {margin: 5px 0 0 0; border: 1px outset #333;}

/*sidebar area*/
#sdbr {background: url(../images/bg-sdbr.gif) no-repeat top right; float: left; margin-left: -532px; width: 194px; height: 301px; position: relative;}
#sdbr #sdbrnnr {bottom: 0; position: absolute;}
#sdbr #sdbrnnr h3 {width: 194px; height: 39px; margin: 89px 0 0 0;}
.prdcts #sdbr #sdbrnnr h3 {background: url(../products/images/sdbr-hdr-ourproducts.gif) no-repeat}
#prdcts #sdbr #sdbrnnr h3 {background: url(../products/images/sdbr-hdr-ourproducts.gif) no-repeat;}
#sfsqrd #sdbr #sdbrnnr h3 {background: url(../products/images/sdbr-hdr-ourproducts.gif) no-repeat;}
.prefabs #sdbr #sdbrnnr h3 {background: url(../prefabs/images/sdbr-hdr-prefabs.gif) no-repeat;}
.abtmfnty #sdbr #sdbrnnr h3 {background: url(../about/images/sdbr-hdr-abtmfnty.gif) no-repeat;}
.cntcts #sdbr #sdbrnnr h3 {background: url(../contact/images/sdbr-hdr-cntct.gif) no-repeat;}
/*level 1*/
#sdbr #sdbrnnr ul#sblnks {background: #F9E0C3 url(../images/bg-sdbrnnr.gif) no-repeat bottom left; padding: 10px 0 10px 0; width: 180px; min-height: 150px;}
#sdbr #sdbrnnr ul#sblnks li {list-style: none; display: inline;}
#sdbr #sdbrnnr ul#sblnks li.nolnk {color: #575757; list-style: none; display: block; margin: 0 0 10px 0; padding: 0 0 0 25px;}
#sdbr #sdbrnnr ul#sblnks li .nolnk {background: url(../images/sdbr-lvl1-bg01.gif) no-repeat 20px 4px; color: #575757; list-style: none; display: block; margin: 0px 0 0 0; padding: 0 0 0 25px; font-size: 1.1em;}
#sdbr #sdbrnnr ul#sblnks li a {background: #F9E0C3 url(../images/sdbr-lvl1-bg01.gif) no-repeat 20px 7px; color: #575757; width: 137px; display: block; font-size: 1.1em; text-decoration: none; padding: 0 0 0 25px; line-height: 1.6;}
#sdbr #sdbrnnr ul#sblnks li a:hover, #sdbr #sdbrnnr ul#sblnks li a.slctd {background: #F9E0C3 url(../images/sdbr-lvl1-bg02.gif) no-repeat 20px 7px;; color: #D39B75;}
/*level 2*/
#sdbr #sdbrnnr ul#sblnks li ul {margin: 0 0 0 6px;}
#sdbr #sdbrnnr ul#sblnks li ul li a {background: #F9E0C3 url(../images/sdbr-lvl2-bg01.gif) no-repeat 20px 6px; color: #575757; width: 131px; line-height: normal;}
#sdbr #sdbrnnr ul#sblnks li ul li a:hover, #sdbr #sdbrnnr ul#sblnks li ul li a.slctd {background: #F9E0C3 url(../images/sdbr-lvl2-bg02.gif) no-repeat 20px 6px; color: #D39B75;}

/*3rd column*/
#mn_2  {background: #fff; color: #000; width: 324px; height: 335px; float: left; position: relative;}
#mcrsystm #mn_2 {background: url(../prefabs/images/mcrsystm-gllry.jpg) no-repeat;}
#mcrsystmfaqs #mn_2 {background: url(../prefabs/images/mcrsystm-gllry.jpg) no-repeat;}
#sfsqrd #mn_2 {background: url(../products/images/sofa-gllry.jpg) no-repeat;}
#phlsphy #mn_2 {background: url(../about/images/phlsphy-gllry.jpg) no-repeat;}
#bio #mn_2 {background: url(../about/images/bio-gllry.jpg) no-repeat;}
#media #mn_2 {background: url(../about/images/media-gllry.jpg) no-repeat;}
#cntcts #mn_2 {background: url(../contact/images/cntcts-gllry.jpg) no-repeat;}
.prdcts #mn_2 {background: url(../products/images/products-gllry.jpg) no-repeat;}
#mn_2 ul#mn_2lnks li {list-style: none;}

/*footer*/
#ftr {background: #FFFFFF; color: #000000; clear: both; position: relative;}
#ftr ul#ftrlnks {width: 100%; height: 3.5em;}
#ftr ul#ftrlnks li {list-style: none; display: inline;}