/* CSS for  */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% Helvetica, Trebuchet MS, sans-serif;
  background: #750803 url("/images/graphics/bg-body.gif") repeat-x;
}
h1,
#form-validate legend {
	color: #12254b;
	font-size: 1.6em;
	margin: 0 0 10px 0;
	font-weight: bold;
}

h2 {
	color: #4a8ecb;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
h3 {
	color: #750803;
	font-size: 1.2em;
	margin: 20px 0 2px 0;
}

input, select { padding: 2px; margin: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
p { margin: 0 0 10px 0; }
a img{ border: 0; }
legend { padding: 0; margin: 0; }
.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }

.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .9em; }

.t-c { text-align: center; }
.t-r { text-align: right; }

.va-m{ vertical-align: middle; }


#top-nav{
  width: 908px;
  margin: 10px auto -10px auto;
  font-size: 1.1em;
}

#top-nav p{
  color: #fff;
  text-align: right;
}

#top-nav a{
  color: #fff;
  text-decoration: none;
}

#top-nav a:hover{
  text-decoration: underline;
}



#main-top{
  width: 960px;
  height: 16px;
  margin: 0 auto;
  font-size: 1.2em;
  background: url("/images/graphics/bg-main-top.png") no-repeat;
}

#main{
  width: 962px;
  background: url("/images/graphics/bg-main.png") repeat-y;
  margin: 0 auto;
}

#main-nav-holder{
  width: 954px;
  margin: 0 auto 0 auto;
  position: relative;
  top: -4px;
}

#main-nav{
  width: 938px;
  height: 36px;
  padding-top: 10px;
  margin: 0 auto 0 auto;
  background: url("/images/graphics/bg-nav.png") repeat-y;
  text-align: right;
  font-size: 1.2em;
}

#main-nav ul { /* all lists */
	padding: 0;
	margin-right: 15px;
	list-style: none;
	line-height: 1;
}

#main-nav a {
  margin: 0px 10px 0 10px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  position: relative;
}
#main-nav a:hover { text-decoration: underline; }

#main-nav li { /* all list items */
	float: right;
  border-right: 1px solid #fff;
	width: auto; /* width needed or else Opera goes nuts */
}

#main-nav li.end{
  border: 0;
}

#main-nav li ul { /* second-level lists */
  padding-top: 12px;
  margin-left: -1px;
  background: url("/images/blank.gif");
  border-bottom: 1px solid #002b5c;
	position: absolute;
	width: 10.62em;
	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#main-nav li ul li{
  border: 0;
  border-left: 1px solid #002b5c;
  border-right: 1px solid #002b5c;
}

#main-nav li ul a{
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #1f4470;
  margin: 0;
  width: 10em;
  padding: 3px;
  text-align: left;
  position: static;
  display: block;
  float: left;
  top: 0;
}

#main-nav li ul li.bottom a{
  border-bottom: 1px solid #fff;
}

#main-nav li ul a:hover{
  text-decoration: none;
  background: #0094cb;
}

#main-nav li:hover ul, #main-nav li.sfhover ul { /* lists nested under hovered list items */
	top: auto;
}

#header{
  width: 908px;
  height: 112px;
  margin: 0 auto 12px auto;
  background: url("/images/graphics/bg-header.jpg") no-repeat;
}

#header img.logo{
  margin: 14px 0 0 18px;
}


#bwm-copy{
  width: 908px;
  margin: 0 auto 0 auto;
  color: #676767;
}

#bwm-copy a{
  color: #c62033;
  position: relative;
}

#bwm-copy a:hover{  
  color: #0094cb;
}

#bwm-copy h2{
  color: #12254b;
}

#bwm-copy img.l{
  padding-right: 10px;
}

#callout-nav{
  width: 206px;
  float: left;
  display: inline;
}

#callout-nav ul{
  margin: 0;
  list-style-type: none;
}

#callout-nav li{
  border-bottom: #b2b2b2;
  background: #b2b2b2; 
  padding-bottom: 1px;
}

#callout-nav a{
  /* Width and left padding must equal 206px */
  width: 136px;
  padding-left: 70px;
  /* Height and top padding must equal 29px */
  height: 28px;
  padding-top: 10px;
  display: block;
  background: #dadbe4;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  color: #002b5c;
  font-size: 1.4em;
  text-decoration: none;
}

#callout-nav a img{
  position: absolute;
  margin-left: -60px;
}

#callout-nav a:hover{
  background: #002b5c;
  color: #dadbe4;
}

#callout-nav li.bottom{
  padding-bottom: 0;
}

#index-top{
  width: 908px;
  margin: 0 auto 16px auto;
}

#callout-links{
  width: 197px;
  float: right;
}

#flash-div{
  width: 702px;
  height: 217px;
  float: right;
  position: relative;
  left: 5px;
}

#right-col{
  float: right;
  width: 270px;
}

#right-col h2{
  font-size: 1.2em;
}

a.callout, #right-col a.callout {
  /* Combined width and left padding must equal 263px */
  width: 185px;
  padding-left: 78px;
  /* Combined height and top padding must equal 50px */
  height: 37px;
  padding-top: 13px;
  float: right;
  background: url("/images/graphics/bg-callout.gif") no-repeat;
  color: #fff;
  display: block;
  font-size: 1.5em;
  text-decoration: none;
  margin-bottom: 15px;
}

a.callout:hover, #right-col a.callout:hover{
  color: #fff;
  background: url("/images/graphics/bg-callout-hover.gif") no-repeat;
}

a.callout img, #right-col img{
  position: absolute;
  margin-left: -60px;
}

a.no-bg, a.no-bg:hover, #right-col a.no-bg, #right-col a.no-bg:hover{
  background: none;
  color: #002b5c;
}

#login{
  /* Combined width and horizontal padding must equal 270px
     Combined height and vertical padding must equal 168px */
  width: 244px;
  height: 155px;
  padding: 13px 13px 0 13px;
  position: relative;
  left: 4px;
  background: url("/images/graphics/bg-login.gif") no-repeat;
}

#login h3{
  color: #c81f0b;
  font-size: 1.4em;
	margin: 3px 0 10px 0;
	padding: 0;
}

#login p{
  font-size: 1.1em;
  padding: 2px 18px;
}

#login form{
  margin-bottom: 12px;
}

#login form input{
  width: 182px;
  padding: 3px 15px;
  margin: 0 auto 2px auto;
  display: block;
  border: 1px solid #b2b2b2;
  color: #989898;
  position: relative;
}

#login form input.remember{
  width: auto;
  float: right;
  border: none;
  margin-left: 5px;
}

#login form .small-button{
  cursor: pointer;
  float: left;
}

#index-news{
  /* Combined width and horizontal padding needs to equal 334px */
  padding: 13px 13px 13px 13px;
  width: 308px;
  float: right;
  background: url("/images/litigation/bg-news.jpg") no-repeat;
}

#index-news p{
  font-size: 1.1em;
  line-height: 1.32em;
  margin-bottom: 15px;
}

#bwm-copy .date{
  font-weight: bold;
  color: #12254b;
}

#index-copy{
  width: 403px;
  float: left;
  margin-top: 5px;
  margin-left: 16px;
	font-size: 1.1em;
}

#index-copy p{
  line-height: 1.42em;
}

#bwm-copy .large{
  font-size: 1.15em;}

#bwm-copy .blue{
  color: #12254b;
}

#main-base{
  width: 960px;
  height: 16px;
  margin: 0 auto;
  background: url("/images/graphics/bg-main-bottom.png") no-repeat;
  font-size: 0em;
}

#left-col{
  width: 616px;
  padding-left: 10px;
  display: inline;
  float: left;
	font-size: 1.2em;
	text-align: left;
}

#left-col p{
  line-height: 1.22em;
  padding-right: 24px;
}

#left-col img.l{
  border: 1px solid #c5c5c5;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
}

#left-col img.top-img{
  float: right;
  position: relative;
  left: 11px;
}

#left-col ol, #left-col ul{
  color: #12254b;
  margin-left: 40px;
  padding-bottom: 15px;
  display: block;
}

#left-col li{
  margin-bottom: 5px;
}

#left-col p{
  margin-bottom: 15px;
}


#portfolio-left {
	float: left;
	width: 125px;
	font-size: 1.1em;
	position: absolute;
	
	z-index: 999;
}
.header-nav { position: static; }
.header-nav ul { margin: 0; padding: 0; list-style: none; }
.header-nav ul li {
	margin: 0;
	padding: 0;
	display: block;
}
.header-nav ul li a {
	display: block;
  padding: 6px 0 6px 25px;
  border-bottom: 1px solid #b2b2b2;
  color: #cb0b09;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
}
.header-nav ul li a:hover,
.header-nav ul li a:hover span {
  color: #002b5c;
}





#portfolio-right {
	font-size: 1.1em;
}
#portfolio-right ul { margin-left: 525px; }

#footer{
  width: 908px;
  margin: 0 auto;
	padding: 0 0 10px 0;
  font-size: 1.1em;
}

#footer p{
  color: #fff;
  margin: 0 0 5px 0;
}

#footer a{
  color: #fff;
  text-decoration: none;
}

#footer a:hover{
  color: #0094cb;  
}

#footer p.footer-nav{
  color: #fff;
  text-align: left;
}

#footer p.footer-nav a{
  color: #fff;
  margin: 0 8px;
}

#footer p.footer-nav a.start{
  margin-left: 0;
}

#footer p.footer-nav a.end{
  margin-right: 0;
}

#footer p.footer-nav a:hover{
  text-decoration: underline;
  color: #fff;
}

#form-table td, .form-table td { padding: 2px; }

#portfolio {
	float: left;
	width: 482px;
	margin-right: 10px;padding-left: 135px; 
}
#portfolio-image { width: 482px; height: 290px; background: url('/portfolio/bg.gif') top left no-repeat; padding: 15px 0 0 0; } 
#portfolio-thumbs { margin: 4px 0 0 0; }
#portfolio-thumbs a img {
	display: block;
	float: left;
	margin: 0 7px 7px 0;
	border: 2px solid #CCCCCC;
}
#portfolio-thumbs a:hover img, 
#portfolio-thumbs a:active 
{ border-color: #12254b; }

#portfolio-wide #portfolio-image { width: 482px; height: 290px; background: url('/portfolio/bg.gif') top left no-repeat; margin-left: 150px; } 

.large-format-printing-form {
	padding: 5px;
	border: 1px solid #666666;
	background-color: #EEEEEE;
}


#products { font-size: 1.1em; }
#product-examples { 
	height: 300px;
	width: 740px;
	float: right;
	background: url('/images/graphics/product-bg.gif') bottom center no-repeat;
}

#product-main {
	width: 430px;
	padding: 15px 0 0 0;
	text-align: center;
}
#product-alts { 
	float: right; 
	width: 200px; 
	padding: 15px 0 0 0;
	margin: 0 50px 0 0;
	text-align: center;
}
#product-alts strong {
	display: block;
	text-align: left;
	margin: 0 0 20px 0;
}

#product-right { margin: 25px 0 0 0; float: right; width: 225px; }
#product-right a.callout {
  /* Combined width and left padding must equal 263px */
  width: 155px;
  padding-left: 0;
  /* Combined height and top padding must equal 50px */
  height: 37px;
  padding-top: 13px;
  float: right;
  background: none;
  color: #002b5c;
  display: block;
  font-size: 1.5em;
  text-decoration: none;
  margin-bottom: 20px;
	margin-top: 20px;
}
#product-left {
	margin: 25px 235px 0 160px;
} 
#product-left h2, #product-right h2 { font-size: 1.1em; }
.product-options { float: left; width: 160px; margin: 0 0 15px 0; }
.product-list {
	padding: 15px 0 15px 0;
}
.product-border { clear: left; border-top: 1px solid #e5e5e5; }
.product-list select { 
	width: 130px; 
	padding: 1px;
	margin: 2px 0 0 0;
}
.product-list p { margin: 0 0 5px 0; }
.product-list p.b { color: #0c3764; }



img.l { margin-right: 10px; }

.email_confirm { display: none; }


.portfolio-block h2 { border-bottom: 2px solid #0c3764; margin: 0 0 2px 0; padding: 0 0 2px 0; }
.portfolio-block { float: left; width: 282px; margin-right: 20px; height: 135px; }


#nav li.nav-postcards.active a,
#nav li.nav-postcards a:hover { background: url('/images/graphics/store-icons/icon-postcards.gif') left no-repeat; color: #002b5c; }
#nav li.nav-cd-inserts.active a,
#nav li.nav-cd-inserts a:hover { background: url('/images/graphics/store-icons/icon-cd-inserts.gif') left no-repeat; color: #002b5c; }
#nav li.nav-business-cards.active a,
#nav li.nav-business-cards a:hover { background: url('/images/graphics/store-icons/icon-business-cards.gif') left no-repeat; color: #002b5c; }
#nav li.nav-brochures.active a,
#nav li.nav-brochures a:hover { background: url('/images/graphics/store-icons/icon-brochures.gif') left no-repeat; color: #002b5c; }
#nav li.nav-posters.active a,
#nav li.nav-posters a:hover { background: url('/images/graphics/store-icons/icon-posters.gif') left no-repeat; color: #002b5c; }
#nav li.nav-stickers.active a,
#nav li.nav-stickers a:hover { background: url('/images/graphics/store-icons/icon-stickers.gif') left no-repeat; color: #002b5c; }
#nav li.nav-booklets.active a,
#nav li.nav-booklets a:hover { background: url('/images/graphics/store-icons/icon-booklets.gif') left no-repeat; color: #002b5c; }
#nav li.nav-banners.active a,
#nav li.nav-banners a:hover { background: url('/images/graphics/store-icons/icon-banners.gif') left no-repeat; color: #002b5c; }
#nav li.nav-letterhead.active a,
#nav li.nav-letterhead a:hover { background: url('/images/graphics/store-icons/icon-letterhead.gif') left no-repeat; color: #002b5c; }
#nav li.nav-envelopes.active a,
#nav li.nav-envelopes a:hover { background: url('/images/graphics/store-icons/icon-envelopes.gif') left no-repeat; color: #002b5c; }
#nav li.nav-newsletters.active a,
#nav li.nav-newsletters a:hover { background: url('/images/graphics/store-icons/icon-newsletters.gif') left no-repeat; color: #002b5c; }

#file-upload { padding: 10px; border: 1px solid #750803; background-color: #fdeaea; font-size: 1.1em; margin-top: 25px; }
.option1 { float: left; width: 350px; }
.option2 { float: left; width: 350px; }

.payment-form,
.payment-form table,
.payment-form table td,
.payment-form h1 {
	text-align: left;
}
.payment-form td { padding: 2px; }
#red { color: #FF0000; }