body{
	background: #585d67;
	text-align: center;
	margin: auto;
	font-family: arial, helvetica, sans;
	font-size: 12px;
	color: #fff;
}

.bkg-div{
	width: 100%;
	background-repeat: repeat-x;
	text-align: center;
}

.full-size{
	width: 960px;
	margin: auto;
	text-align: left;
}

.page-c{
	position: relative;
	z-index: 3;
	clear: both;
	float: left;
	padding-left: 25px;
	width: 700px;
	padding-top: 30px;
}

#shadow{
	display: none;
	position: absolute;
	z-index: 9;
	background: url('/images/shadow-bkg.png') repeat;
	float: left;
}

#shadow-content{
	display: none;
	position: absolute; 
	z-index: 10;
	float: left;
	margin: auto;
	top: 130px;
	width: 100%; 
	text-align: center;
	padding-left: 95px;
}

#header-bkg{
	background: #6e7788;
	height: 88px;
	text-align: left;
}
#header{
	background: url('/images/header-bkg.jpg');
	height: 88px;
}

/* header component top-right (my account etc...) */
	.top-right{
		float: left;
		padding-top: 10px;
	}
	.top-right a{
		font-size: 12px;
		color: #fff;
		text-decoration: none;
	}
	.top-right a:hover{
		text-decoration: underline;
	}
	.top-right b{
		font-size: 26px;
		text-align: right;
		font-style: italic;
	}
/* end of header */

/* top-nav is the top navigation section */

	#top-nav-bkg{
		background: url('./images/top-nav-bkg.jpg');
		height: 44px;
		text-align: left;
	}
	#top-nav{
		height: 44px;
		background: url('./images/top-nav-bkg-main.jpg') no-repeat;
	}
		li.tn-roll{
			cursor: pointer;
		}
		#top-nav ul{
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
	
		#top-nav ul li{
			float: left;
			text-align: center;
			width: 170px;
			font-size: 16px;
			height: 44px;
			margin-left: 10px;
			margin-right: 10px;
		}
		
		#top-nav ul li a{
			font-size: 16px;
			line-height: 44px;
			color: #ebeef4;
			text-decoration: none;
			font-weight: 600;
		}
		
/* end of top-nav */

/* Page Styles */
#top-page-divider{
	background: url('/images/top-filler.jpg') top center no-repeat;
	height: 12px;
	overflow: hidden;
}
#full-page-bkg{
	background: url('/images/page-fill.jpg') top center repeat-y;
}
#top-blend{
	background: url('/images/top-blend.jpg') top center;
	height: 23px;
	position: absolute;
	z-index: 2;
}


#bottom-fold{
	height: 10px;
	background: url('/images/bottom-fold.jpg') top center no-repeat;
}

#footer-bkg{
	background: url('/images/footer-bkg.jpg') repeat-y;
	min-height: 170px;
}
#footer{

}

/* BEGIN LEFT NAVIGATION STYLES */

#leftnav{
	position: relative;
	z-index: 3;
	float: left;
	width: 200px;
}

#leftnav ul{
		position: relative;
		z-index: 2;
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: 5px;
		margin-top: 0px;
	}
	#leftnav ul li{
		padding: 0; 
		margin: 0;
		height: 27px;
		margin-bottom: 5px;
		cursor: pointer;
		background: url('/images/left-nav-li.png')  no-repeat;
	}
	#leftnav ul li a{
		padding-left: 10px;
		text-decoration: none;
		font-size: 14px;
		color: #ebeef4;
		font-weight: bold;
		line-height: 27px;
	}
	#leftnav .back-to-top{
		clear: left;
		margin-left: 25px;
		margin-top: 400px;
	}

	#sample-books-heading{
		float: right;
		width: 200px;
		height: 10px;
		margin-top: 10px;
		margin-right: -5px;
		background: url('/images/samples-top.jpg') no-repeat;
	}
	#sample-books{
		float: right;
		margin-right: -5px;
		width: 200px;
		background: url('/images/samples-fill.jpg') repeat-y;
	}
	#sample-books-foot{
		float: right;
		width: 200px;
		height: 10px;
		margin-bottom: 10px;
		margin-right: -5px;
		background: url('/images/samples-bottom.jpg') no-repeat;
	}
	#sample-books b{
		font-size: 20px;
		color: #585d67;
		padding-left: 20px;
	}
	#sample-books ul{
		padding-top: 5px;
	}
	#sample-books ul li{
		background: url('');
		font-size: 12px;
		height: 18px;
		text-indent: 10px;
	}
	#sample-books ul li a{
		color: #474a50;
		text-decoration: none;
		line-height: 18px;
	}
	#sample-books ul li a:hover{
		text-decoration: underline;
	}
	
	#page4 #price-box{
		width: 445px;
		min-height: 300px;
		margin-top: 15px;
		float: left;
		border: solid 1px #c2c2c2; 
		padding: 10px;
		font-size: 16px;
		color: #6e7788;
		line-height: 32px;
	}
	#page4 #price-box .Charge{
		float: right;
	}
	
	
/* END OF LEFT NAV Section of Page */

/* Sub Top Nav for ordering */
#sub-top-nav{
	list-style-type: none;
	margin: 0;
	padding:0;
	}
	
#sub-top-nav li{
	float: left;
	width: 130px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	background: url('/images/sub-top-nav.png') no-repeat;
	}
	
	#sub-top-nav li a{
		color: #ebeef4;
		font-size: 14px;
		line-height: 30px;
		text-decoration: none;
		font-weight: bold;
			}
/* enf of the sub top nav */
	
#page{
	position: relative;
	z-index: 3;
	float: left;
	width: 755px;
}

#page2{
	float: left;
	position: relative;
	z-index: 3;
	width: 755px;
}
#page3, #page4{
	float: left;
	z-index: 3;
	width: 755px;
}

	
	#page h1, #page2 h1, #page3 h1, #page4 h1{
		font-size: 32px;
		color: #c92335;
		margin: 0;
		padding: 0;
		letter-spacing: -1pt;
	}
	#page h2, #page2 h2, #page3 h2, #page4 h2{
		font-size: 26px;
		color: #c92335;
		margin: 0;
		padding: 0;
		letter-spacing: -1pt;
	}
	#page h3, #page2 h3, #page3 h3, #page4 h3{
		font-size: 22px;
		color: #c92235;
		letter-spacing: -1pt;
		margin: 0;
		padding: 0;
	}
	#page h4, #page2 h4, #page3 h4, #page4 h4{
		font-size: 14px;
		color: #fff;
		font-style: italic;
		margin: 0;
		padding: 0;
	}
	#page p, #page2 p, #page3 p, #page4 p{
		font-size: 14px;
		line-height: 18px;
		color: #585d67;
	}
	#page b, #page2 b, #page3 b, #page4 b{
		position: relative;
		z-index: 3;
		color: #000;
	}
	#page a, #page2 a, #page3 a, #page4 a{
		text-decoration: underline;
	}
	#page a:hover, #page2 a:hover, #page3 a:hover, #page4 a:hover{
		text-decoration: none;
	}
	#page ul, #page2 ul, #page3 ul, #page4 ul{
		color: #585d67;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#page ul li, #page2 ul li, #page3 ul li, #page4 ul li{
		font-size: 16px;
		height: 24px;
		line-height: 24px;
	}
	#page ul li b, #page2 ul li b, #page3 ul li b, #page4 ul li b{
		color: #585d67;
	}
	#page ul li a, #page2 ul li a, #page3 ul li a, #page4 ul li a{
		color: #0077bf;
		font-size: 16px;
	}
	#slice1{
		background: url('/images/home-slice1.jpg') bottom right no-repeat;
	}
	#slice2{
		background: url('/images/home-slice2.jpg') bottom right no-repeat;
	}
	#slice3{
		background: url('/images/home-slice3.jpg') top right no-repeat;
	}
	#slice3 b, #page3 b, #page4 b{
		font-size: 16px;
		color: #fff;
	}
	

	#testimonials b{
		color: #585d67;
		font-size: 14px;
	}
	
	#testimonials p, #shipping p{
		padding-bottom: 5px;
		margin-bottom: 0;
	}
	
	#laminated{ padding-top: 60px; }
	
	#laminated p{
		font-size: 14px;
		line-height: 20px;
	}
	
	#shipping p b{
		color: #bf1e2e;
	}
	
	#page4 p{
		padding-bottom: 15px;
		line-height: 22px;
	}
	#page4 a{
		color: #0077b5;
	}
	
	.quote{
		width: 55px;
		height: 18px;
		border: 0px solid transparent;
		background: transparent;
		font-size: 16px;
		color: #6e7788;
		text-align: right;
	}
	#slice4{
		background: url('/images/home-slice4.png') top right no-repeat;
	}
	
	#page .calc-total, #page2 .calc-total, #slice3 .calc-total, #page4 .calc-total{
		float: left;
		font-size: 32px;
		color: #fff;
		padding-left: 25px;
		padding-right: 10px;
	}
	#page .calc-tool, #page3 .calc-total{
		float: left;
		font-size: 32px;
		color: #fff;
		padding-left: 25px;
		padding-right: 10px;
	}
	
	#calc-ship{
		position: relative;
		z-index: 3;
		float: left;
		width: 173px;
		height: 82px;
		margin-top: 14px;
		margin-left: 5px;
		padding-top: 45px;
		background: url('/images/calc-ship.png') no-repeat top left;
	}
	
	
#three-samples{
		float: left;
		text-align: center;
	}
	#three-samples .sample-book{
		float: left;
		text-align: center;
		width: 235px;
	}
	#three-samples .sample-book img{
		margin-right: 10px;
	}
	#three-samples .sample-book ul{
		list-style-type: none;
		margin-top: 15px;
	}
	#three-samples .sample-book ul li{
		float: left;
		line-height: 20px;
		color: #585d67;
		font-size: 14px;
		height: 18px;
	}
	.sample-book ul li b{
		font-size: 14px;
	}
	.sample-book img{
		margin-top: 10px;
	}	
	.info{
		padding-top: 30px;
	}
	
	.attn{
		color: #0077b5;
	}
	#page4 .attn, #page3 .attn{
		color: #bf1e2e;
	}
	#page4 .attn2, #page3 .attn2{
		color: #0077b5;
	}
	#page4 .attn3{
		color: #bf1e2e;
		font-size: 26px;
	}
	
	#fancy{
	}
	
	ul#fancy li img{ padding-right: 25px; }
	ul#fancy li a{
		color: #6e7788;
		text-decoration: none;
	}
	#fancy li a:hover{
		color: #0077b5;
		text-decoration: underline;
	}
	
	#page #sampleform{
		color: #6e7788;
		font-size: 13px;
		line-height: 22px;
	}
	#page #sampleform b{
		color: #bf1e2e;
	}
	#page #sampleform input{
		border: solid 1px #c2c2c2;
		background: white;
		height: 24px;
	}
	#page #sampleform #sample-submit{
		width: 167px;
		height: 34px;
		border: 0px transparent solid;
		background: transparent;
		cursor: pointer;
	}
	
	#opening{
		margin-bottom: 0;
		padding-bottom: 45px;
	}
	
	#page .blue, #page2 .blue, #page3 .blue, #page4 .blue{
		color: #0077b5;
	}
	
	#page .red, #page2 .red, #page3 .red, #page4 .red{
		color: #bf1e2e;
	}
	
	#page .white, #page2 .white, #page3 .white, #page4 .white{
		color: #fff;
	}
	
	#page .grey, #page2 .grey, #page3 .grey, #page4 .grey{
		color: #6e7788;
	}
	
	#page .darkgrey, #page2 .darkgrey, #page3 .darkgrey, #page4 .darkgrey{
		color: #464a54;
	}
	
/* Sample Books Data */
.sample_books{
	width: 700px;
	clear: left;
	float: left;
}

	#sample1,#sample2,#sample3,#sample4,#sample5,#sample6{
		position: relative;
		z-index: 3;
		margin: 24px 0 0 0;
		padding:0;
		float: left;
		width: 233px;
		text-align: center;
		height: 275px;
	}
		
	#sample1 h3, #sample2 h3, #sample3 h3,#sample4 h3, #sample5 h3, #sample6 h3{
		font-size: 24px;
	}
	#sample1 h5,#sample2 h5, #sample3 h5, #sample4 h5, #sample5 h5, #sample6 h5{
		margin: 0 0 0 0;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.5pt;
	}
	
/* Custom Book Printing Page size selector buttons */
#size-selector{
}
#size5, #size6, #size8{
	float: left;
	margin: 8px 8px 0 0;
	width: 127px;
	height: 34px;
	cursor: pointer;
}

	.size5_bkg{ background: url('/images/size-5-grey.png') no-repeat; border: 0px transparent solid; }
	.size5_bkg:hover{ background: url('/images/size-5-grey-on.png'); }
	.size5_bkgR{ background: url('/images/size-5-red.png') no-repeat; border: 0px transparent solid; }
	.size5_bkgR:hover{ background: url('/images/size-5-red-on.png'); }

	
	.size6_bkg{ background: url('/images/size-6-grey.png') no-repeat; border: 0px transparent solid; }
	.size6_bkg:hover{ background: url('/images/size-6-grey-on.png'); }
	.size6_bkgR{ background: url('/images/size-6-red.png') no-repeat; border: 0px transparent solid; }
	.size6_bkgR:hover{ background: url('/images/size-6-red-on.png'); }

	
	.size8_bkg{ background: url('/images/size-8-grey.png') no-repeat; border: 0px transparent solid; }
	.size8_bkg:hover{ background: url('/images/size-8-grey-on.png'); }
	.size8_bkgR{ background: url('/images/size-8-red.png') no-repeat; border: 0px transparent solid; }
	.size8_bkgR:hover{ background: url('/images/size-8-red-on.png'); }
	
	#book_width, #book_height{
		height: 20pt;
		width: 35pt;
		font-size: 18px;
	}
	
	#project_name{
		height: 20pt;
		width: 300pt;
		font-size: 18px;
	}
	
	.radios{
		line-height: 24px;
	}
	
	#customer_name, #customer_email{
		width: 130pt;
		height: 18pt;
		font-size: 18px;
	}
	
	#customer_comments{
		width: 305pt;
		height: 90pt;
	}
	
	.view_details{ background: transparent; border: 0px transparent solid; border-bottom: 1px #464a54 solid; width: 85px; margin: 0 22px 0 23px; cursor: pointer; }
	.view_details:hover{ border: 0px; }
	
	.radios{ background: url('/images/radio-box.png') no-repeat; width: 15px; height: 15px; border: 0px solid transparent; }
	.radiosO{ background-image: url('/images/radio-box-on2.png'); }
	
	#calc-table{
		width: 229px;
		background: #ffffff;
		border: solid 1px #c2c2c2;
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
	}
	.calc-left{
		clear: left;
		float: left;
		text-align: right;
		width: 140px;
		color: #464a54;
		padding: 5px;
	}
	.calc-right{
		float: right;
		text-align: left;
		width: 60px;
		color: #6e7788;
		padding: 5px;
	}
	
/* END OF content STUFF */

	.footer-cell{
		float: left;
		width: 200px;
		margin-left: 35px;
		padding-top: 15px;
	}
	
	.footer-cell h4, #email-h4{
		font-size: 14px;
		color: #fff;
		margin: 0; 
		padding: 0;
		font-style: italic;
		letter-spacing: -0.125pt;
	}
	
	.footer-cell ul{
		list-style-type: none;
		color: #fff;
		font-size: 11px;
		margin: 0; 
		padding: 0;
		padding-top: 10px;
	}
	.footer-cell ul li{
		height: 25px;
		border-bottom: solid 1px #6e7788;
		line-height: 25px;
		margin: 0; 
		padding: 0; 
		text-indent: 15px;
	}
	.footer-cell ul li a{
		font-size: 11px;
		color: #fff;
		text-decoration: none;
	}
	.footer-cell ul li a:hover{
		text-decoration: underline;
	}