/***********************/
/***** global **********/
/***********************/
body {
  margin:0;
  padding:0;
  background:#102d45 url(../images/bg_mainfade.gif) repeat-x;
  text-align:center;
}
a,
a:link,
a:visited,
a:active {
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#990033;
	text-decoration:underline;
}
a:hover {
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#c90446;
}
td, 
div {
 -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#main-container {
  width:780px;
	margin:0 auto;
  padding:0;
  text-align:left;
}

#container {
  float:left;
  width:780px;
  background:url(../images/bg_page.gif) repeat-y;
}
#container a:link {
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#990033;
	text-decoration:underline;
}
#container a:hover {
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#c90446;
}
#bg-margin-left {
  padding-left: 10px;
  float:left;
  background:url(../images/margin_left.gif) no-repeat 0 0;
}
#bg-margin-right {
  padding-right: 10px;
  float:left;
  background:url(../images/margin_right.gif) no-repeat 100% 0;
}
#top-container {
  float:left;
}
#top div {
  float:left;
}

#top img {
  background-color:#2a2622;
}

#auxnav-container {
  width:231px;
  background-color:#2a2622;
}
#auxnav-top {
  height:30px;
  background:#2a2622 url(../images/auxnav_top.gif) no-repeat;
}
#auxnav-menu {
  height:15px;
  
}
#auxnav-bottom {
  height:30px;
  background:#2a2622 url(../images/auxnav_bottom.gif) no-repeat;
}

/** rollovers **/
.rollover a           { display:block;      }
.rollover a:hover     { visibility:visible; }
.rollover a:hover img { visibility:hidden;  }
/**************/

/*** nav rollovers ****/

#nav-portfolio  { width:153px;  height:50px; background:#f3f3f3 url(../images/nav_portfolio_b.gif) no-repeat; }
#nav-contact    { width:99px;  height:50px; background:#f3f3f3 url(../images/nav_contact_b.gif) no-repeat;    }
#nav-about      { width:153px;  height:50px; background:#f3f3f3 url(../images/nav_about_b.gif) no-repeat;     }
#nav-capserv    { width:177px;  height:50px; background:#f3f3f3 url(../images/nav_capserv_b.gif) no-repeat;   }
/*********************/

/*** auxnav ****/
#auxnav-home-placeholder    { width:39px;  height:15px;  }
#auxnav-home    { width:39px;  height:15px; background:url(../images/auxnav_home_b.gif) no-repeat;   }
#auxnav-email   { width:97px;  height:15px; background:url(../images/auxnav_email_b.gif) no-repeat;   }
#auxnav-login   { width:95px;  height:15px; background:url(../images/auxnav_login_b.gif) no-repeat;   }
#auxnav-logout   { width:95px;  height:15px; background:url(../images/auxnav_logout_b.gif) no-repeat;   }

/*****/
img {
  border:0px;
}

#project-container {
  width:760px;
  background-color:#000;
}
#project {
  width:488px;
  background-color:#000000;
}

#project-text {
  padding:33px 33px 0 90px;
}
#project-text b {
  font-size:19px;
  font-family :arial;
  color:#655b51;
}
#project-text p {
  margin-top:0;
  line-height:11px;
  padding-left:47px;
  font-size:10px;
  font-family:verdana;
  color:#918374;
  font-weight:bold;
}
#project-text a:link, 
#project-text a:active,
#project-text a:visited {
  font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#f7b61b;
	text-decoration:underline;
}
#project-text a:hover {
  color:#f2ce79;
  font-size:10px;
}
#content-container {
  float:left;
  width:760px;
  background-color:#c5c0af;

/*  padding:25px 0 27px 20px; */
}
#content-container img {
  background-color:#c5c0af;
}

.image {
  vertical-align:top;
  width:212px;
  padding-top:27px;
  padding-left:18px;
}
td.image 
{
  width:235px;
}
.section-text {
  padding-left:22px;
  padding-top:25px;
}
.section-text b.blue
{
    font-size:25px;
    color:#113459;
    font-family:Verdana;
    font-weight:bold;
}
.content-text {
  vertical-align:top;
  padding-top:30px;
  padding-left:0;
/*  padding-left:23px;*/
}
.content-text #text b {
	font-size:17px;
	font-weight:bold;
	font-family:arial;
	color:#990033;
}
.content-text #text b.smaller {
    font-size:13px;
}
.content-text #text b.small {
    font-family:Verdana;
    color:#000;
    font-size:11px;
    font-weight:bold;
    line-height:12px;
}
.content-text #text b.small.dark {
    color:#726d61;
}

.content-text #text p {
  width:400px;
  margin-top:1px;
  margin-bottom:19px;
}
.content-text #text #home {
  width:420px;
  padding-top:14px;
  margin-bottom:0;
  padding-bottom:0;
}

.content-text #text #project-bg {
    background-color:#eae8e2;
    width:500px;
}
.content-text #text #project-bg .text {
    margin-left:10px;
}
.content-text #text img {
  background-color:#dcd9cf;
}
.content-text #text p a:link,
.content-text #text p a:visited {
  font-weight:bold;
}
.content-client-text {
  width:726px;
}

#client-text 
{
    background-color:#dcd9cf;
    width:725px;
    font-family:Verdana;
    font-size:11px;
    line-height:20px;
}
#client-text .client-table 
{
    margin-left:15px;
    margin-top:15px;
}
.client-content 
{
  padding-left:35px;
  vertical-align:top;
  padding-right:35px;
}
.client-content b {
	font-size:17px;
	font-weight:bold;
	font-family:arial;
	color:#990033;
}
.contact-info {
    vertical-align:top;
    text-align:right;
    padding-right:25px;
    width:220px;
}
.content-text #text ul li 
{
    padding-top:0px;
    margin-top:0px;
    padding-left:0px;
    margin-left:0px;
    font-size:11px;
}
.content-text #text ul 
{
    padding-top:0px;
    margin-top:0px;
    padding-left:0px;
    margin-left:0px;
    font-size:11px;
}

.content-text #text ul.header {
    padding-top:0px;
    margin-top:0px;
    padding-left:0px;
    margin-left:10px;
    list-style:none outside;
}

.content-text #text ul.header li b {
  font-size:12px;
}



.content-text #text ul.text {
    padding-top:0px;
    margin-top:0px;
    padding-left:0px;
    margin-left:14px;
    list-style:disc;
}

.content-text #text ul.emails {
  list-style:none;
}

.content-text #text ul.bullets {
    padding-top:0px;
    margin-top:0px;
    padding-left:0px;
    margin-left:28px;
    list-style:disc;
}

.content-text #text .emails li {
    background:url(../images/email.gif) transparent no-repeat;
    background-position:0 4px;
    padding-left:18px;
    padding-bottom:0;
    margin-bottom:0;
}
.content-text #text .emails li.phone {
    list-style:none;
    background:none;
    background-position:0 4px;
    padding-left:18px;
    padding-bottom:0;
    margin-bottom:0;
}

#image-container {
  width:212px;
}
#image {
 height:301px;
}
#image-text  {
  width:200px;
  padding-top:10px;
  padding-left:8px;
  text-align:center;
  font-size:10px;
  font-weight:bold;
  font-family:verdana;
  color:#fff;
  line-height:20px;
}
#client-image 
{   
    width:212px;
    padding-left:6px;
    padding-bottom:10px;
}
.zoom-img 
{
    padding-top:2px;
    width:212px;
    text-align:center;
    padding-bottom:10px;
}
#popup 
{
    background:#102d45 url(../images/bg_mainfade.gif) repeat-x;
}

#caption-text  {
  width:210px;
  text-align:center;
  font-size:10px;
  font-weight:bold;
  font-family:verdana;
  color:#726d61;
  line-height:20px;
}
.popup-text 
{
   color:#726d61;
   font-weight:bold;
   font-family:Verdana;
   font-size:10px;
   line-height:20px;
   background-color:#dcd9cf;
}
#caption  {
 padding-top:0px;
}

#content-text-container 
{
  width:484px;
}
#content-text-container.home 
{
  padding-left:0;
  width:380px;
}

#content-text.home 
{
  width:361px;
  background:#dcd9cf url(../images/content_home_bg_top.gif) no-repeat;
}
#content-text {
  width:484px;
  background-color:#dcd9cf;
}
#home-text 
{
  padding:15px 30px 10px 30px;
  line-height:24px;
  font-family:verdana;
  font-size:12px;
}
#home-text b.title,
#home-text b 
{
	font-weight:bold;
	font-family:arial;
	color:#990033;
}

#home-text b.title
{
  font-size:16px;	
}
#text {
  width:420px;
  line-height:20px;
  font-size:11px;
  font-family:verdana;
  color:#000;
  padding:10px 0 10px 24px;
}

#text table td {
  font-size:11px;
}

#image-container .project-links,
#image-container .project-links a,
#image-container .project-links a:link,
#image-container .project-links a:active,
#image-container .project-links a:visited 
{
 font-family:verdana;
 font-weight:bold;
 width:130px;
 font-size:11px;
 line-height:25px;
 margin-left:10px;
}

#text .project-imgs 
{
    text-align:left;
}
#text .details {
    width:420px;
}
#text .details td {
  vertical-align:top;
  width:140px;
}
#text .details .photo {
  width:90px;
  height:90px;
  border:1px solid #000;
}

#text .details-bg
{
    width:425px;
    padding:9px;
    background-color:#eae8e2;
}

#text .details-bg img 
{
    border:0;
    background-color:#eae8e2;
}

#text table.table-details {
    margin-top:20px;
}
.pdf-pad
{
    padding-top:10px;
}
#text table.table-details td.caption 
{
    font-size:10px;   
    line-height :14px;
    padding-bottom:6px;
    color:#726d61;
    padding-left:15px;
}

#text table.table-details td.img 
{
    padding-top:10px;
}

#text .details .caption {
  line-height:9px;
  text-align:center;
}
#text div.caption {
 font-size:10px;   
 line-height :14px;
 padding-bottom:6px;
 color:#726d61;
}
#text .portfolio 
{
    width:435px;
}
#text .portfolio th {
  height:90px;
  vertical-align:middle;
  width:90px;
  font-size:11px;
  text-align:center;
}
#text .portfolio td  {
  line-height:13px;
  font-size:11px;
  vertical-align:middle;
}
#text .adobe 
{
  width:450px;
  text-align:right;
  line-height:13px;
}
#content-container .outside
{
  width:470px;
  text-align:right;
  line-height:13px;
  font-size:10px;
  font-family:Verdana;
}
#content-container .outside a,
#content-container .outside a:link,
#content-container .outside a:active,
#content-container .outside a:visited {
    font-size:10px;
}
td.footer {
  padding:20px 0 9px 16px;
}
#footer-container {
  width:725px;
}
#footer-container img {
    background-color:#a49f8e;
}
#footer {
  width:725px; 
  background-color:#a49f8e;
}
#footer-text {
  background-color:#a49f8e;
	font-size:10px;
	font-family:verdana;
	color:#e0dac7;
  padding:4px 0 6px 17px;
/*  padding:4px 
  padding-left:21px;*/
}
#footer-text a,
#footer-text a:link,
#footer-text a:visited {
  color:#e0dac7;
  font-size:10px;
  font-weight:normal;
  text-decoration:none;
}
#footer-text a:hover {
  color:#fff;
  font-size:10px;
  font-weight:normal;
  text-decoration:underline;
}

#footer-text .right-footer-text 
{
  text-align:right;
  width:570px;
}

#site-by-container {
  width:780px;
}
#site-by {
  text-align:right;
  margin:3px 20px 30px 0px;
  font-family:arial;
  font-size:11px;
  color:#827f73;
}
#site-by a,
#site-by a:link, 
#site-by a:visited,
#site-by a:active {
  text-decoration:none;
  font-weight:bold;
  color:#827f73;
}
#site-by a:hover {
  color:#e0dac7;
  text-decoration:underline;
  font-weight:bold;
}

.promotion-container {
  padding-top:27px;
  padding-left:22px;
  vertical-align:top;
}
#promotion-container {
  width:212px;
}
#promotion {
  width:338px;
  background:url(../images/promo_home_tile.gif);
  background-repeat:repeat-y;
  padding-left:6px;
}
#promotion-bg 
{
 padding-left:0px;
 width:322px;
 background-image:url(../images/promo_bg2.gif);
 background-repeat:repeat-y;
 margin-top:1px;
 background-position:0px 0px;
}
#promotion-text 
{
  color:#fff;
  padding:5px 15px 5px 15px;
  text-align:left;
  font-weight:normal;
  font-size:11px;
  font-family:verdana;
  line-height:18px; 
}
#promotion-text b {
  color:#c5C0af;
  text-align:left;
}
.promo-img 
{
 padding-left:0px;
 margin-left:0px;
 margin-left:1px;
}

input.xsm,
input.phone,
input.sm,
input.med,
input.sku_med,
input.name_med,
input.zip_med,
input.lg,
input.xl,
input.xxl,
input.date,
input.search,
textarea.sm,
textarea.med,
textarea.lg,
textarea.xl,
select.med,
select.sm,
input.browse {
  margin:0;
  padding:1px 0 1px 4px;
  font-size:11px;
  font-family:tahoma, verdana, sans-serif;
  vertical-align:middle;
  color:#000;
  background-color:#fff;
  border:1px solid;
  border-color:#003782 #d7d7d7 #d7d7d7 #003782;
}

input.xsm     { width:57px; }
input.phone   { width:100px; }
input.sm      { width:100px; }
input.zip_med { width:80px; }
input.med     { width:190px; }
input.lg      { width:250px; }
input.xl      { width:400px; }
input.xxl     { width:500px; }
input.date    { width:75px; }
input.search  { width:200px; padding:0 2px; }
textarea.sm   { width:200px; height:50px; }
textarea.med  { width:190px; height:75px; }
textarea.lg   { width:350px; height:150px; }
textarea.xl   { width:350px; height:250px; }
select.sm     { width:80px; }
select.med    { width:150px;}
select.lg     { width:195px; }
select.tall   { height:100px; }
input.button  {
  font-size:11px;
  font-family:verdana, sans-serif;
  font-weight:bold;
}

select.error  { 
  background-color:#ffd97a;
}
input.browse {
  font-size:11px;
}
select {
  font-size:11px;
  font-family:tahoma, verdana, sans-serif;
  vertical-align:middle;
  color:#000;
  background-color:#fff;
}
.center {
  text-align:center;  
 
}

.vm {
 vertical-align:middle;
}

.form  {
 width:320px;
 font-size:11px;
}
.form-contact  
{
 width:435px;
 font-size:11px;
}

.form-contact td,
.form td {
  padding:2px 0 0 11px;
  line-height:16px;
  font-weight:normal;
}

.form-contact th,
.form th 
{
  padding:3px 0 0 0;
  margin:0;
  text-align:right;
  font-weight:normal;
  vertical-align:top;
}

.form-contact .required th,
.form-contact .required td,
.form-contact .requirederror th,
.form-contact .required td,
.form .required th,
.form .required td,
.form .requirederror th,
.form .requirederror td {
  font-weight:bold;
}
.form-contact .error th,
.form-contact .error td,
.form-contact .requirederror th,
.form-contact .requirederror td,
.form .error th,
.form .error td,
.form .requirederror th,
.form .requirederror td {
  color:#f00;
  font-weight:bold;
}
.form-contact .required td,
.form .required td {
 background:url(../images/required.gif) 3px 4px transparent no-repeat;
}
.form-contact .requirederror td,
.form .requirederror td {
  background:url(../images/required_error.gif) 3px 3px transparent no-repeat;
}
.content-text #text span .message {
 font-size:11px;
 text-align:center;
}
.content-text #text .message b {
 font-size:12px;
 text-align:center;
}

.content-text #text .message ul 
{
 margin-left:30px;
 padding:0;
 text-align:left;
}

.content-text #text .message li b
{
  font-weight:bold;
  font-size:11px;
}
#popup-container {
  float:left;
  width:500px;
  background-color:#c5c0af;
}
.close-window {
    text-align:right;
    margin-bottom:10px;
}
/* sort   table */
#tblCareers a,
#tblCareers a:active,
#tblCareers a:link,
#tblCareers a:visited
{
  color:#990033;
  text-decoration:none;
}
#tblCareers a.clear,
#tblCareers a:active.clear,
#tblCareers a:link.clear,
#tblCareers a:visited.clear
{
  font-weight:normal;
  text-decoration:underline;
  font-size:11px;
}
#tblCareers a:hover.clear 
{
  font-size:11px;
	font-weight:normal;
	font-family:verdana;
	color:#c90446;
}

table.sortable a.sortheader 
{
    color:#5b6034;
    font-weight:bold;
    text-decoration:none;
}
.sortable th {
  width:220px;
  line-height:13px;
}
.sortable td {
  vertical-align:top;
  
}
span.underline {
  background: url(../images/dotted_line_tile.gif) 0px 12px repeat-x;
}
table.sortable span.sortarrow {
    color:#5b6034;
    text-decoration:none;
    line-height:13px;
}
.sortable th.title
{
  width:150px;
}
.sortable th.position,
.sortable th.posted
{
  width:90px;
}
.sortable .description 
{
  width:205px;
}

.sortable .description.data 
{
  color:#000;
  line-height:13px;
}