/* Meyer Resets v1.0 | 20080212
---------------------------------------------------------------------------- */	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


	
/* Type
---------------------------------------------------------------------------- */
body {
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	color: #333;
	background: #fff url(../images/bg-body.jpg) top right repeat;
}
	
a:link { color: #39f; text-decoration: none; }
a:visited { color: #39f; text-decoration: none; }
a:hover { color: #27c; text-decoration: none; }

.main-container a:link { color: #383; text-decoration: underline; }
.main-container a:visited { color: #272; text-decoration: underline; }
.main-container a:hover { color: #050; text-decoration: underline; }

h1, h2, h3, h4, h5 { color: #060; }
h1 { 
	font-size: 22px; 
	margin: 0 0 10px 0;
	line-height: 1.2;
}
h2 { 
	font-size: 18px; 
	margin: 0 0 10px 0;
	line-height: 1.4;
}
h3 { 
	font-size: 14px; 
	margin: 0 0 10px 0;
	line-height: 1.4;
}
h4 { 
	font-size: 12px; 
	margin: 0 0 10px 0;
	line-height: 1.4;
}
.main-container h2 {
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #999;
}
.main-container h2.first-h2 {
	padding: 0;
	border-top-style: none;
}
.main-container .rule {
	height: 1px;
	margin: 20px 0;
	background-color: #ccff99;
}	
.main-container .rule-level2 {
	height: 1px;
	margin: 20px auto 20px auto;
	border-top: 1px dashed #cf9;
}
p {
	font-size: 12px;
	line-height: 2.2;
	margin: 0 0 20px 0;
}
p.quote {
	padding: 0 20px;
	border-right: 3px solid #8c6;
	border-left: 3px solid #8c6;
	color: #060;
	font-size: 11px;
	line-height: 1.8;
}

ul { 
	list-style: disc inside; 
	margin: 0 0 20px 0;
	line-height: 1.5;
}
ul li { 
	margin: 0 0 10px 0; 
}
.credit {
	font-size: 10px;
}
.smaller {
	font-size: smaller;
}
.disclaimer {
	font-size: 10px;
	line-height: 1.8;
}
em { font-style: italic; }
b, strong { font-weight: bold; }
.superscript { font-size: 60%; line-height:1; vertical-align:top;}


/* Forms
---------------------------------------------------------------------------- */

input, textarea {
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
}
input, label { vertical-align: middle; }
input[type=text] {
	width: 290px;
	padding: 5px;
	border: 1px solid #390;
	background-color: #fff !important;
}
textarea {
	float: right; /* fix for safari */
	width: 290px;
	padding: 5px;
	border: 1px solid #390;
	background-color: #fff !important;
}
input.file {
	padding: 5px;
	margin-right: 4px;
	border: 1px solid #390;
	background-color: #fff !important;
}
input[type=checkbox] {
	margin: 0;
	padding: 0;
	line-height: 1;
}
select {
	padding: 5px;
	border: 1px solid #390;
	background-color: #fff !important;
}
label, 
.form-left-col { 
	width: 190px; 
	margin-right: 3px;
	display: block; 
	float: left;
	color: #060;
}
.form-left-col {
	margin: 5px 0 0 0;
}
.form-right-col {
	display: block;
	margin: 5px 0 0 193px;
}
.form-right-col label {
	width: 50px; 
	margin-right: 3px;
	display: inline; 
	float: none;
	color: #060;
}
.form-field-error, label.error
 { 
	display: block;
	margin: 5px 0 0 193px;
	font-size: 11px;
	line-height: 1.6;
	color: red; 
}
.form-error, 
.form-msg { 
	padding: 12px 20px;
	line-height: 1.6;
	border: 1px dashed #396;
	background: #ccff99 url(../images/bg-form-error.jpg) top center no-repeat;
}
.form-error { 
	color: red; 
}
.form-msg {
	color: #36c;	
}
#submit-message { 
	margin: 20px 0;
}
.form-row {
	clear: both;
	line-height: 1.2;
}
#checkbox, .checkbox {
	float: left; /* workaround to not display scrollbar fragment on safari */
}
#captcha-row, 
#form-subscribe-email,
#textbox,
.textbox {
	overflow: auto; /* allow the floated child expand the parent element height */
}
.form-button {
	clear: both;
	margin: 40px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ccff99;
	text-align: center;
	line-height: 1;
}
.form-button input {
	margin: 0;
	padding: 0;
}
.form-rule {
	height: 1px;
	margin: 25px 0 20px 0;
	background-color: #999;
}
.form-field-directions {
	display: block;
	margin: 3px 15px 0 0;
	font-size: 10px;
	line-height: 1.8;
	color: #333;
}
#captcha_directions {
	display: block;
	margin: 3px 0 5px 0;
	font-size: 10px;
}
p.required-directions {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccff99;
	color: #060;
	font-size: 10px;
	line-height: 1;
}
.form h4 { 
	clear: both; 
	margin: 10px 0 20px 0;
}
.form h4 input[type=checkbox], 
.form h3 input[type=checkbox] { 
	position: relative;
	top: -2px;
}


/* Structure
---------------------------------------------------------------------------- */
#wrap {
	width: 992px;
	margin: 0 auto;
	background: url(../images/bg-wrap.gif) top left no-repeat;
}
#wrap-btm {
	width: 992px;
	height: 45px;
	margin: 14px 0 0 0;
	background: url(../images/bg-wrap-btn.gif) bottom left no-repeat;
}
#content {
	width: 916px;
	padding: 29px 0 0 38px;
}
#section-one {
	width: 916px;
	padding: 0;
	margin:0;
	background: url(../images/bg-section-one.gif) top left repeat-y;
	overflow: auto;	
}
#section-one #main {
	width: 577px;
	margin: 0 55px 0 0;	
	float: right;
}
.main-intro {
	padding: 20px 40px 20px 40px;
}
.main-container {
	padding: 20px 40px 20px 40px;
	background-color: #ad7;
	background: #AFE47A url(../images/bg-main-container-top.jpg) top left no-repeat;
}
#footer {
	clear: both;
}



/* Header
---------------------------------------------------------------------------- */
#header {
	margin: 0 0 15px 0;
}
#header p,
#header h1,
#header h2 {
	margin: 0;
	padding: 0;
	line-height: 1;
}
#logo {
	width: 916px;
	height: 136px;
	background: url(../images/bg-logo.jpg) top right no-repeat;
}

#header #customer-links {
	position: absolute;
	top: 50px;
	margin-left: 700px;
	color: #999;
}

#customer-links a:link { color: #cff; }
#customer-links a:visited { color: #cff; }
#customer-links a:hover { color: #fff; }



/* Nav
---------------------------------------------------------------------------- */
#nav {
	width: 218px;
	margin: 0 0 0 15px;
	padding: 16px 0 0 0;
	float: left;
}
#nav ul {
	margin: 0;
	list-style:none;
	line-height: 1;
}
#nav li { 
	margin: 0; 
}
#nav li a { 
	display: block;
	padding: 11px 11px 11px 27px;
	font-size: 13px;
	font-weight: bold;
}

#nav li a:link { color: #666; text-decoration: none; }
#nav li a:visited { color: #666; text-decoration: none; }
#nav li a:hover { color: #27c; text-decoration: none; }

#pghome #nav li a#navhome, 
#pgprepress #nav li a#navprepress,
#pgcontact #nav li a#navcontact,
#pgsubscribe #nav li a#navsubscribe,
#pgcapabilities #nav li a#navcapabilities,
#pgmission #nav li a#navmission,
#pgbookpub #nav li a#navbookpub,
#pgyearbook #nav li a#navyearbook {
	color: #27c;
	background-color: #fff;
	border: 1px solid #ccc;
	border-style: solid none solid none;
}



/* Homepage
---------------------------------------------------------------------------- */

#pghome #header {
	height: 233px;
}
#pghome #header #logo {
	width: 916px;
	height: 185px;
	background: url(../images/bg-logo-home.jpg) top left no-repeat;
}
#pghome #nav {
	position: static;
}	

#section-two {
	margin: 0 0 14px 0;
	background: url(../images/bg-section-two.jpg) top left repeat-y;
}
#section-two-top {
	background: url(../images/bg-second-two-top.jpg) top left no-repeat;
}
#section-two-spacing {
	padding: 27px 40px;
}
#section-two #main {
	float: right;
	width: 493px;
	margin: 0 0 0 284px;
	margin: 0;
}

#pghome #section-one {
	height: 405px;
	position: absolute;
	top: 229px;
}
#pghome #section-two {
	margin-top: 386px;
}

#pghome h3 {	
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px; 
	margin: 0 0 10px 0;
	line-height: 1.4;
}	

/* Homepage slideshow
---------------------------------------------------------------------------- */
#pghome #section-one #slideshow {
	width: 598px;
	height: 377px;
	position: absolute;
	top: 6px;
	margin: 0 0 0 280px;	
}
#pghome .credit {
	position: absolute;
	top: 383px;
	margin: 0 0 0 280px;	
}

/* Homepage Callouts
---------------------------------------------------------------------------- */
#section-two #callouts ul {
	margin: 0;
	list-style:none;
	line-height: 1;
}
#section-two #callouts ul li { 
	margin: 0; 
}

#section-two #callouts {
	width: 263px;
}
#section-two #callouts h3 {
	font-size: 16px; 
	margin: 0 0 10px 0;
	line-height: 1.4;
	color: #fff;
}
#co-capabilities,
#co-quote,
#co-fileupload,
#co-subscribe { 
	display: block;
	margin: 0 0 14px 0;
	width: 263px;
	height: 90px;
	background-position: top left;
	background-repeat: no-repeat; 
}
#co-capabilities { background-image: url(../images/co-capabilities.jpg); }
#co-quote { background-image: url(../images/co-quote.jpg); }
#co-fileupload { background-image: url(../images/co-fileupload.jpg); }
#co-subscribe { background-image: url(../images/co-subscribe.jpg); }

#section-two #callouts .last-co { margin: 0; }



/* Capabilities
---------------------------------------------------------------------------- */



/* Our Mission
---------------------------------------------------------------------------- */




/* Pre-Press Guidelines
---------------------------------------------------------------------------- */



/* Book Publishing 
---------------------------------------------------------------------------- */


/* Yearbook Printing 
---------------------------------------------------------------------------- */



/* Subscribe
---------------------------------------------------------------------------- */
#pgsubscribe h2 { 
	margin: 0 0 20px 0;
}
#pgsubscribe .main-container h3 { 
	margin: 0 0 20px 0;
}

/* Contact 
---------------------------------------------------------------------------- */
#pgcontact  {

}


/* Request a Quote 
---------------------------------------------------------------------------- */
#pgquote  .main-container h3 {
	clear: both;
}
	

/* Privacy
---------------------------------------------------------------------------- */





/* Footer
---------------------------------------------------------------------------- */
#footer {
	width: 871px;
	margin: 29px 0 0 22px;
	background: #fff url(../images/bg-footer-btm.jpg) bottom left no-repeat;
}
#footer-top {
	background: url(../images/bg-footer-top.jpg) top left no-repeat;
}
#footer-spacing {
	padding: 14px;
}
#footer p {
	color: #666;
	font-size: 10px;
	line-height: 1.5;
	margin: 0;
	text-align: center;
}

#footer a:link { color: #666; text-decoration: underline; }
#footer a:visited { color: #666; text-decoration: underline; }
#footer a:hover { color: #999; text-decoration: underline; }








/* General
---------------------------------------------------------------------------- */
.hide {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
}

.clear { clear: both; }

.fl {float: left;}
.fr {float: right;}
img.fl,
img.fr {
	position: relative;
	top: 6px;
}
img.fl {
	margin: 0 15px 10px 0;
}
img.fr {
	margin: 0 0 10px 15px;
}
img.wide {
	position: relative;
	top: -20px;
	/* left: -41px; */
}