@charset "UTF-8";
/* CSS Document */

html {overflow-y: scroll;}
body { margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: small;}
img {border:none; }
.accesskeys {display: none;}

#wrapper { margin: 31px 0px 0px 0px; padding:0px; display:inline; }

#wrapper {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #94A1AA; }

#wrapper .menu-wrapper {position:absolute; top:14px; left:0;  font-size: 90%; width:960px;  }
#wrapper .menu {float:left; margin-left:230px; font-size:100%; position: relative; display: inline; }
#wrapper .menu .item {display: inline; margin-left:23px; }
#wrapper .menu .sep {display: inline; border-right: 1px solid #dadde2; height: 11px; margin-right: 5px;}
#wrapper .menu a:link, .menu a:visited { color: #94A1AA; text-decoration: none; }
#wrapper .menu a:hover, .menu a:active { color: #000000; text-decoration: none; }
#wrapper .menu p {margin: 0px; padding: 0px 2px; text-align: center; display: inline;}

#brochure_popup {width:350px;}

.popup {position:absolute; top:45%; left:50%; margin-left:-235px; margin-top: -210px; width:480px; display:none; background:white; border:1px solid #DADDE2; color: #96A0AC; font-family: Verdana; z-index: 100; }
.popup .contact_info {padding:20px; }
.popup .lcol, .popup .rcol, .popup .addlcol {float:left;}
.popup .addlcol {width:50%;}
.popup .addrcol {float:right; width:50%; font-weight: bold; text-align:right;}
.popup .lcol {width:50px;}
.popup .rcol {font-weight: bold;}
.popup a {font-weight: bold; color: #96A0AC; }
.popup #pop_close {position:relative; left:100%; top:0;}
.popup #pop_close div {background-color: #F8F8F8; border: 1px solid #DADDE2; height: 20px; left: -21px; position: absolute; top: -1px; width: 20px;}
.popup #pop_close p {font-size: 120%; margin: 0; padding: 2px 0 0; text-align: center; font-weight: bold;}
.popup #pop_close a { text-decoration: none; color: #96A0AC; }
.popup .company {font-size: 80%;}

.container {width:100%; height:556px; margin-top:32px; background: #aeb4c0 url(/images/bulk-bg-stretch.jpg) repeat-x 0px 0px; }

*html .container {margin-top:25px; }
.pagecontent { width:960px; float:left; display:inline; position:relative; z-index:10; background: transparent url(/images/bg-folio.jpg) no-repeat 0% 0%; height: 556px; overflow: hidden;}
.L { float: left; display:inline; width: 380px; height: 556px; text-align: left; }
.R { float: left; display:inline; width: 400px; height: 556px; text-align: left;  }

.L .imagecol {  float:right; display:inline;  }
.L .contactcol { width:113px; float:left; display:inline; }
.L .contactdiv {position:absolute; top:500px; left:20px;  }

/* homepage styles*/
.home .container {  }

.home .L { background: transparent url(/images/door.jpg) no-repeat 100% 100%; }
.home .L .imagecol {margin:24px 80px 0px 0px;}
.home .L .imagecol .Limg {  width:251px; height:532px; }
.home .R { }
.home .Rtext { margin-top: 55px; margin-left: 50px; font-size: 1em; font-family: Tahoma, Arial; letter-spacing: 1px; color: #ffffff; }
.home.aboutNudge .Rtext { margin-top: 55px; }
.home .textref {margin-top:0px; height:51px;  } /* background:url(/images/home-reflec.png) 0px 0px no-repeat; */
/* * html .home .textref { background:url(/images/home-reflec.gif) 0px 0px no-repeat; } */

.home .latestNewsWrapper {font-size:100%; margin-top:0px; background: #C5C9D2 url(/images/latest-news-bg.jpg) no-repeat 0px 0px; width: 339px; height: 174px;} 
.home .latestNews { padding: 15px; } 
.home .latestNews h3 {font-size:130%; margin:0px;  margin-bottom:10px;  font-weight: normal;}
.home .latestNews h4 {font-size:100%; margin:0px;   }
.home .latestNews .newsSummary { font-size:100%; }
.home .latestNews .readMore {text-align:right; margin-top:6px; }
.home .latestNews .readMore a {text-align:left; margin-top:6px; background-color: #553581; color: #fff; padding: 1px 4px 2px 5px; -moz-border-radius: 4px; border-radius: 4px;}
.home .latestNews a, .home .latestNews a:visited {  margin-top:10px; color:#fff; text-decoration:none; }
.home .latestNews a:hover {text-decoration:none; }

/* general page styles */
.page .container { background: url(/images/room-right-1px.jpg) 0px 0px repeat-x; }
.page .L { float: left; width: 505px; height: 556px; text-align: left;  background-repeat: no-repeat;}
.page .L .imagecol {margin:17px 37px 0px 0px;}

.page .pageTitle { width:172px; height:70px; position:absolute; top:165px; left:205px; }
.page .pageTitle h1 { width:172px; text-align:center;  font-size:180%; color:#fff; padding:5px 0px 0px 0px; text-transform: capitalize; font-weight: normal;}

.Rtext .pageTitle h1, .home h2 , .brochurePage h2, .privacy_content .pageTitle h1{ text-align:left;  font-size:180%; color:#fff; padding:5px 0px 0px 0px; text-transform: capitalize; font-weight: normal;}

.aboutWrapper { height: 372px;  background: transparent url(/images/about-us-bg.jpg) no-repeat 0% 0%;}
.about { padding: 15px; }
.aboutLink { text-align: right; padding: 10px;  }
.aboutLink a { text-align:left; margin-top:6px; background-color: #553581; color: #fff; padding: 2px 4px; text-decoration: none; }

.page .L .imagecol .Limg {  width:351px; height:539px; background:url(/images/folio-door.jpg) 0px 0px no-repeat; }
.page .R { float: left; width: 455px; height: 556px; text-align: left; background-repeat: no-repeat; }
.page .Rtext { margin-top: 70px; margin-left: 100px; font-family: Tahoma, Arial; font-size: 16px; letter-spacing: 1px; color: #ffffff; }
.page .Rtext a, .page .Rtext a:visited {color:rgb(114,77,122); text-decoration:none; }
.page .Rtext a:hover {text-decoration:underline; }

.page .portfoliolink {position:absolute; top:430px; }
.page .portfoliolink a, .page .portfoliolink a:visited {font-weight:bold; text-decoration:none; color:rgb(114,77,122); }
.page .portfoliolink a:hover {text-decoration:none; }



.logodiv { position: absolute; right:0px; bottom: 20px; width: 128px;}

/* portfolio page styles */
.portfolio .container {  background: url(/images/room-right-1px.jpg) 0px 0px repeat-x; }
.portfolio .L { float: left; width: 960px; height: 556px; text-align: left;  background-repeat: no-repeat;}

/*.portfolio .contentarea {width:800px; height:556px; text-align:left; margin:0px; padding: 0px;  }*/
.portfolio .main { width:587px; margin:78px auto; font-family:Arial, Helvetica, sans-serif;  }
*html .portfolio .main {margin:78px 0px 0px 0px; }
.portfolio .main .holder {position:relative; height:345px; margin:0px auto; padding:0px 0px 0px 0px; }
.portfolio .main .Ldoor { width:273px; float:left; display:inline; }
.portfolio .main .Rdoor { width:273px; float:left; margin-left:38px; display:inline;}
.portfolio .reflection { width:587px; margin:6px auto; }

.portfolio .contactimg { margin-top: 502px; margin-left: 20px; }

.portfolio .main .border {position:relative; margin:0px auto; padding:28px 35px 10px 35px; background:white; }
.portfolio .main .title {position:absolute; top:8px; right:35px; text-align:right;  font-family:Verdana; color: #94A1AA; font-weight: bold; }
.portfolio .main .project, .portfolio .main .client {position:absolute; top:8px;font-family:Verdana; color: #94A1AA; font-weight: bold;}
.portfolio .main .image { height: 290px; }
.portfolio .main .contentbg { width:246px; height:290px; position:absolute; top:28px; right:36px; background:white; opacity:0.9; filter: alpha(opacity=90); }
.portfolio .main .content {padding:10px 10px; color: #94A1AA;}
.portfolio .main .imgNum {position:relative; font-size: 80%; font-family: Verdana; color: #94A1AA; margin-top: 5px; height: 12px;}
.portfolio .main .imgNum a, .portfolio .main .imgNum a:visited {color: #94A1AA;}
.portfolio .main .imgNum a:hover {color: #000000;}

.portfolio .main .imgNum .navlinks { position: absolute; }
.portfolio .main .imgNum .more_info {position: absolute; right: 0px;}

.portfolio .main #more_info {display: none;}

.footer-wrapper { width:960px; clear: both;}
/* .footer {float:right; margin-right:106px; padding: 0px 0px 10px 0px; color: #94A1AA; }*/
.footer { width: 960px; padding: 0px 0px 10px 0px; color: #94A1AA; font-size:90%; }
*:first-child+html .footer {top:593px; }
.footer .nav {font-size: 90%; float:right;  display:inline;  margin: 3px 190px 0px 0px;}
.footer .nav .item {display: inline; }
.footer .nav .sep {display: inline; border-right: 1px solid #dadde2; height: 11px; margin-right: 5px;}
.footer .nav a:link, .nav a:visited { color: #94A1AA; text-decoration: none; }
.footer .nav a:hover, .nav a:active { color: #000000; text-decoration: none; }
.footer .nav p {margin: 0px; padding: 0px 2px; text-align: center; display: inline;}

/*sitemap content */
.sitemap { height:556px;   }
.sitemap .container { }
.sitemap .container .pagecontent {float: left; width: 960px; height: 556px; text-align: left; background: none;}
.sitemap .container .L { background-image:url(none); height:500px; padding-top:50px; padding-left:120px; width:500px; }
.sitemap .container .R {background-image:url(none); width: 400px; height:10px;}
.sitemap .L .contactcol {float:none; position:absolute; top:500px; left:20px; }

.sitemap .sitemap_L,
.sitemap .sitemap_M,
.sitemap .sitemap_R {width:145px; float:left; display:inline; }
.sitemap ul {margin:0px 0px 10px 0px; padding:0px; }
.sitemap, .sitemap .pagecontent .L a, .sitemap .pagecontent .L a:visited {color:white; text-decoration:none; }
.sitemap .pagecontent .L a:hover {text-decoration:underline; }
.sitemap .sitemap_L ul {padding-left: 15px;}
.sitemap .sitemap_M ul, .sitemap .sitemap_R ul {padding-left: 15px;}

.sitemap .sitemap_M {width: 180px; margin-right:10px;}

/*  Classes   */

.clear {
  clear: both;
  height:1px;
  line-height:1px;
}

.homedoorimg {
  float: right;
  margin-right: 80px;
  margin-top: 24px;
  display: inline;
}
.contactimg {
  margin-top: 0px;
  margin-left: 0px;
}
.foliodoorimg {
  float: right;
  margin-right: 37px;
  margin-top: 17px;
  display: inline;
}

/* blog */
.blog .container {}
.blog .container .pagecontent {float: left; width: 960px; height: 556px; text-align: left; background: none;}
.blog .container .L {background-image:url(none); width:500px; padding-left:20px;}
.blog .container .R {background-image:url(none); width: 300px;}
.blog .L .contactcol {float:none; position:absolute; top:500px; left:20px;}
.blog .blogPost {color:#FFFFFF; padding-top:50px;}
.blog .R .Rtext {margin-top:49px; margin-left: 45px;font-size:100%;}
.blog .blogPost .date, .blog .blogPost .author {font-size:80%;}
.blog .blogPost .postTitle {font-size:120%; font-weight:bold; margin-bottom:10px;}
.blog .blogPost .postTitle h1 {font-size:100%;}
.blog .blogPost a, .blog .blogPost a:visited {color:#3A1E5B;}
.blog .blogPost .postContent {margin-bottom: 15px; height: 350px; overflow:auto;}
.blog .blogPost .postContent a {text-align:left; margin-top:6px; background-color: #553581; color: #fff; padding: 0px 4px; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; }
.blog .blogPost .postContent a:visited { color: #fff; }
.blog #post {margin-left:100px;}

.blog .archive {letter-spacing:0px; height:400px; overflow: auto; outline: none;}
.blog .archive h2 {font-size:120%;}
.blog .archive .year {font-weight: bold; margin-bottom: 1px; margin-left: 15px;}
.blog .archive .month {font-weight: bold; margin-left:35px; margin-bottom: 5px;}
.blog .archive ul {margin-left: 20px; padding-left: 0px; margin-top:0; margin-bottom:5px;list-style:none;} /*padding-left:35px;margin-left:35px;*/

.blog .archive .year, .blog .archive .month a {background:transparent url(/images/down-arrow.gif) no-repeat scroll left; padding-left: 15px;}
.blog .archive a, .blog .archive a:visited {color:#FFFFFF;text-decoration:none;}
.blog .archive li a, .blog .archive li a:visited {text-decoration:none;}
.blog .archive a:hover,
.blog .archive li a:hover {text-decoration:underline;}

.blog .archive .collapsed a {background:transparent url(/images/right-arrow.gif) no-repeat scroll left; padding-left: 15px;}
.blog .archive ul.collapsed {background:none; padding-left: 35px; display:none;}

.nonIE6 {display:none;}
.isIE6 {display:inline;}

.blog .brochure {position:relative; width:276px; text-align:left; }
.blog .brochure .lcol {float:left; display:inline; }
.blog .brochure .form_lcol {float:left; display:inline; width:70px;  }
.blog .brochure .rcol {float:left; display:inline; }
.blog .brochure .form_rcol {float:left; display:inline; width:200px; text-align:left; }
.blog .brochure .txtfield {float:left; width:200px; }
.blog .brochure .submitrow {text-align:right; position: relative; right: -3px; }
.blog .brochure .btn {border:1px solid rgb(120,124,135); background:rgb(190,194,205); color:rgb(120,124,135); height: 24px; overflow: hidden; padding: 0px 8px; font-weight: normal; cursor: pointer; text-transform:uppercase;}

.news .archive ul {padding-left:20px;margin-left:0px; margin-top:0; margin-bottom:15px;}
.news .archive li {margin-bottom:5px; }

.formErr {color: #ff0000; margin-left: 70px; color: #d22; display: block;}
.privacy { text-align:right; font-size:76%; margin-top:10px; padding-top:5px; font-family: Tahoma,Arial,Helvetica,sans-serif; padding-right: 5px; }
.privacy a, .privacy a:visited {text-decoration:none;}
.privacy a:hover {text-decoration:underline;}
.pdf .lcol {width:40px;}
.pdf a, .pdf a:visited {text-decoration:none;}
.pdf a:hover {text-decoration:underline;}

.privacy_content .pageTitle {position:static; left: auto; top: auto; margin: 0; height: auto;}
/*.privacy_content .pageTitle h1 {padding: 0; text-align:left; font-size:1.17em;}*/

.contact_info .submit {text-align:right;width:200px;}

/* brochure Page */
.blog .container .brochureL {}
.blog .postBrochure { width: 770px; height: 480px; background: url(/images/new-brochure.jpg) no-repeat left; margin-left: 30px;}
.brochurePage { float: right; padding-bottom: 40px;  }

.requestBrochureBtn { background: url(/images/brochure-btn.gif) no-repeat; height: 40px; width: 185px; border: none; cursor: pointer; text-indent: -90000px; }
.officeUse { display: none; visibility: hidden; }