/* master.css */



/* Assign common background colors and text colors. */

/* Set text in body to font family different from headers. */

body { 

	color: #000000; 

   	background-color: #CCCCCC;

    font-family: Arial, sans-serif;

    }

    

/* Set text in headers to same font family and same color. */

h1,h2,h3,h4,h5,h6 { 

	color: #000000;

	background-color: inherit;

	font-family: verdana, sans-serif;

	}

                  

h1 { 	

	text-align: center;

	}



header {

	position: relative;

	}

   

header h2 {			

   	text-align: center;

   	}

   	

footer {

	position: relative;

	margin-top: 100px;

	margin-left: auto;

	margin-right: auto; 

	width: 70%;

	font-size: small;

	text-align: center;

	}

a:link {

	color: #990000;

	}

   

a:visited {

	color: #CC0000;

	}

   

a:hover {

	color: #FF0000;

	}

   

a:active {

	color: #990000;

	}

   

img {

	border: 5px solid white;

	}

				   

button, input, select, textarea {

	font-family : inherit;

	font-size   : 100%;

	}



p { 

	margin:15px 20px 10px 150px;

	}

p.alert_msg{
	margin: 0px;
	font-weight: bold;
	
	color: red;

}   

table { width: 90%;

	margin: 0 auto;

	border-collapse:collapse;

	background-color: #CCCCCC;

	}       

   

table, th, td { 

	border: 1px solid black;

	vertical-align: top;

	}



td {

	padding: 30px, 30px, 30px, 30px;

	} 

   		

table a {

	color: #000000;

	}

div.container {
	
	position: relative;
} 

div.header1 h1 { 

	font-family: "Georgia", Times, serif; 

/*	font-family: 'Playfair Display', serif; */

/*	font-family: merienda-one, cursive; */

	font-size:350%;

	font-weight: 900;

/*	font-style:italic; */

	text-align: center;

	color: #CC0033;

	padding: 0;

	margin: 0 auto;

	}


div.center_div {

	text-align: center;  

	margin-right: auto; 

	margin-left: auto;

	}


div.left_div {  
	
	position: relative;

	margin-right: auto; 

	/*margin-left: 100px;*/
	margin-left: auto;

	}



.navcontainer { 

	text-align: center;

	position: relative; 

	margin-left: auto;

	margin-right: auto; 

	width: 70%;

	} 

                    

.navcontainer ul {
	padding: 0px;

	background-color: #CCCCCC;

	color: black;

	font-family: arial, helvetica, sans-serif;

	font-weight: bold;
 
	}


.navlist li { 

	display:  inline;

	list-style-type: none;

	padding-right: 20px;
	
	text-align: center;

	}



.navlist li a:link {

	text-decoration:none;

	background-color: #CCCCCC;

	color: #000000;

	}

					    

.navlist li a:visited {

	text-decoration:none;

	background-color: #CCCCCC;

	color: #000000;

	}

			    

.navlist li a:hover {

	text-decoration:none;

	background-color: #CCCCCC;

	color: #999999;

	}

    

.navlist li a:active {

	text-decoration:none;

	background-color: #CCCCCC;

	color: #999999;

	}

    

    /* To find shadow-box features: http://www.cssmatic.com/box-shadow */

   

div.portfolio  { width: 90%;

	alignment-baseline: central; 

	background-color: white;

	margin: auto;

	padding: 0px;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}       



div.portfolio table td th { 

	width: 20%;

	vertical-align: middle;

	background-color: white;

	padding: 20px;

	margin: 0px 0px 10px opx;

	border-collapse:collapse;

	}



div.portfolio table td img { 

	border:1px solid white;

	}



div.portfolio_img { 

	display: inline-block;

	position: relative;

	vertical-align: middle;

	width:260px;

	height: 260px;

	line-height: 260px;

	padding: 10px;

	margin: 0 auto;

	}

    			

div.portfolio_img a { 

	width: 100%;

	height: 100%;

	text-align:center;

	position: absolute;    				

	}

 

div.portfolio_img a img { 

	border: 0;

	-webkit-box-shadow: 10px 10px 6px -6px #757375;

	-moz-box-shadow: 10px 10px 6px -6px #757375;

	box-shadow: 10px 10px 6px -6px #757375;	

	vertical-align: middle;

	z-index:-1;

	}



div.portfolio_img a:hover img {

	border: 2px solid  #CC0033;

/*	width: 150%;

	position:absolute;

	left:0px;

	top:0px;

	z-index: 10; */ 

	}

    			

div.img_block {

	display: block;

	position: relative;
	
	overflow: auto;

	} 			



div.img {

	display:inline;

	margin: 50px 10px 50px 100px;

	width: 40%;

	}



div.img img {

	display: inline;

	margin: auto;

	width: 40%;

	-webkit-box-shadow: 10px 10px 4px -6px #757375;

	-moz-box-shadow: 10px 10px 4px -6px #757375;

	box-shadow: 10px 10px 4px -6px #757375;	

/*	border: 1px solid #ffffff; */

	}



/* div.img:hover img {border: 1px solid #0000ff;}*/



div.desc {
	position: absolute;

/*	float: right; */

	text-align: left;

	font-size:larger;

	font-weight: normal;

	width: 55%;

	right: 16px ;
	top: 8px ;
/*	margin: auto; */
	}

  

div.painting { 

	text-align: center;

	} 



div.painting img {

	width: 60%;

    max-width: 850px;

	margin-right: auto; 

	margin-left: auto;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}

div.painting_vert { 

	text-align: center;

	} 

div.painting_vert img {

	width: 40%;

    max-width: 550px;

	margin-right: auto; 

	margin-left: auto;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}
   

div.painting_desc {
	

	text-align: center;

	margin: 15px;
	}

div.painting_desc_title {
	font-weight: bold;
}

div.painting_vertical { 

	text-align: center;
	
	} 



div.painting_vertical img {

	width: 35%;

    max-width: 500px;

	margin-right: auto; 

	margin-left: auto;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}

   

div.painting_vertical_narrow {

	text-align: center;

	}



div.painting_vertical_narrow img {

	width: 30%;

    max-width: 450px;

	margin-right: auto; 

	margin-left: auto;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}

/*	
div.imgContainer2{
	
}
div.imgContainer2 img { 
	width: 100%;
	height: auto;
	
}
* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 49.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 74.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
*/
div.imgContainer2{
	content: "";
	clear: both;
	display: inline-block;	
	margin-left: 15%;
	width: 100%;
}
div.imgContainer {
	float: left;
	width: 35%;
	padding:5px;
}

div.painting_square img {

	width: 1000%;

    max-width: 300px;
    
    margin-left: 50px;

	margin: 5px; 
	
	float: ;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}
div.painting_square_left img {

	width: 25%;

    max-width: 300px;

	margin-right: 0; 

	margin-left: 20%;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}
   
div.painting_square_right img {

	width: 25%;

    max-width: 300px;

	margin-right: 20%; 

	margin-left: 0;

	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	}



div.shows table {

	background-color: white;

	}



div.shows th {

	background-color: #e8ebe9;

/*	background-color: #dbd4db; */

	}



.odd_row { 

	background-color: white;

	}



.even_row { 

	background-color: #e8ebe9;

	}



div.shows td th { 

	padding: 35px;

	}


.title_td {

	font-weight: bold;

	}



div.section_head h4 {

	margin: 15px 20px 10px 100px;

	}



form {

	position: relative;
/*		width: 90%; */

	}

.form_input {

	display: inline-block;

	text-align: right;

    vertical-align: top;

	width: 60%;

	margin:  auto;
/*	margin: 0 100px;  */

	}

#mc_embed_signup { 
    margin-left:20% 
   
    }

.formfield * {

    vertical-align: top;

    }



div.txt_message p {

    text-align: center;

	margin: auto;

    width: 60%;

	}



.pinit {

	text-align: center;

	position: relative;

	margin-left: auto;

	margin-right: auto; 

	width: 50%;

}

.inline_img {
	float: center;
	width: 60%;

    max-width: 350px;

	margin-right: auto;	 

	margin-left: auto;	

/*	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1); */
}

.inline_img_left {
	float: left;
	width: 40%;

    max-width: 450px;

	margin-right: auto; 

	margin-left: auto;

/*	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);	*/
}

.inline_img_right {
	float: right;
	width: 40%;

    max-width: 450px;

	margin-right: auto; 

	margin-left: auto;

/*	-webkit-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	-moz-box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);

	box-shadow: 10px 10px 5px -2px rgba(92,90,92,1);	*/
}