@import "content.css";
/*   general styles   */
body, html { padding: 0; margin: 0; background-color: #b1b8bc; height: 100%; min-width: 980px; }

body, td, th, select, input, textarea, h2, h3, h4, h5, h5, h6 { font: normal 15px/1.4em Arial, sans-serif; color: #323436; }
    .decoration td, .decoration th, .decoration h2, .decoration h3, .decoration h4, .decoration h5, .decoration h6, .decoration div, .decoration p { color: #fff; }
    .engineering td, .engineering th, .engineering h2, .engineering h3, .engineering h4, .engineering h5, .engineering h6, .engineering div, .engineering p { color: #a7aecb; }
p  { margin: 0 0 8px 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
h1 { font-size: 30px; line-height: 21px; font-weight: normal; color: #323436; padding: 0; margin: 0 0 24px 0; }
    .building h1 { color: #3f382b; }
    .decoration h1 { color: #fff; }
    .engineering h1 { color: #fff; }
h2 { font-size: 21px; line-height: 21px; font-weight: bold; color: #393c3f; padding: 0; margin: 0 0 12px; }
    h2 a, h2 a:hover { color: #393c3f;}

.textContent h2 { font-size: 18px; color: #323436; }


h3 { font-size: 18px; line-height: 21px; font-weight: normal; color: #fefefe; padding: 0; margin: 0 0 10px; }
h4 { font-size: 13px; line-height: 1.2em; font-weight: normal; color: #353535; padding: 0 0 0 32px; margin: 0; }
h5 { font-size: 13px; line-height: 1.2em; font-weight: bold; color: #353535; padding: 0; margin: 20px 0 10px; }


a { color: #fff; text-decoration: underline; outline: none !important; cursor: pointer; //cursor: hand; }
    a:hover { color: #fff; text-decoration: none; }
    a:focus { outline:none; }

    .interior a, .interior a:hover { color: #4d473f; }
    .building a, .building a:hover { color: #4d473f; }
    .decoration a, .decoration a:hover { color: #fff; }
    .engineering a, .engineering a:hover { color: #fefefe; }


small { font-size: 9px; }
big   { font-size: 30px; line-height: 28px; }
p.out { font: normal 24px/30px Arial; color: #fff; position: relative; left: -130px; margin: 0 -130px 29px 0; padding: 22px 0 0; }

table { border: 0; border-collapse: collapse; }

table.table { margin-top: 12px; }

form, img, div, td, th { padding: 0; margin: 0; background: transparent; border: none; }

.clear, .clearFoot { display: block;  clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; }
.clearFoot { height: 350px; }
    #homepage .clearFoot { height: 257px; }
    #interiorMain .clearFoot, #engineeringMain .clearFoot, #decorationMain .clearFoot, #buildingMain .clearFoot { height: 722px; }

.fRight { float: right; }
.fLeft  { float: left; }
    img.fLeft  { margin: 0 20px 10px 0; }
    img.fRight { margin: 0 0 10px 20px; }

ul { padding: 0; margin: 0 0 20px; list-style: none; }
ul li { padding: 0 0 0 23px; margin: 0; background: transparent url('/i/site/Default/icons/li.gif') no-repeat 0 11px; }

/*   /general styles   */

/*   the basic layout blocks   */
#wrapper { min-height: 100%; text-align: center; min-width: 980px; background: #b0b7bb url('/i/site/Default/bg.gif') repeat-x 0 0; }
    * html #wrapper { //height: 100%; }
    body#homepage #wrapper { background: #b1b8bc url('/i/site/Default/bg-homepage.jpg') no-repeat 50% 0; }
    body.interior #wrapper { background: #e4e3da url('/i/site/Default/bg-interior.jpg') no-repeat 50% 0; }
    body#interiorMain #wrapper { background: #e4e3da url('/i/site/Default/bg-interior-main.jpg') no-repeat 50% 0; }
    body.building #wrapper { background: #e4e3da url('/i/site/Default/bg-building.jpg') no-repeat 50% 0; }
    body#buildingMain #wrapper { background: #e4e3da url('/i/site/Default/bg-building-main.jpg') no-repeat 50% 0; }
    body.decoration #wrapper { background: #2c84ac url('/i/site/Default/bg-decoration.jpg') no-repeat 50% 0; }
    body#decorationMain #wrapper { background: #2c84ac url('/i/site/Default/bg-decoration-main.jpg') no-repeat 50% 0; }
    body.engineering #wrapper { background: #2d396b url('/i/site/Default/bg-engineering.jpg') no-repeat 50% 0; }
    body#engineeringMain #wrapper { background: #2d396b url('/i/site/Default/bg-engineering-main.jpg') no-repeat 50% 0; }

#bgLeft { position: absolute; z-index: 50; left: 0; width: 50px; background: #2d396b url('/i/site/Default/bg-left.gif') repeat-y 0 70px; }
    #bgLeft div { background: transparent url('/i/site/Default/bg-left-btm.gif') no-repeat 0 100%; }
        #bgLeft div div { background: transparent url('/i/site/Default/bg-left-top.gif') no-repeat 0 0; }

#bgRight { position: absolute; z-index: 30; right: 0; width: 50px; background: #2d396b url('/i/site/Default/bg-right.gif') repeat-y 0 69px; }
    #bgRight div { background: transparent url('/i/site/Default/bg-right-btm.gif') no-repeat 0 100%; }
        #bgRight div div { background: transparent url('/i/site/Default/bg-right-top.gif') no-repeat 0 0; }

#main { width: 980px; margin: 0 auto; text-align: left; }

#head { height: 150px; padding: 0 0 0 200px; }
    #logo { display: block; position: relative; width: 260px; height: 150px; background: transparent url('/i/site/Default/logo.gif') no-repeat 0 0; }
        .interior #logo { background: transparent url('/i/site/Default/logo-interior.gif') no-repeat 0 0; }
        .building #logo { background: transparent url('/i/site/Default/logo-building.gif') no-repeat 0 0; }
        .decoration #logo { background: transparent url('/i/site/Default/logo-decoration.gif') no-repeat 0 0; }
        .engineering #logo { background: transparent url('/i/site/Default/logo-engineering.gif') no-repeat 0 0; }


    #head .fRight { width: 300px; }
        .engineering #head .fRight { padding-top: 63px; }
    #head p.phone { font-size: 27px; line-height: 30px; color: #d1d7db; padding: 33px 0 0; margin: 0; float: right;}
        .engineering #head p.phone { padding: 8px 0 0; }
        #head p.phone sup { font-size: 13px; line-height: 13px; position: relative; display: block; float: left; top: -5px; }
    #head p.nav { font-size: 14px; text-align: right; clear: both; padding: 9px 58px 9px 0; margin: 0; }
        #head p.nav a { color: #fdfefe; padding-left: 12px; }

        .interior #head p.phone { color: #4d473f; }
        .interior #head p.nav a, .interior #head p.nav a:hover { color: #4d473f; }
        .building #head p.phone { color: #4d473f; }
        .building #head p.nav a, .building #head p.nav a:hover { color: #4d473f; }
        .decoration #head p.phone { color: #fff; }
        .decoration #head p.nav a, .decoration #head p.nav a:hover { color: #fff; }
        .engineering #head p.phone { color: #d1d7db; }
        .engineering #head p.nav a, .engineering #head p.nav a:hover { color: #fdfefe; }

.columns { clear: both; padding: 18px 0 0; }
    #interiorMain .columns { width: 600px; }
* html .columns { //overflow-x: hidden; }
    .columnLeft { width: 260px; float: left; }
    * html .columnLeft { margin-right: -3px; }
        .columnLeft h4 { padding: 0 0 3px 32px; margin: 0; }
    .columnMain { margin-left: 260px;  }
        .columnMainWidth { width: 100%; float: left; //float: none; }

#foot { height: 275px; text-align: center; min-width: 980px; background: transparent url('/i/site/Default/foot.gif') no-repeat 50% 100%; margin-top: -275px; position: relative; z-index: 40; }
    .interior #foot { background: transparent url('/i/site/Default/foot-interior.gif') no-repeat 50% 100%; }
    .building #foot { background: transparent url('/i/site/Default/foot-building.gif') no-repeat 50% 100%; }
    .decoration #foot { background: transparent url('/i/site/Default/foot-decoration.gif') no-repeat 50% 100%; }
    .engineering #foot { background: transparent url('/i/site/Default/foot-engineering.gif') no-repeat 50% 100%; }
    #homepage #foot { background: none; }
    #decorationMain #foot { background: none; }
#footWrapper { margin: 0 auto; padding-top: 185px; width: 980px; text-align: left; }
    #foot .copyright { font: normal 11px/14px Arial; color: #585b5e; width: 465px; float: left; padding: 27px 0 0; margin-left: 445px; //width: 435px; position: relative; }
        #foot .copyright a, #foot .copyright a:hover { color: #585b5e; text-decoration: none;cursor: default; }
        #homepage #foot .copyright { margin-left: 0; }
        .decoration #foot .copyright { margin-left: 160px; width: 480px; }
        #foot .copyright span { padding-left: 40px; }
    #foot .designedby { font: normal 9px/9px Tahoma; float: left; padding: 12px 0 0; width: 70px; }
        #foot .designedby, #foot .designedby a { color: #d1d7db; text-decoration: none; }
        #foot .designedby img { position: relative; left: -31px; margin: 0 0 2px; }
/*   /the basic layout blocks   */

/*   content elements   */
ul#nav { padding: 1px 0 0 16px; margin: 0; list-style: none; }
ul#nav li { padding: 0 0 4px 17px; margin: 0; font: normal 13px/14px Arial; background: transparent url('/i/site/Default/icons/li-nav.gif') no-repeat 0 8px; }
ul#nav li.active { background: none; }
    ul#nav li.active a, ul#nav li.active a:hover { color: #353535; text-decoration: none; }
    ul#nav li a.specials { font-weight: bold; font-style: italic; }
    ul#nav li a, ul#nav li.active li a { text-decoration: underline; }

    ul#nav li ul { padding: 6px 0 0 0; margin: 0 0 -6px 0; position: relative; top: -3px; }
    ul#nav li ul li { padding: 0 0 4px 9px; font-size: 11px; line-height: 13px; background: transparent url('/i/site/Default/icons/li-nav-sub.gif') no-repeat 0 6px; }

    .interior ul#nav li { background: transparent url('/i/site/Default/icons/li-nav-interior.gif') no-repeat 0 8px; }
        .interior ul#nav li a, .interior ul#nav li.active li a { color: #4d473f; }
        .interior ul#nav li.active a, .interior ul#nav li.active a:hover, .interior ul#nav li.active li.active a { color: #bc0000; }
        .interior ul#nav li ul li { background: transparent url('/i/site/Default/icons/li-nav-interior-sub.gif') no-repeat 0 6px; }

    .decoration ul#nav li { }
        .decoration ul#nav li a, .decoration ul#nav li.active li a { color: #fff; }
        .decoration ul#nav li.active a, .decoration ul#nav li.active a:hover, .decoration ul#nav li.active li.active a { color: #ffd800; }
        .decoration ul#nav li ul li { background: transparent url('/i/site/Default/icons/li-nav-sub.gif') no-repeat 0 6px; }

    .building ul#nav li { background: transparent url('/i/site/Default/icons/li-nav-interior.gif') no-repeat 0 8px; }
        .building ul#nav li a, .building ul#nav li.active li a { color: #4d473f; }
        .building ul#nav li.active a, .building ul#nav li.active a:hover, .building ul#nav li.active li.active a { color: #bc0000; }
        .building ul#nav li ul li { background: transparent url('/i/site/Default/icons/li-nav-interior-sub.gif') no-repeat 0 6px; }

    .engineering ul#nav li { background: transparent url('/i/site/Default/icons/li-nav-engineering.gif') no-repeat 0 8px; }
        .engineering ul#nav li a { color: #fefefe; }
        .engineering ul#nav li.active li a { color: #d0d6f3; }
        .engineering ul#nav li.active a, .engineering ul#nav li.active a:hover, .engineering ul#nav li.active li.active a { color: #909cd0; }
        .engineering ul#nav li ul li { background: transparent url('/i/site/Default/icons/li-nav-engineering-sub.gif') no-repeat 0 6px; }



.benefits { padding: 24px 0 0 150px; margin: 0 -15px 0 0; clear: both; }
    .benefits div { float: left; position: relative; right: -15px; }
    .benefits p { font: normal 12px/16px 'Trebuchet MS', Tahoma; color: #d1d7db; margin: 0 0 10px; }
    .benefits h3, .benefits p { padding-left: 35px; }

.directions { padding: 30px 0 0 121px; }

.galleryItem { float: left; width: 419px; padding: 0; }
.galleryItem.wide { width: 440px;}
    .galleryItem .picture { width: 137px; float: left; padding: 6px 0 0; }
    .galleryItem.wide .picture { width: 140px; }
        .galleryItem .picture div { float: left; border: 5px solid #d2d7d8; padding: 5px;  }
        .galleryItem .picture p { clear: both; text-align: center; font: normal 11px/11px Arial; font-style: italic; padding: 1px 0; }
    .galleryItem .info { float: left; width: 260px; }
    .galleryItem.wide .info { float: left; width: 300px; }
        .galleryItem .info p { color: #4d5154; font-size: 12px; line-height: 16px; }

.galleryMainBox { height: 447px; width: 100%; overflow: hidden; position: relative; z-index: 100; text-align: center; margin-top: -447px; top: -272px; }
    .galleryPosition { height: 447px; position: absolute; z-index: 100; width: 100%; left: 50%; top: 0; }
    .galleryMainBoxContent { height: 447px; text-align: left; position: relative; left: -130px; }
        .galleryMainBoxContent p { padding: 0; margin: 0; height: 61px; }
            .galleryMainBoxContent p a { font-size: 11px; display: block; width: 140px; font-style: italic; color: #b20a00; margin-left: 230px; padding-top: 18px; }
            .decoration .galleryMainBoxContent p a { color: #fff; }
            .engineering .galleryMainBoxContent p a { color: #fff; }
    .galleryLine { height: 291px; position: absolute; width: 100%; }
        .galleryLine div { display: block; position: relative; float: left; margin-right: 50px;}
        .galleryLine a.picture { display: block; position: relative; padding: 5px; border: 5px solid #f9f9fe; }
        .galleryLine a img { margin: 0 0 -5px; //margin: 0; }

        a#galleryTitle { display: none; position: absolute; left: 50px; top: 12px; width: 265px; }

        #buttonGalleryPrev { display: none; width: 70px; height: 50px; position: absolute; top: 285px; left: -33px; top: 0; background: transparent url('/i/site/Default/icons/prev.gif') no-repeat 0 0; }
        #buttonGalleryNext { display: none; width: 70px; height: 50px; position: absolute; top: 285px; left: 325px; top: 0; background: transparent url('/i/site/Default/icons/next.gif') no-repeat 0 0; }
        .decoration #buttonGalleryPrev { background: transparent url('/i/site/Default/icons/prev-white.gif') no-repeat 0 0; }
        .decoration #buttonGalleryNext { background: transparent url('/i/site/Default/icons/next-white.gif') no-repeat 0 0; }
        .engineering #buttonGalleryPrev { background: transparent url('/i/site/Default/icons/prev-blue.gif') no-repeat 0 0; }
        .engineering #buttonGalleryNext { background: transparent url('/i/site/Default/icons/next-blue.gif') no-repeat 0 0; }

        .galleryLineControls { position: absolute; top: 352px; }


ul.albums { padding: 0; margin: 0; list-style: none; }
    ul.albums li { position: relative; padding: 0; margin: 0; display: block; background: none; float: left; border: 5px solid #f9f9fe; }
    ul.albums li a.album { display: block; position: relative; padding: 5px; margin: 0 0 -3px; }
    a.album { text-decoration: none; }
    a.album p { padding: 0; margin: 0; }
ul.photos { clear: both;  padding: 0; margin: 0 -20px 0 0; list-style: none; position: relative; display: block; }
    ul.photos li { display: block; position: relative; left: -11px; float: left; padding: 0; margin: 20px 0 0 11px; background: none; width: 166px; height: 170px; overflow: hidden; }
    ul.photos img, a.album img { border: 3px solid #fff; }

.link { padding: 20px 0; font-size: 13px; }

/*   /content elements   */