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

body, a, a:visited { color: white;}

h1, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 127px; height: 47px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img, .clear div {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

#wrapper { margin: 31px 0px 0px 0px; padding:0px; display:inline; }
.container {width:100%; height:556px; margin-top:35px;}
.pagecontent { width:960px; float:left; display:inline; position:relative; z-index:10; }
.main { display:block; width: 960px; height: 556px; text-align: left; position:relative; }
html>body .main {height: auto; min-height: 556px;}



/* general page styles */
.home .container { background: url(/images/bulk-bg-stretch.jpg) 0px 0px repeat-x; }
.page .container { background: url(/images/bulk-bg-stretch.jpg) 0px 0px repeat-x; }

.home .pagecontent {background: url(/images/bulk-bg.jpg) 0px 0px no-repeat; }
.rcol {position:relative; }
.homeLink {position:absolute; top:352px; left:14px; }

.header_bar {position:absolute; width:500px; margin:-29px 0px 0px 190px; }
*:first-child+html .header_bar {margin-top:4px; }
* html .header_bar {margin-top:4px;}
.header_bar h1 {width:500px; color:rgb(172,178,190); font-size:20px; line-height:1em; }

/***************** Portfolio page styles ******************************************/

.portfolio .pagecontent {background: url(/images/bulk-bg.jpg) 0px 0px no-repeat; }
.portfolio .lcol {width:156px; margin:104px 35px 0px 0px; float:left; display:inline; text-align:right; }
.portfolio .midcol {width:577px; float:left; display:block; position:relative;  }
.portfolio .rcol {width:156px; margin:85px 0px 0px 20px; padding-top:19px; float:left; display:inline; position:relative;  }


.portfolio .portfolioWin {display:block; width:577px; height:393px; position:relative; top:68px; background:url(/images/portfolio-bg-thumbs.jpg) 0px 0px no-repeat; overflow:hidden; }
.portfolio .portfolioWinImg {display:block; width:577px; height:393px; position:relative; top:68px; background:url(/images/portfolio-bg-img.jpg) 0px 0px no-repeat; overflow:hidden; }
.portfolioCon { position:relative; width:529px; margin:23px 0px 0px 25px;  }
.portfolioRef {display:block; width:577px; height:65px; position:absolute; top:493px; background:url(/images/portfolio-reflect.jpg) 0px 0px no-repeat; }
.portfolioImgRef {display:block; width:577px; height:65px; position:absolute; top:493px; background:url(/images/portfolio-img-reflect.jpg) 0px 0px no-repeat; }
.portfolioCon .thumb {width:250px; height:170px; margin:0px 0px 18px 0px ; padding:0px; float:left; display:inline; }
.portfolioCon .odd {margin-left:29px; }
.portfolioCon .img {width:526px; float:left; }

.portfolio .lcol .nosel a, .portfolio .rcol .nosel a:visited { color:rgb(225,225,225); text-decoration:none; }
.portfolio .lcol .sel a, .portfolio .rcol .sel a:visited { color:rgb(255,255,255); text-decoration:none; }
.portfolio .lcol .nosel a:hover { color:rgb(255,255,255); }

.portfolio .midcol .infoBar {position:absolute; width:526px; top:55px; left:23px; font-size:88%;  }
.portfolio .midcol .infoBar .moreLink { width:100px; float:left; display:inline; margin-right:20px; padding-top:4px; }
.infoBar .moreLink a, .infoBar .moreLink a:visited {color:white; text-decoration:none; }
.portfolio .midcol .infoBar .imgBtns {float:left; display:inline; width:150px;  }
.portfolio .midcol .infoBar .title {width:255px; float:right; display:inline; padding-top:4px; color:white; text-align:right; font-weight:bold; font-size:110%; }
.portfolio .midcol .error {padding-top:120px; width:526px; text-align:center;  color:black; }

.portfolio .midcol .portfolioCon .more {background:white; opacity:0.9; filter: alpha(opacity = 90); height:357px; }
.portfolio .midcol .portfolioCon .moreOpen {position:absolute; left:0px; width:220px;  }
.portfolio .midcol .portfolioCon .moreClose {position:absolute; left:0px; width:0px; overflow:hidden; }
.portfolio .midcol .portfolioCon .more .content { padding:10px; font-size:88%; color:rgb(104,109,117);  } 
.portfolio .midcol .portfolioCon .more .content a, .portfolio .midcol .portfolioCon .more .content a:visited { color:rgb(110,60,125); }

.portfolio .rcol .item { margin-left:10px; }
.portfolio .rcol .nosel a, .portfolio .rcol .nosel a:visited {  color:rgb(225,225,225); text-decoration:none; }
.portfolio .rcol .sel a, .portfolio .rcol .sel a:visited { color:rgb(255,255,255); text-decoration:none; }
.portfolio .rcol .nosel a:hover { color:rgb(255,255,255); }

/* blog */
.blog .container {}
.blog .lcol {float:left; display:inline; width:770px; }
.blog .rcol { float:left; display:inline; position:relative;  width: 170px; margin:0px;}
.blog .rcol {margin-top:85px; margin-left: 18px;font-size:100%;}

.blog .blogPost {color:#FFFFFF; margin:85px 0px 0px 193px; padding:0px; height:393px;}
.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 {position:relative; margin-bottom: 10px; height:350px; overflow:auto;}
.blog #post {margin-left:193px;}

.blog .archive { letter-spacing:0px; font-family: Arial,Helvetica,sans-serif; height:350px; overflow: auto;}
.blog .archive h2 {font-size:120%; color:white; position: static; }
.blog .archive .year {font-weight: bold; margin-bottom: 15px; margin-left: 0px; color:white; }
.blog .archive .month {font-weight: bold; margin-left:5px; margin-bottom: 10px;}
.blog .archive ul {padding-left:0px; margin-left:5px; margin-top:0; margin-bottom:10px; color:white; font-size:80%; list-style:none;}
.blog .archive li {margin-bottom:3px; }

.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 div.collapsed a {background:transparent url(/images/right-arrow.gif) no-repeat scroll left; padding-left: 15px;}
.blog .archive ul.collapsed { display: none; } /* padding-left: 35px; }*/
.blog .archive ul.collapsed a, .blog .archive ul.expanded a {background:none; padding-left: 0; } 

/* bulk pages */
.bulk .lcol {float:left; display:inline; width:770px; }
.bulk .rcol { float:left; display:inline; position:relative;  width: 170px; margin:0px;}
.bulk .rcol {margin-top:85px; margin-left: 18px;font-size:100%;}
.bulk .lcol .content { position:relative; margin:85px 0px 0px 193px; padding:0px; height:393px; overflow:auto; }
.bulk .content a, .bulk .content a:visited { color:rgb(110,60,125); text-decoration: underline; }

/* sitemap*/


.sitemap .content .left, .sitemap .content .right {float:left; display:inline;  }
.sitemap .content .left {width:200px; }
.sitemap .content .right {width:320px; }

.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}
.sitemap .level2 {float:left; display:inline; margin: 0px 15px; padding:10px 0px 0px 0px; }

.sitemap li {margin-bottom: 10px;}
.sitemap .content a, .sitemap .content a:visited { color:rgb(255,255,255); text-decoration: none; }
.sitemap .content a:hover {text-decoration: underline;}


/* brochure request */
.brochure { }
.brochureBox {float:left; display:inline; width:268px; position:relative;   }
.brochureBox+.brochureBox {margin-left:40px;}
.brochureBox .image {height:163px; margin-bottom:1px;}

.brochureBox .formbox {padding-top:16px;}
.brochureBox .title {position:relative; width:268px;}
.brochureBox .title h3 {font-weight:normal; color:rgb(95,35,121); font-size:120%;}
.brochureBox .title h3 a, .brochureBox .title h3 a:visited {text-decoration:none;}
.brochureBox .title h3 a:hover {text-decoration:underline; cursor:pointer;}

.brochureBox a.btn, .brochureBox a.btn:visited {display:block; height:24px; width:90px; line-height:22px; text-align:center; background:rgb(95,35,121); color:white; text-decoration:none;}

.tpp .image {background:url(/images/tpp-brochure.jpg) top right no-repeat;}
.tpp a.image {position:relative; display:block; width:163px; height:173px;  text-decoration:none;   }

.tpp .formbox {background:url(/images/tpp-brochure-reflect.png) top right no-repeat;}
*html .tpp .formbox {background:none;}
.video .image {background:url(/images/video-brochure.jpg) top right no-repeat;}
.video a.image {position:relative; display:block; width:109px; height:173px;  text-decoration:none; }
.video .formbox {background:url(/images/video-brochure-reflect.png) top right no-repeat;}
*html .video .formbox {background:none;}

.brochure .form_lcol, .brochure .form_rcol {float:left; display:inline; }
.brochure .form_lcol {width:60px; line-height:20px; }
.brochure .form_rcol {width:200px; }
.brochure .form_rcol .txtfield {width:190px;}
*html .brochure .form_rcol .txtfield {width:194px;}
.brochure .submitrow {text-align:right; padding-right:13px;}
.brochure .submitrow .btn {background:rgb(95,35,121); color:white; font-weight:bold;  }
.brochure .privacy {margin-top:10px; text-align:right;}
.brochure .privacy a, .brochure .privacy a:visited { font-size:88%;  color:rgb(110,60,125); text-decoration:none; }
.brochure .privacy a:hover {text-decoration:underline; }

.brochureBox .formErr {margin-left:60px;}

.brochure .pdf a {float:left; }
.brochure .pdf a.text { margin-left:10px; padding-top:8px;}




/* footer styles */
.footer {width: 960px; height: 60px; display:block; position:absolute; top:545px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #888f9b; z-index:100; }
.footer .nav { font-size: 90%; width:577px; margin:0px auto; text-align:center; }
.footer .nav .item {display: inline; height: 13px; margin:0px 8px 0px 15px; text-align:left; }
.footer .nav .sep {display: inline; border-right: 1px solid #888f9b; height: 13px; }
.footer .nav a:link, .nav a:visited { color: #888f9b; 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;}

/* default page styles */
.pageBody { margin: 0px 35px; padding: 14px 24px 0px 24px; background-color: rgb(230,230,255);}
.pagearea { height: 340px;}
html>body .pagearea {height: auto; min-height: 340px;}

.pageBody .bcrumb {font-size: 90%; margin-bottom: 16px; }
.pageBody .bcrumb a, .bcrumb a:visited { color: rgb(89,89,89); text-decoration: none;}
.pageBody .bcrumb a:hover {text-decoration: underline;}

.pageBody .lcol {float: left; width: 218px;}
.pageBody .rcol {float: left; width: 540px; margin-left: 24px;}

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: 1px solid rgb(166, 167, 169); padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.pageTitle { display:block; position:absolute; top:40px; left:193px;  }
.pageTitle h1 {text-align: left;}
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(255,255,255); font-size: 24px; font-weight: normal;}




/* home page */
.pageBody .home td {border: none; padding: 0px; margin: 0px;}

/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }

/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}


/* site map */


/* pop ups */
#brochure_popup {width:350px;}

.popup {position:absolute; top:50%; left:50%; margin-left:-235px; margin-top: -220px; visibility:hidden; background:white; border:1px solid #DADDE2; color: #96A0AC; font-family: Verdana; z-index: 1000; }
.popup .contact_info {padding:20px; }
.popup .lcol, .popup .rcol {float:left; display:inline;  margin:0px; padding:0px; text-align:left; }
.popup .lcol {width:60px; margin:0px;  }
.popup .rcol {width:300px; 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%;}