/* @override file:///Users/jarvis/Development/PkPrint%20website/site/stylesheet.css */


body {
    background-color: #000000;
}

.page {
    position: relative;
    width: 1200px;
    height: 762px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    background-color: #ffffff;
}

.bg_top {
    position: absolute;
    top:    0px;
    left:   0px;
    width: 1200px;
    height:  214px;
}

.bg_left {
    position: absolute;
    top:    214px;
    left:   0px;
    width: 52px;
    height:  249px;
}

.bg_fill {
    position: absolute;
    top: 214px;
    left: 52px;
    /* don't specify dimensions -
    	source images are different sizes!
    width:  213px;
    height: 100px; */
}

.sgp_logo {
	position: absolute;
	top: 380px;
	left: 72px;
}

.green_stamp_logo {
    position: absolute;
    top: 573px;
    left: 84px;
}

.pageBody {
    position: absolute;
    top:    215px;
    left: 300px;
    right:  52px;
    height: 461px;
    /* nasty, but probably necessary to prevent scroll bars appearing when
        things only just fit! JC 2011-01-10
    */
	/* overflow: hidden; */
}

.nav_top {
	position: absolute;
	top: 160px;
	right: 52px;
}

.nav_bottom {
	position:  absolute;
	top: 687px;
	right: 52px;
}

.nav_top ul,
.nav_bottom ul {
	display: block;
}

.nav_top ul li,
.nav_bottom ul li {	
	list-style: none;
    /* doesn't work in IE8 - JC 2011-01-10
	    display: inline-block; 
    */
    display: block;
    float: left;
    margin-right: 5px;
	width:  138px;
	background-image: url(images/button_bg.png);
	height:  22px;
	overflow: hidden;
	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);

}

.nav_top a,
.nav_bottom a {
	display: block;
	width:  138px;
	height:  22px;
	text-align: center;
	color: #000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: uppercase;
	font: bold 14px/22px Arial, sans-serif;
	white-space: nowrap;
}

.pageBody h1 {
	font: normal 34px Arial, sans-serif;
	margin-top: 17px;
	letter-spacing: 1px;
	margin-bottom: 17px;
	text-align: left;
}
.pageBody h2 {
	font: bold 16px Arial, sans-serif;
	margin-bottom: 4px;
	text-align: left;
}

.pageBody h3 {
	color: black;
	font: bold 14px/20px Arial, sans-serif;
	letter-spacing: 1px;
	text-align: left;
}

.pageBody p.abstract {
	font: bold 20px Arial, sans-serif;
	margin-bottom: 17px;
}

.pageBody p,
.pageBody ul,
.pageBody ol {
	margin-bottom: 20px;
	color: black;
	font: normal 14px/20px Arial, sans-serif;
	letter-spacing: 1px;
}

.pageBody ul {
	list-style-position: outside;
	list-style-type: disc;
}

.pageBody ol {
	list-style-position: outside;
	list-style-type: decimal;
}

.pageBody ul li, 
.pageBody ol li{
	display: list-item;
	margin-left: 20px;
	margin-bottom: 3px;
}

/* column layout for services.html */

.services_html .pageBody .columns div {
	float:  left;
	width:  235px;
	margin-right:  45px;
}

.services_html .pageBody .columns div.last {
	margin-right: 0;
}

/* column/table layout for digital.html */

.digital_html .pageBody .columns table {
	float: left;
	width: 180px;
	margin-right: 25px;
}

.digital_html .pageBody .columns table.last {
	margin-right: 0;
}

.digital_html .pageBody .columns table td.head {
	height: 36px;
	margin-bottom: -5px;
}

.digital_html .pageBody .columns table td.head h2 {
	margin-bottom: 0px;
}

.digital_html .pageBody  .columns table td {
	text-align: right;
	color: black;
	font: normal 14px/20px Arial, sans-serif;
	letter-spacing: 1px;
	padding-left: 10px;
}

.digital_html .pageBody .columns table td h3 {
	margin-top: 5px;
}

/* specific layout for showcase*.html */

/* absolute position on page,
	but relative to enclosing .pageBody 
	(ie: position: absolute;
         top:    215px;
         left: 300px; ) */
         
.showcase_html .pageBody table {
		position: absolute;
		top: 66px;
		left:  0px;
		border-collapse: collapse;
}

.showcase_html .pageBody  table td {
	vertical-align: top;
	text-align: left;
}

.showcase_html .pageBody img.thumbnail {
	margin: 5px 15px 15px 5px;
	border: 1px solid #919191;
}


.showcase_html .pageBody img.selected {
	margin: 0px 20px 20px 0px;
	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
}

.showcase_html .pageBody .blurb {
		position: absolute;
	top: 	66px;
	left:	380px;
	right:  270px;
}

.showcase_html .pageBody img.main {
    position: absolute;
	top: 66px;
	left: 600px;
	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.60);
}

/* specific layout for quotation.html */

.quotation_html .pageBody {
	overflow: scroll
}
 
.quotation_html fieldset {
	margin-bottom: 17px;
}

label, legend, .field, .subfield, input, textarea {
	float:  left;
}

label, legend {
		font: normal 12px/20px Arial, sans-serif;
		text-align: right;
		margin-right: 5px;
		color: #7a7478; 
		text-transform: uppercase; 
}

legend {
	color: #c23a2e;
}

.field {
	display: block;
	clear: left;
	margin-bottom: 5px;
}

.subfield .field {
	margin-bottom:  0px;
}

.subfield {
	display: inline;
	margin-right: 5px;
}

legend,
.field label,
.subfield.first label {
	width:  170px;
}

.subfield label {
	width:  auto;
}

.greybox {
	position: relative;
	top:  -3px;
	left: -3px;
	background-color: #f4f4f4;
	padding: 3px;
}

input.button {
	float: none;
	height:  22px; 
	text-align: center;
	color: #000;
	font: normal 12px/20px Arial, sans-serif;
	vertical-align: baseline;
	text-transform: uppercase; 
	white-space: nowrap;
	margin-left: 175px;
	background: url(images/button_bg.png) repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 50px;
}

/* column layout for artwork.html */

.artwork_html .pageBody .columns div {
	float:  left;
	width:  400px;
	margin-right:  43px;
}

.artwork_html .pageBody .columns div.last {
	margin-right: 0;
}

.artwork_html .pageBody ul {
	margin-bottom: 20px;
	font: normal 12px/16px Arial, sans-serif;
	letter-spacing: 1px;
}

.artwork_html .pageBody h2 {
	font: bold 14px Arial, sans-serif;
	text-transform: uppercase; 
}

/* contact.html layout */

/* absolute position on page,
	but relative to enclosing .pageBody 
	(ie: position: absolute;
         top:    215px;
         left: 300px; ) */
         
.contact_html img#factory {
	position: absolute;
	top: 113px; /* 328 px */
	left:  374px; /* 674px */
}

/* ftp_upload.html layout */

.ftp_upload_html .pageBody img#ftp_upload_button {
	vertical-align: top;
}

.ftp_upload_html .pageBody div.postamble p {
	margin-bottom: 0;
}