body	{
		background-color: #f9f2ec;
		background-image:url('../images/background.jpg');
		background-repeat:repeat-x;
		background-attachment:scroll;
		background-position:top left; 

	}
	
	.footer	{
		margin-top:10px;
	}

	.box-top {
		background-color:#fff; 
		z-index:1; 
		position:relative; 
		box-shadow: 0 0 10px #d1cbc6;
		-moz-box-shadow: 0 0 10px #d1cbc6;
		-webkit-box-shadow: 0 0 10px #d1cbc6;
		padding:20px 20px 30px 20px;	
	}




	a.circlebutton {background: url('../images/sprite.gif') 0px 0px;
		background-repeat:no-repeat;
		width:610px;
		height:118px;
		display:block;

		}
	a.circlebutton:hover{background: url('../images/sprite.gif') 0px -118px;
			background-repeat:no-repeat;
		}
		
	a.nextbutton {background: url('../images/next-button.gif') 0px 0px;
		background-repeat:no-repeat;
		width:601px;
		height:105px;
		display:block;

		}
	a.nextbutton:hover{background: url('../images/next-button.gif') 0px -105px;
			background-repeat:no-repeat;
		}	
	
	a.cart-button {background: url('../images/AddToOrder.png') 0px 0px;
		background-repeat:no-repeat;
		width:278px;
		height:121px;
		display:block;
		margin: 0 auto 0 auto;
		}
	a.cart-button:hover{background: url('../images/AddToOrder.png') 0px -121px;
			background-repeat:no-repeat;
		}

	span.hand,
	h1.hand,
	h2.hand,
	h3.hand,
	h4.hand,
	h5.hand,
	h6.hand,
	p.hand	{
		font-family:'Covered By Your Grace';
	}
	
	span.orange,
	h1.orange,
	h2.orange,
	h3.orange,
	h4.orange,
	h5.orange,
	h6.orange,
	p.orange	{
		color:#c3482e;
	}
	
	span.darkorange,
	h1.darkorange,
	h2.darkorange,
	h3.darkorange,
	h4.darkorange,
	h5.darkorange,
	h6.darkorange,
	p.darkorange	{
		color:#612417;
	}
	
	
	span.green,
	h1.green,
	h2.green,
	h3.green,
	h4.green,
	h5.green,
	h6.green,
	p.green	{
		color:#59752f;
	}
	
	span.darkgreen,
	h1.darkgreen,
	h2.darkgreen,
	h3.darkgreen,
	h4.darkgreen,
	h5.darkgreen,
	h6.darkgreen,
	p.darkgreen	{
		color:#39521f;
	}
	
	span.blue,
	h1.blue,
	h2.blue,
	h3.blue,
	h4.blue,
	h5.blue,
	h6.blue,
	p.blue	{
		color:#0b5777;
	}
	
	span.darkblue,
	h1.darkblue,
	h2.darkblue,
	h3.darkblue,
	h4.darkblue,
	h5.darkblue,
	h6.darkblue,
	p.darkblue	{
		color:#073548;
	}
	
		
	span.bold,
	h1.bold,
	h2.bold,
	h3.bold,
	h4.bold,
	h5.bold,
	h6.bold,
	p.bold	{
		font-weight:bold;
	}
	
	span.condensed,
	h1.condensed,
	h2.condensed,
	h3.condensed,
	h4.condensed,
	h5.condensed,
	h6.condensed,
	p.condensed	{
		font-family:'Ubuntu Condensed';
			}
	
	img.author	{
		float:right;
		margin:10px 0px 20px 0px;
		width:200px;
	}
	
	
	img.frame-left	{
		float:left;
		margin:0px 20px 0px -60px;
	}
	
	img.frame-right	{
		float:right;
		margin:0px -60px 0px 20px;
	}
	
	
	img.tagline  {
			margin-top:0px;
		}
		
	img.logo	{
			margin-left:0px; 
			z-index:100; 
			position:relative;
		}
	
	img.circle	{
		float:left;
		width:120px;
		margin:0px 20px 0px -30px;
	}
	
	img.cover	{
		float:left;
		width:200px;
	}
		
	p.step	{
		font-family:'Covered By Your Grace';
		font-size:40px;
		line-height:1.1em;
		margin:50px 0px 20px 0px;
	}
	
	img.step	{
		margin-left:-37px;
		margin-right:20px;
		float:left;
		height: 189px;
	}
		
	img.step-alt	{
		margin-left:-40px;
		margin-right:20px;
		margin-bottom:30px;
		float:left;
		height: 189px;
	}
			
		
	@media (min-width: 768px) and (max-width: 992px)	{	
		.box-top {
			margin-top:154px;
			padding-top:30px;
			}
		
		img.tagline  {
			margin-top:70px;
			margin-left:-60px;
			z-index:100; 
			position:relative;
			}
		img.logo	{
			margin-top:20px;
			margin-left:-50px;
			}
		img.author	{
			width:300px;
			}
			
		img.step-alt	{
		margin-left:-40px;
		}	
		
	}
	
	@media (min-width: 992px) and (max-width: 1200px)	{	
		.box-top {
			margin-top:-51px;
			padding-top:20px;
			}
		
		img.tagline  {
			margin-top:60px;
			margin-left:-60px;
			}
			
		img.logo	{
			margin-top:0px;
			margin-left:-40px; 
			}
		.step	{
		margin-left:170px;
			}
		img.author	{
			width:300px;
			}
		.reader	{
		padding-right:60px;
		padding-left:60px;
		}
		img.step-alt	{
		margin-left:-100px;
		}	
			
	}
	
	@media (min-width: 1200px)	{	
		.box-top {
			margin-top:-54px;
			padding-top:20px;
			}
		
		img.tagline  {
			margin-top:60px;
			margin-left:-60px;
			}
		img.logo	{
			margin-top:0px;
			margin-left:-40px; 
			}
		.step	{
			margin-left:170px;
			}
		img.author	{
			width:300px;
			}
		.callout	{
		padding-right:300px;
		}
		
		.reader	{
		padding-right:60px;
		padding-left:60px;
		}
		
		img.step-alt	{
		margin-left:-100px;
		}	
		
	}