@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. 	*/
body{
/*	max-width: 			1400px;    	*/ 
/*	margin: 			0 auto;		*/
/*	float: 				none ;		*/
}

div.gridContainer {
	margin-left: 		auto;
	margin-right: 		auto;
	width: 				80%;
	padding-left: 		3%;
	padding-right: 		3%;
	display: 			block;
}
div.containerTop {
	clear:				both;
	margin-left: 		auto;
	margin-right: 		auto;
	width: 				75%;
	padding-left: 		 3%;
	padding-right: 		 3%;
	display: 			block;
}
div.containerInner {
	clear:				both;
	display: 			block;
	margin-left: 		auto;
	margin-right: 		auto;
	float:          	left;
	text-align:			center;
	padding:		 	0 px;
	width: 				100%;
}

div.layoutDiv1 {
	margin-left: 		auto;
	margin-right: 		auto;
	width: 				95%;
	padding:		 	0 px;
	display: 			block;
}
div.center1 {
	display:			block;
	float:				left;
	margin:				auto;
	width:				100%;
	text-align:			center;
	border:				0px;
	padding:			10px;
}

div.centerBlack {
	clear:				both;
	background-color: 	#FFFFFF;
	background-image:	url(../images/wg_aged_surface_texture_dark.jpg);
	border:				0px;
	color:				#000000;
	display: 			block;
	float:				left;   
	justify-content:	center;
	margin:				auto;
/*	max-width: 			1000px; 	*/ 
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}
div.centerBlack1000 {
	clear:				both;
	background-color: 	#FFFFFF;
	background-image:	url(../images/wg_aged_surface_texture_dark.jpg);
	border:				0px;
	color:				#000000;
	display: 			block;  
	float:				left;
	justify-content:	center;
	margin:				auto;
 	max-width: 			1500px; 	  
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}
div.centerBeige {
	clear:				both;
	background-color: 	#FFFFFF;
	background-image:	url(../images/lightBrownPaperRepeat.jpg);
	border:				0px;
	color:				#000000;
	display: 			block;
	float:				left;   
	justify-content:	center;
	margin:				auto;
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}
div.centerMarble {
	clear:				both;
	background-color: 	#5f2f07;
	background-image:	url(../images/seamlesstexture23_1200.jpg);
	border:				0px;
	color:				#000000;
	display: 			block;
	float:				left;   
	justify-content:	center;
	margin:				auto;
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}
div.centerWater {
	clear:				both;
	background-color: 	#FFFFFF;
	background-image:	url(../images/water-background.gif);
	border:				0px;
	color:				#000000;
	display: 			block;
	float:				left;   
	justify-content:	center;
	margin:				auto;
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}

#galleryRow {
	clear:				both;
	color:				#FFFFFF;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	text-align:			center;
	width:				100%;
}
#galleryRow2 {
	clear:				both;
	color:				#FFFFFF;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	max-width: 			600px;    
	text-align:			center;
	width:				100%;
}
#galleryRow3 {
	clear:				both;
	color:				#FFFFFF;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	max-width: 			900px;    
	text-align:			center;
	width:				100%;
}
#galleryRowBlack {
	clear:				both;
	color:				#000000;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	max-width: 			900px;    
	text-align:			center;
	width:				100%;
}
#galleryRow4 {
	clear:				both;
	color:				#FFFFFF;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	max-width: 			1000px;  
	text-align:			center;
	width:				100%;
}
#galleryRow5 {
	clear:				both;
	color:				#FFFFFF;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	max-width: 			1400px;  
	text-align:			center;
	width:				100%;
}
	
a {	
	display:		block;
	font-family: 	"Merriweather";
	font-weight:	700;
	text-align:		center;
}

a.block {
	display:		block;
	font-family: 	"Merriweather";
	font-weight:	900;
}

.center {
	text-align:		center;
}

.dark{
	font-family: 	"Fredericka the Great";
	font-size: 		30px;
	color:			darkblue;
}

p {
	font-family: 	"Inknut Antiqua";
	text-align:		left; 
	line-height: 	130%;
	width:			90%;
	font-size: 		18px;
	margin-bottom: 	1px;
	margin-top: 	10px; 
	margin-left: 	30px;
	text-indent: 	 0em;
}

p.Merriweather300 {
	font-family: 	'Merriweather', serif;
	font-weight:	300;
}
p.Merriweather {
	font-family: 	'Merriweather', serif;
	font-weight:	400;
}
p.MerriweatherDB {
	font-family: 	'Merriweather', serif;
	font-weight:	700;
	color:			#4D0000;
}
p.Merriweather700 {
	font-family: 	'Merriweather', serif;
	font-weight:	700;
	line-height: 	180%;
}
p.Merriweather900 {
	font-family: 	'Merriweather', serif;
	font-weight:	900;
}
p.Inknut {
	font-family: 	'Inknut Antiqua', serif;
}

p.FrederickaGreat  {
	font-family: 	'Fredericka the Great', cursive;
}

div {
    clear: left;
}
h1 {
    text-indent: 		0px;
	text-align:			center; 
    padding: 			0px  0px 0px 00px; 
    margin:  			0px 0px 0px 0px;
    font-size: 			30pt; 
    font-family: 		'Bevan', cursive; 
	font-weight: 		normal;
	line-height: 		120%;
    color: 				#000000;
    background-color: 	transparent; 
    }	
h2 {
    text-indent: 		0px;
	text-align:			left; 
    padding: 			10px  0px  0px 20px; 
    margin: 			 0px 10px 10px 40px;
    font-size: 			24pt; 
    font-family: 		'Merriweather', serif;
	font-weight: 		700; 
	line-height: 		100%;
    background-color: 	transparent; 
    }
h2Center {
    text-indent: 		0px; 
	text-align:			center; 
    padding: 			  0px   0px  0px   0px;  
    margin: 			  0px   0px  0px   0px;
    font-size: 			28pt; 
    font-family: 		'Merriweather', serif; 
	font-weight: 		700;
	line-height: 		120%;
    background-color: 	transparent; 
    }
			
h2Colspan {
	-webkit-column-span: all; 					/* Chrome, Safari, Opera */
    column-span: 		all;
    text-indent: 		0px;
	text-align:			center; 
    padding: 			 0px  0px  0px  0px; 
    margin: 			 0px  0px  0px  0px;
    font-size: 			28pt; 
    font-family: 		'Merriweather', serif;
	font-weight: 		700; 
	line-height: 		120%;
    background-color: 	transparent; 
    }	
.sigmar {
    font-family: 		'Sigmar One', sans-serif; 
	color:				darkblue;
	font-weight: 		normal; 
    }
	
h3 {
    text-indent: 		0px; 
	text-align:			left; 
    padding: 			 0px  0px  0px  0px; 
    margin: 			 0px 10px  0px  0px;
    font-size: 			14pt; 
    font-family: 		'Merriweather', serif; 
	font-weight: 		700;
	line-height: 		120%;
    background-color: 	transparent; 
    }
	
h3Center {
    text-indent: 		0px; 
	text-align:			center; 
    padding: 			 0px   00px  0px   00px; 
    margin: 			 0px   00px  0px   00px;
    font-size: 			14pt; 
    font-family: 		'Merriweather', serif; 
	font-weight: 		700;
	line-height: 		120%;
    background-color: 	transparent; 
    }
		
h4 {
    text-indent: 		0px; 
	text-align:			left;
    padding: 			 0px  0px  0px 20px; 
    margin: 			 0px  0px  0px 40px;
    font-size: 			14pt; 
    font-family: 		'Inknut Antiqua', serif; 
	font-weight: 		normal;
	line-height: 		120%;
    background-color: 	transparent; 
    }	
		
h5 {
    text-indent: 		0px; 
	text-align:			center;
    padding: 			 0px  0px  0px 0px; 
    margin: 			-4px  5px 15px 5px;
    font-size: 			12pt; 
    font-family: 		'Inknut Antiqua', serif; 
	font-weight: 		normal;
	line-height: 		130%;
    background-color: 	transparent; 
    }	

u{font-family: "georgia";
font-size: 16px;
}

img {
	display:		block;
	margin-top : 	5px;
	margin-right : 	auto;
	margin-bottom : 5px;
	margin-left : 	auto;
	padding : 		0px;
	border:			3px solid;	
}
img250 {
	display:		block;
	height:			250px;
	width:			250px;
	margin-top : 	5px;
	margin-right : 	auto;
	margin-bottom : 5px;
	margin-left : 	auto;
	padding : 		0px;
	border:			3px solid;	
}

.bookImgCenter1 {
	border:			5px solid #FFDEAD;
	border-color:	#FFDEAD;
	display:		inline;
	height:			200px;
	padding: 		 0px   0px    0px   0px; 
    margin: 		 20px  15px   0px  15px;	
}

.bookImgCenter2 {	
	border:			5px solid #4D0000;
	border-color:	#4D0000;
	display:		inline;
	height:			200px;
	padding: 		  0px   0px   0px   0px; 
    margin: 		 20px  15px   0px  15px;	
}

.bookImg1 {
	border:			5px solid #FFDEAD;
	border-color:	#FFDEAD;
	height:			200px;	
}
.bookImg2 {
	border-color:	#4D0000;
	height:			200px;	
}

.imgShadow {  
	border:1px solid #000000;  
	box-shadow: 10px 10px 5px #5f5db4;
	-moz-box-shadow: 10px 10px 5px #5f5db4; 
	-webkit-box-shadow: 10px 10px 5px #5f5db4; 
	-khtml-box-shadow: 10px 10px 5px #5f5db4; 
}

.indented
   {
   padding-left: 25pt;
   padding-right: 25pt;
   }
   
.text {
 	text-align: 		left; 
    text-indent: 		0px; 
    padding: 			0px 0px 0px 20px; 
    margin: 			10px 40px 10px 40px; 
    font-size: 			20px; 
    font-family: 		'Merriweather', serif; 
    font-style: 		normal; 
    font-weight: 		bold; 
    color: 				#FFFFFF; 
    background-color: 	transparent; 
    }
.smallTextCenter {
 	text-align: 		center;
    text-indent: 		0px;
    padding: 			0px 0px 0px 0px;
    margin: 			0px 0px 0px 0px;
    font-size: 			12pt;
    font-family: 		"Comic Sans MS", "Lucida Grande", sans-serif;
    font-style: 		normal;
    font-weight: 		bold;
    color: 				#000000;
    background-color: 	transparent;
    }

.white{color: 			white;}
.black{color: 			black;}
.brown{color: 			brown;}
.darkRed{color: 		darkRed;}
.darkBrown{color: 		#4D0000;}
.darkBlue{color: 		darkblue;}
.darkGreen{color: 		darkgreen;}
.cream3{color: 			#EED5B7;}
.cream4{color: 			#EEC591;}
.gold{color: 			#FFD700;}
.orange{color: 			#FFA500;}

table.box {
	display:			block;
	max-width: 			90%;
	table-layout:		auto;
	border:				3px solid black;
    border-color: 		black;
	background-image:	url(../images/wg_aged_surface_texture_light.jpg);
	background-color: 	Cornsilk;
	color:				black;
	margin-right:		5%;
	margin-left:		5%;
}	

table.tbBook1 {
	display:			block;
	table-layout:		auto;
	border:				4px solid red;
    border-color: 		black;
	background-color: 	#5F2F07;
	background-image:	url(../images/wg_aged_surface_texture_dark.jpg);
	color:				#000000;
	margin-top:			auto;
	margin-right:		auto;
	margin-left:		auto;
	margin-bottom:		5px;
}

table.tbBook2 {
	display:			block;
	table-layout:		auto;
	border:				4px solid black;
    border-color: 		black;
	border-collapse:	collapse;
	background-color: 	#5f2f07;
	background-image:	url(../images/old-paper-3.jpg);
	color:				#F2C6BF;
	margin-top:			auto;
	margin-right:		auto;
	margin-left:		auto;
	margin-bottom:		5px;
	width: 				700;
}
table.tbBook3 {
	display:			block;
	table-layout:		auto;
	border:				4px solid black;
    border-color: 		black;
	border-collapse:	collapse;
	background-color: 	#5f2f07;
	background-image:	url(../images/seamlesstexture23_1200.jpg);
	color:				#F2C6BF;
	margin-top:			auto;
	margin-right:		auto;
	margin-left:		auto;
	margin-bottom:		5px;
	width: 				700;
}
table.tbText {
	display:			block;
	table-layout:		auto;
	border:				4px solid red;
    border-color: 		black;
	background-color: 	#5F2F07;
	background-image:	url(../images/wg_aged_surface_texture_dark.jpg);
	color:				#000000;
	margin-top:			auto;
	margin-right:		auto;
	margin-left:		auto;
	margin-bottom:		5px;
	max-width: 			90%;
}

td.box {
	color: 				darkBrown;
	border:				3px;
	text-align:			center;
	font-family:		"Merriweather", serif;
	font-weight: 		700;
	font-size:			24px;
	max-width: 			90%;
    padding: 			10px 10px 20px 10px;  
}
td.box300 {
	color: 				darkBrown;
	border:				3px;
	text-align:			center;
	font-family:		"Merriweather", serif;
	font-weight: 		700;
	font-size:			24px;
	width: 			    300px;
    padding: 			10px 10px 20px 10px;  
}
td.book1 {
	color: 				white;
	text-align:			center;
	vertical-align:		middle;
	font-family:		"Merriweather", Times, serif;
	font-weight:		400;
	font-size:			22px;
    padding: 			0px 0px 20px 20px;
	width:				250px;  
}

td.book1R {
	color: 				white;
	text-align:			center;
	vertical-align:		middle;
	font-family:		"Merriweather", Times, serif;
	font-weight:		400;
	font-size:			22px;
    padding: 			0px 0px 20px 20px;
	max-width:			60%;  
}

td.book2 {
	color: 				brown;
	text-align:			center;
	vertical-align:		middle;
	font-family:		"Merriweather", Times, serif;
	font-weight:		400;
	font-size:			22px;
    padding: 			0px 0px 20px 20px;
	width:				250px;  
}
td.book2R {
	color: 				brown;
	text-align:			center;
	vertical-align:		middle;
	font-family:		"Merriweather", Times, serif;
	font-weight:		400;
	font-size:			22px;
    padding: 			0px 0px 20px 20px;  
}


<! -------------------------------------------------------------------------- !>