html, body { height: 100%; }
body { color: #1c2622; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px; height: 100%; padding: 0; margin: 0; background: #1c2622; }
img { border: 0; }
a { color: #fefefe; }

.small { font-size: 12px !important; }
.clear-both { clear: both; }

.contact-column-1 { float: left; width: 255px; padding: 0 0 0 40px; }
.contact-column-2 { float: left; width: 375px; padding: 0 0 0 20px; }

.contact { height: 158px; margin: -155px 0 0 0; background: #ff7c00; }
.contact-btn { cursor: pointer; position: absolute; margin: 158px 0 0 0; }
.contact label { display: block; padding: 8px 0 4px 0; }
.contact input, .contact textarea { display: block; width: 100%; background: none; border: 0; border-bottom: #c35e00 1px solid; }
.contact textarea { height: 101px; }
.contact .contact-submit { float: right; width: auto; border: 0; }
.contact .msg { padding: 20px; }

.logo { padding: 0 0 15px 0; }

.options { position: fixed; width: 158px; height: 700px; background: #ff7c00; margin: 165px 0 0 -155px; z-index: 1002 }
.options-btn { cursor: pointer; float: right; margin: 0 -26px 0 0; }
.options-ul { padding: 0; margin: 0 8px 0 8px; list-style: none; text-transform: uppercase; color: #ffffff; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; }
.options-ul li { padding: 8px 0 0 0; margin: 0; }
.options-ul li ul { color: #1c2622; font-size: 12px; text-transform: none; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding: 0; margin: 0; list-style: url(images/li.jpg); border-top: #b6600b 2px solid; }
.options-ul li ul li { cursor: pointer; padding: 0 0 0 0px; margin: 0;  border-bottom: #b6600b 1px solid; list-style-position: inside; }
.options-ul li ul li:hover { color: #ac2622 }

.header { font-family: Georgia, "Times New Roman", Times, serif; color: #3F331D; font-size: 75px; line-height: 70px; font-weight: lighter; position: absolute; padding: 0 0 0 65px; z-index: 99; }

.portfolio { list-style: none; font-size: 12px; line-height: 12px; padding: 75px 0 0 10px; margin: 0 0 0 60px; background: url() no-repeat; position: absolute; z-index: 100; }
.portfolio li { cursor: pointer; display: inline-block; vertical-align: top; width: 198px; height: 225px; padding: 0 3px 16px 0; background: url(images/portfolio-item-bg.gif) no-repeat;  }
.portfolio-item-img { margin: 8px; height: 175px; background: no-repeat center center; border-bottom: dashed 1px #666666; }
.portfolio-item-title { color: #666666; font-family: Arial, Helvetica, sans-serif; text-align: center; font-style: normal; text-transform: uppercase; }
.portfolio-item-year { color: #999999; text-align: center; }

.portfolio-detail { display: none; font-size: 14px; position: fixed; height: 120%; width: 100%; background: url(images/detail-bg.png); z-index: 1003; }
.portfolio-detail-body { position: absolute; top: 20%; width: 100%; text-align: center; }
.portfolio-detail-top { color: #999999; font-size: 14px; width: 45%; text-align: center; display: inline-block; }
.portfolio-detail-itemname { color: #ff7c00; font-family: Arial, Helvetica, sans-serif; font-style: normal; }
.portfolio-detail-client { color: #fefefe;  font-style: normal; }
.portfolio-detail-kind { color: #999999;  font-style: normal; }
.portfolio-detail-year { color: #999999; }
.portfolio-detail-currentimage { color: #fefefe; font-size: 14px; font-weight: bold; }
.portfolio-detail-totalimages {  font-size: 14px; font-weight: bold; padding: 0 40px 0 0; }
.portfolio-detail-close { vertical-align: middle; padding: 0 0 0 10px; }
.portilio-detail-slides { width: 100%; height: 600px; padding: 0; margin: 0; list-style: none; white-space: nowrap; overflow: hidden; }
.portilio-detail-slides li { display: inline-block; width: 100%; height: 100%; padding: 0; margin: 0; background: no-repeat center center; }
.portfolio-detail-description { color: #cccccc; font-size: 12px; width: 700px; margin: 0 auto; }
.portfolio-detail-inactive { color: #3e4844; }