/*
-----------------------------------------------
BV Printers 
version: 2007.06.19
----------------------------------------------- 
Table of Contents
----------------------------------------------- 

   1.  =General
   2.  =Structure
   3.  =Headers and Type
   4.  =Links
   5.  =Main Nav
   6.  =Sub Nav
   7.  =Search
   8.  =News
   9.  =SIFR
   10. =Footer
   11. =Zenphoto
   12. =Forms
   
----------------------------------------------- 
*/

/* 1.  =General
----------------------------------------------- */


* {
	margin:0;
	padding:0;
	}

body {
	background:url(../gfx/gradient.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
img {
	border:0;
	}

	
/* 2.  =Structure
----------------------------------------------- */


#shadow {
	background:url(../gfx/shadow.png) repeat-y !important;
	background:url(../gfx/shadow.gif) repeat-y;
	margin:0 auto;
	width:774px;
	}
	
.btm_shadow {
	display:block;
	width:774px;
	height:8px;
	background:url(../gfx/btm_shadow.gif) bottom no-repeat;
	}
	
#site {
	background:none !important;
	background:url(../gfx/ie_shadow.gif) no-repeat;
	text-align:left;
	width:100%;
	padding:0 7px;
	position:relative;
	}

#primary {
	float:right;
	width:538px;
	margin-right:7px;
	padding-bottom:31px;
	}
#proofs #primary {
	width:730px;
	}
#primary ul  {
	margin-left:20px;
	}
	
#primary ol {
	margin-left:25px;
	}
	
#primary ul li, #primary ol li{
	padding:4px 0;
	}

#secondary {
	float:left;
	width:189px;
	}
	
#banner {
	width:760px;
	position:relative;
	height:135px;
	}
	
a.logo_home {
	width:168px;
	height:135px;
	float:left;
	background:url(/gfx/logo_bg.gif) repeat-x;
	}
	
#logo {
    width:168px;
	height:135px;
	}
	
* html #logo {
	margin: 0 -3px; ma\rgin: 0;
    }

#nav {
	clear:left;
	}

#footer {
	clear:both;
	}
	

	
/* 3.  =Headers and Type
----------------------------------------------- */

h1 {
	width:592px;
	height:135px;
	float:right;
	position:relative;
	}
	
h1 span {
	width:100%;
	height:100%;
	position:absolute;
	background:url(../gfx/buckets.jpg) no-repeat;
	}
	
#products h1 span {	background:url(/gfx/press1.jpg) no-repeat;	}
#online h1 span {	background:url(/gfx/yellow_ink.jpg) no-repeat;	}
#portfolio h1 span, #zen_top h1 span {background:url(/gfx/wheels.jpg) no-repeat;}
#news h1 span {	background:url(/gfx/calendar.jpg) no-repeat;	}
#about h1 span {	background:url(/gfx/letters.jpg) no-repeat;	}
#contact h1 span {	background:url(/gfx/person.jpg) no-repeat;	}
#sitemap h1 span {	background:url(/gfx/oldpress.jpg) no-repeat;	}
	
h2 {
	font-size:1.75em;
	margin-top:22px;
	width:500px;
	}
	
h3 {
	font-size:1em;
	
	}
	
#primary h3 {
	padding-top:15px;
	}	
	
h4 {
	font-size:0.8em;
	}
	
p {
	font-size:0.75em;
	padding:8px 39px 8px 0;
	line-height:1.5em;
	}

li {
	font-size:0.75em;
	}

/* 4.  =Links
----------------------------------------------- */	

a:link {
	color:#0093d0;
	text-decoration:none;
	}
a:visited {
	color:#003366;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a:active {
	color:#000;
	text-decoration:underline;
	}

/* 5.  =Main Nav
----------------------------------------------- */	

#nav {
	height:23px;
	list-style:none;
	display:inline;
	overflow:hidden;
	position:absolute;
	top:103px;
	left:190px;
	width:560px;
	}

#nav li {
	display:inline;
	list-style:none;
	}
	
#nav li a {
	float:left;
	padding:23px 0 0 0;
	margin-right:11px;
	overflow:hidden;
	height:0px !important;
	height:/**/:23px; /* for IE5/Win only */
	}
	
#nav a:hover, #nav a.selected {
	background-position:0 -23px;
	}
	
#t_products a {
	width:124px;
	background:url(../gfx/nav_products.gif) top left no-repeat;
	}

#products #t_products a,
#online #t_online a,
#portfolio #t_portfolio a,
#news #t_news a,
#about #t_about a,
#contact #t_contact a {
	background-position:0 -23px;
	}

#t_online a {
	width:124px;
	background:url(../gfx/nav_services.gif) top left no-repeat;
	}
	
#t_portfolio a {
	width:61px;
	background:url(../gfx/nav_portfolio.gif) top left no-repeat;
	}
	
#t_news a {
	width:45px;
	background:url(../gfx/nav_news.gif) top left no-repeat;
	}
	
#t_about a {
	width:61px;
	background:url(../gfx/nav_about.gif) top left no-repeat;
	}
		
#t_contact a {
	width:73px;
	background:url(../gfx/nav_contact.gif) top left no-repeat;
	}

/* 6.  =Sub Nav
----------------------------------------------- */	

#subnav {
	list-style:none;
	margin:12px 0 0 13px;
	}
	
#subnav li {
	background:url(../gfx/bullet.gif) 0 50% no-repeat;
	line-height:1.5em;
	font-size:0.95em;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:18px;
	}
	
#subnav li a {
	color:#000;
	}
	
h3.subnav {
	padding:12px 0 0 0;
	margin:0 0 0 10px;
	font-size:0.8em;
	font-style:italic;
	border-bottom:1px dotted #CCC;
	}

/* 7.  =Search
----------------------------------------------- */	

#search {
	margin:10px 0 10px 13px;
	}

#search label {
	text-indent:-9999em;
	position:absolute;
	}

#searchbox {
	width:142px;
	position:relative;
	}
	
#search #submit {
	position:absolute;
	width:26px;
	height:21px;
	
	}
	
.search_result h3{
	padding-top:15px;
	}
	
.search_result p {
	padding-top:0;
	padding-bottom:2px;
	margin-bottom:0px;
	}
	
p.result_count {
	font-style:italic;
	font-weight:bold;
	font-size:0.8em;
	padding-top:10px;
	margin-top:10px;
	margin-right:36px;
	border-top:1px dotted #CCC;
	}
	
p.result_count a {
	font-style:normal;
	font-weight:normal;
	}
	
/* 8.  =News
----------------------------------------------- */	

#newsbox {
	background:#edf2f5;
	padding-bottom:0px;
	margin-bottom:20px;
	}

#newsbox h3 {
	margin:20px 0;
	width:189px;
	height:22px;
	position:relative;
	}
	
#newsbox h3 span {
	background:url(../gfx/whats_new.gif);
	width:100%;
	height:100%;
	position:absolute;
	}

#newsbox h4, #newsbox p {
	margin-left:32px;
	}

#newsbox h4 {
	font-size:0.9em;
	padding-top:20px;
	}

#newsbox h4.first {
	padding-top:0;
	}
	
#newsbox p {
	font-size:0.7em;
	padding:2px 25px 7px 0;
	}
	
#newsbox p.date {
	padding:0;
	margin-bottom:2px;
	margin-right:20px;
	font-style:italic;
	font-size:0.7em;
	border-bottom:1px dotted #999;
	}
	
#newsbox a {
	font-weight:bold;
	}
#newsbox p.archive {
	margin:10px 0 0 0;
	padding:2px 0 2px 32px;
	}

	
#news h4 {
	padding-bottom:0;
	margin-bottom:0;
	font-size:1em;
	}
#news p.date {
	font-size:0.7em;
	font-style:italic;
	padding-top:0;
	margin-top:0;
	}
#news .item {
	width:500px;
	padding-bottom:10px;
	margin:10px 0;
	border-bottom:1px dotted #CCC;
	}
#news .item p {
	padding:3px 0;
	margin:0;
	}
	
/* 9.  =SIFR
----------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2.sifr {
	visibility: hidden;
	letter-spacing: -9px;
}

/* 10.  =Footer
----------------------------------------------- */

#footer {
	border-top:1px solid #CCC;
	width:760px;
	padding:10px 0;
	margin:10px 0 0 0;
	font-size:0.9em;
	text-align:center;
	}
	
#footer ul {
	list-style:none;
	text-align:center;
	width:760px;
	}
	
#footer ul li {
	display:inline;
	padding:0 10px;
	border-left:2px solid #AAA;
	}

#footer ul li.first {
	border:none;
	}
	
#footer p {
	clear:left;
	text-align:center;
	font-size:0.7em;
	}
	
/* 11.  =Zenphoto
----------------------------------------------- */

.album, .image {
	width:175px;
	float:left;
	padding-bottom:22px;
	}
	

	
.pagelist {
	list-style:none;
	margin:0;
	padding:0;
	width:150px;
	display:block;
	float:right;
	padding-bottom:2px;
	}

.pagelist li {
	float:left;
	}
	
.pagelist li.prev {
	margin-left:0;
	padding:0;
	margin-right:5px;
	}
.pagelist li.current {
	margin-right:5px;
	}
	
#albumDescEditable {
	font-size:0.75em;
	margin-bottom:15px;
	}

#zen_nav {
	width:500px;
	border-bottom:1px dotted #CCC;
	margin-bottom:20px;
	float:left;
	font-size:0.9em;
	padding:3px 0;
	}
	
.zencrumbs {
	margin-right:20px;
	float:left;
	width:350px;
	font-size:0.75em;
	}
	
	
.imageDesc {
	padding-top:10px;
	font-size:0.75em;
	}

.image_nav {
	padding:0;
	float:right;
	}

#image {
	padding-bottom:10px;
	}
	
h3.zen {
	padding-bottom:1px;
	margin-bottom:1px;
	}
	

/* 12.  =Forms
----------------------------------------------- */

label {
	clear:left;
	float:left;
	display:block;
	width:200px;
	font-weight:bold;
	padding-right:10px;
	}
	
label.radio {
	clear:none;
	width:auto;
	font-weight:normal;
	margin-bottom:10px;
	}
	
label.textarea {
	width:auto;
	}
	
#upload label {
	text-align:right;
	width:150px;
	}
	
form p {
	clear:left;
	font-weight:bold;
	padding:10px 0;
	}
	
form input {
	width:200px;
	}

form input.radio {
	width:auto;
	float:left;
	position:relative;
	top:3px;
	}
	
form select {
	width:150px;
	}
	
#upload input.radio {
	width:auto;
	float:left;
	}
#upload label.radio {
	clear:none;
	text-align: left;
	width: auto;
	}
	
#upload p {
	clear: both;
}

#upload ul.details {
	color:#000;
	clear:left;
	float:left;
	background:#CCC;
	padding:10px 10px 10px 25px;
	margin:0;
	display: block;
	width: 120px;
	font-size:0.8em;
	list-style-type:square;
	}
#upload ul.details strong {
	font-size:0.85em;
	}	
#upload ul.details li {
	color:#0093d0;
	}
	
#upload .detail {
	color:#000;
	}
#upload .noclear {
	clear:none;
	}
	
#upload textarea {
	width:200px;
	height:300px;
	}
#upload .upload {
	width: 200px;
}

form .required {
	color:#F00;
	}
	
#upload .button {
	width: 100px;
	margin-left: 160px;
}

#upload p.required {
	margin-left: 160px;
}

form .hidden {
	display:none;
	}
	
.confirm input {
	display:inline;
	float:left;
	clear:none;
	width:auto;
	}

.confirm label{
	clear:none;
	float:none;
	font-weight:normal;
	width:auto;
	}
	
.confirm {
	background:#FFC;
	border:1px solid #109AD3;
	padding:10px;
	width:80%;
	}
	
.option {
	font-weight:normal;
	}