@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%;
}

body{
/*	font-family: 		'Bitter', serif;
/*	font-size:			18px;
/*	max-width: 			1400px;    	*/ 
/*	margin: 			0 auto;		*/
/*	float: 				none ;		*/
}

/*  CONTAINERS                                             */

div		{
}

div.gridContainer {
	border:				0px;
	display: 			block;
	margin-left: 		auto;
	margin-right: 		auto;
	overflow:			hidden;
	padding-left: 		0;
	padding-right: 		0;
	width: 				100%;

}
div.container {
	clear:				both;
	display: 			inline;
	margin-left: 		auto;
	margin-right: 		auto;
	overflow:			hidden;
	padding-left: 		 0%;
	padding-right: 		 0%;
	width: 				100%;
}
div.containerInner {
	display: 			inline;
	float:          	left;
	margin-left: 		auto;
	margin-right: 		auto;
	padding:		 	0 px;
	text-align:			center;
	width: 				90%;
}

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;
	justify-content:	center;
	margin:				auto;
/*	max-width: 			1000px; 	*/ 
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}

div.centerDarkMarble {
	clear:				both;
	background-color: 	#FFFFFF;
	background-image:	url(http://digitalcinemacamerarentals.com/images/darkMarble-unsplash.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(http://digitalcinemacamerarentals.com/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: 	#FFFFFF;
	background-image:	url(http://digitalcinemacamerarentals.com/images/seamlesstexture23_1200.jpg);
	border:				0px;
	color:				#000000;
	display: 			block; 
	justify-content:	center;
	margin:				auto;
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}

div.formContainer {
	border:				medium;
	display: 			inline;
	margin: 			0px 30px 0px 40px;
	max-width: 			400px;
/*	max-height:			300px;   */
	width: 				50%;
}

.navContainerF {
	display:			flex;
	justify-content:	center;
	margin:				auto;
	padding: 			 0px 25px 0px 25px;
	text-align:			center;
	width:				90%;
}
.navContainer a:hover {
  	background-color: 	#DDD;
    color: 				darkRed; 
}
.navContainer a.active {
  background-color: 	#cc7a00;
  color: white;
}

.navBox	{
	display:			inline;
  	background-color: 	#FFC266;
  	border: 			5px solid;
  	border-color: 		black;
	color: 				darkBlue;
  	text-align:			center;
	float: 				left;
	font-family:		"Crete Round", serif;
	font-weight: 		900;
	font-size:			18px;
	margin:				10px 10px 10px 10px;
	padding:			 5px 10px  0px 10px;
	text-decoration:	none;
	vertical-align: 	middle;
	height:  			75px;
  	width:  			85px;
}

a.home {	
	color:				darkBlue;
	display:			inline;
	float: 				left; 
	font-family: 		'Crimson Pro', Serif;
	font-weight: 		700;
	font-size:			18pt;
	padding-left: 		30px;
	padding-top:		 4px;
}

a.block {
	display:			block;
	font-family: 		'Crimson Pro', Serif;
	font-weight:		900;
}
a.black {
	color:				black;
	display:			inline;
	float: 				left; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}
a.white {
	color:				white;
	display:			inline;
	float: 				left; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}
a.whiteR {
	color:				white;
	display:			inline;
	float: 				right; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}
a.whiteC {
	color:				white;
	display:			inline;
	float: 				none; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}

#textRow {
	clear:				both;
	color:				#000000;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	text-align:			center;
	width:				100%;
}
#galleryRow {
	clear:				both;
	color:				#000000;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	text-align:			center;
	width:				100%;
}


.center {
	text-align:			center;
}

.darkBlue{
	font-family: 		'Crimson Pro', Serif;
	font-size: 			30px;
	color:				darkblue;
}

h1 {
	background-color: 	transparent; 
    color: 				darkBlue;
    font-size: 			30pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
h1White {
	background-color: 	transparent; 
    color: 				white;
    font-size: 			30pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }	
h2 {
	background-color: 	transparent; 
    color: 				black;
    font-size: 			22pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			left; 
    }
h2Center {
	background-color: 	transparent; 
    color: 				darkBlue;
    font-size: 			22pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   auto;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
h2White {
	background-color: 	transparent; 
    color: 				White;
    font-size: 			22pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }				
h3 {
    background-color: 	transparent; 
    color: 				black;
    font-size: 			18pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			left; 
    }
	
h3Center {
	background-color: 	transparent; 
    color: 				black;
    font-size: 			18pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
	
h3White {	
	background-color: 	transparent; 
    color: 				white;
    font-size: 			18pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		600;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
				
h4 {
	background-color: 	transparent; 
    color: 				darkBlue;
    font-size: 			30pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		700;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center;     
	}	
		
h4i {
	background-color: 	transparent; 
    color: 				darkBlue;
    font-size: 			16pt; 
    font-family: 		'Vesper Libre', serif;
	font-style:			italic;
	font-weight: 		400;
	line-height: 		120%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center;     
	}	
	
h5 {
    text-indent: 		0px; 
	text-align:			center;
    padding: 			 0px  0px  0px 0px; 
    margin: 			-4px  5px 15px 5px;
    font-size: 			14pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		normal;
	line-height: 		130%;
    background-color: 	transparent; 
    }	

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

.imgCenter {
	border:				1px solid #FFDEAD;
	border-color:		#000000;
	display:			inline;
	padding: 			 0px   0px    0px   0px; 
    margin: 		 	10px   5px   0px   5px;	
}
.imgLeft {
	border:				2px solid;	
	display:			inline;
	float:				left;
	margin-top : 		20px;
	margin-right : 		30px;
	margin-bottom : 	20px;
	margin-left : 		 0px;
	padding : 			 0px;
}
.imgRight {
	border:				2px solid;	
	display:			inline;
	float:				right;
	margin-top : 		20px;
	margin-right : 		30px;
	margin-bottom : 	20px;
	margin-left : 		30px;
	padding : 			 0px;
}
.img250wLeft {
	border:				2px solid;	
	display:			inline;
	float:				left;
	margin-top : 		20px;
	margin-right : 		20px;
	margin-bottom : 	20px;
	margin-left : 		30px;
	padding : 			 0px;
	width:				250px;
}
.img250wNextLeft {
	border:				2px solid;	
	display:			inline;
	float:				left;
	margin-top : 		20px;
	margin-right : 		20px;
	margin-bottom : 	20px;
	margin-left : 		10px;
	padding : 			 0px;
	width:				250px;
}
.img325wLeft {
	border:				2px solid;	
	clear:				both;
	display:			inline;
	float:				left;
	margin-top : 		5px;
	margin-right : 		30px
	margin-bottom : 	20px;
	margin-left : 		30px;
	padding : 			 0px;
	width:				325px;
}
.img500wLeft {
	border:				2px solid;	
	display:			inline;
	float:				left;
	margin-top : 		20px;
	margin-right : 		20px;
	margin-bottom : 	20px;
	margin-left : 		30px;
	padding : 			 0px;
	width:				500px;
}
.img250wRight {
	border:				2px solid;
	display:			inline;
	float:				right;
	margin-top : 		20px;
	margin-right : 		30px;
	margin-bottom : 	20px;
	margin-left : 		20px;
	padding : 			 0px;
	width:				250px;
}
.img500wRight {
	border:				2px solid;
	display:			inline;
	float:				right;
	margin-top : 		20px;
	margin-right : 		30px;
	margin-bottom : 	20px;
	margin-left : 		20px;
	padding : 			 0px;
	width:				500px;
}
.bookImg500w {
	border:				5px solid #FFDEAD;
	border-color:		#FFDEAD;
	display:			inline;
	width:				500px;	
}

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

.bookImgBlock {	
	border:				5px solid #4D0000;
	border-color:		#4D0000;
	display:			block;
	height:				225px;
	padding: 		 	 0px   0px   0px   0px; 
    margin: 		 	20px  40px   20px  40px;
	width:				225px;	
}

.bookImgBlock300w {	
	border:				5px solid #4D0000;
	border-color:		#4D0000;
	display:			block;
	padding: 		  	 0px   0px   0px   0px; 
    margin: 		 	20px  40px   20px  40px;
	width:				300px;	
}


.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;
   }

p {	
	font-family: 		'Vesper Libre', serif;
	text-align:			left; 
	line-height: 		110%;
	width:				90%;
	font-size: 			20px;
	font-weight:		400;
	margin-bottom: 		 5px;
	margin-top: 		10px; 
	margin-left: 		30px;
	max-width:			1800px;
	text-indent: 	 	 0em;
}
p.crimson {		
	font-family: 		'Crimson Pro', Serif;
	font-weight:		600;
} 

p.crimsonDetail {		
	font-family: 		'Crimson Pro', Serif;
	font-weight:		600;
	margin-bottom: 		 5px;
	margin-top: 		10px; 
	margin-left: 		10px;
} 
p.600 {	
	text-align:			left; 
	line-height: 		110%;
	width:				90%;
	font-size: 			20px;
	font-weight:		600;
	margin-bottom: 		 5px;
	margin-top: 		10px; 
	margin-left: 		30px;
	text-indent: 	 	 0em;
}
p.grey {	
	color:				#c9cbd1;
	text-align:			left; 
	line-height: 		140%;
	width:				90%;
	font-size: 			22px;
	font-weight:		400;
	margin-bottom: 		5px;
	margin-top: 		10px; 
	margin-left: 		30px;
	text-indent: 		 0em;
}
p.justify {
	text-align: 		justify; 
	text-justify: 		inter-word;">
}
p.center {
	text-align: 		center; 
}
  
.text {
 	text-align: 		left; 
    text-indent: 		0px; 
    padding: 			0px 0px 0px 20px; 
    margin: 			10px 40px 10px 40px; 
    font-size: 			20px; 
    	font-family: 	'Crimson Pro', 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;
    }
u{
}


.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;
	color:				black;
	margin-right:		5%;
	margin-left:		5%;
}	

td.box {
	color: 				darkBrown;
	border:				3px;
	text-align:			center;
	font-family: 		'Crimson Pro', Serif;
	font-weight: 		700;
	font-size:			24px;
	max-width: 			90%;
    padding: 			10px 10px 20px 10px;  
}


td.box300 {
	color: 				darkBrown;
	border:				3px;
	text-align:			center;
	f	font-family: 	'Crimson Pro', 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;  
}

ul {
	font-family: 	 	'Crimson Pro', Serif;
	font-size:			20px;
	font-weight:		700;
	line-height: 		120%;
	list-style-type: 	square;
	margin:				 0px;
	padding-left:		20px;
	padding-right:		20px;
	text-align:		 	left; 
}
ul.ul3 {
	-webkit-column-count: 3;
    -moz-column-count: 	3;
    column-count: 		3;
	font-family: 	 	'Crimson Pro', Serif;
	font-size:			20px;
	font-weight:		700;
	line-height: 		120%;
	margin:				10px;
	padding-left:		0px;
	padding-right:		0px;
	text-align:		 	left; 
}

li.li3 {
	display:			block;
	padding-left:		50px;
	padding-right:		50px;
}


/*  Contact Form   */

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
	font: 				400 18px/18px 'Crete Round', Helvetica, Arial, sans-serif;
}

#contact {
	background: 		#F9F9F9;
	border:				medium;
	padding: 			5px;
	margin:  			10px 0;
	box-shadow: 		0 0 30px 0 rgba(0, 0, 0, 0.3), 0 20px 20px 0 rgba(0, 0, 0, 0.6);
}

#contact h3 {
	display: 			block;
	font-size: 			30px;
	font-weight: 		bold;
	margin-bottom: 		10px;
}

#contact h4 {
	margin: 			5px 0 15px;
	display: 			block;
	font-size: 			16px;
	font-weight: 		400;
}

fieldset {
	border: 			medium none !important;
	margin: 			0 0 10px;
	min-width: 			100%;
	padding: 			0;
	width: 				100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
	width: 				95%;
	border: 			1px solid #ccc;
	background:			#FFF;
	margin: 			0 0 5 0 px;
	padding: 			10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: 	border-color 0.3s ease-in-out;
	transition: 		border-color 0.3s ease-in-out;
	border: 			1px solid #aaa;
}

#contact textarea {
	font-size: 			18px;
	height: 			60px;
	max-width: 			95%;
	resize: 			none;
}

#contact button[type="submit"] {
	cursor: 			pointer;
	width: 				100%;
	border: 			none;
	background:			#566473; 
	color: 				#FFF;
	margin: 			0 0 5px;
	padding: 			10px;
	font-size: 			16px;
}

#contact button[type="submit"]:hover {
	background: 		#1c4573;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: 	background 0.3s ease-in-out;
	transition: 		background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
	box-shadow: 		inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
	text-align: 		center;
}

#contact input:focus,
#contact textarea:focus {
	outline: 			0;
	border: 			1px solid #aaa;
}

::-webkit-input-placeholder {
	font-size: 			16px;
	color: 				#888;
}

:-moz-placeholder {
	color: 				#888;
}

::-moz-placeholder {
	color: 				#888;
}

:-ms-input-placeholder {
	color: 				#888;
}


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