﻿
body {
	margin: 0;
	background: #e5e1d7;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
}

p, li {
	text-align: left;
	margin-left:5%;
	margin-right:5%
}

.bullets li {
	margin-bottom:5px
}

p.small{
	font-size:10px
	}
p.center{
	text-align:center
	}
p.MsoNormal, .MsoNormal{
	margin:2px 2px 3px 2px;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
}
a {
	font-size: 10pt;
	font-style: italic;
	color: #333333;
	}
a:visited {
	color: #333333;
}
a:active {
	color: #333333;
}
a:hover {
	color: #000000;
}

h1 {
	text-align: center;
	font-size: 24pt;
	margin: 0 5% 0 5%;
	padding-bottom: 0;
	padding-top: 0;
	font-weight: lighter;
}
h2 {
	text-align: center;
	font-size: 10pt;
	margin: 0 5% 0 5%;
	padding-top: 0;
	font-weight: lighter;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
}
h4  {
	/*  used only formenu header */
    background-color: #bbbbbb;
	color: black;
	font-size: 14px;
	margin: 10px 10px 4px 0;
	padding: 7px 10px 7px 10px;
	}
	
.menu-section h4{
	display:none
}
#home  {    /* used for home button in menu */
	display:none
}
.bottom-menu #home {
	display:block !important
}

.link {
	font-weight: normal;
	font-style: italic;
}

.text_justify, a.text_justify {
	font-size: 12pt;
	text-align: justify;
}
.text_left  {
	font-size: 12pt;
	text-align: left;
	padding: 0 15% 0 15%;
	font-size:inherit;
	margin-left: auto;
	margin-right: auto;
	max-width: 675px
}

.text_center {
	font-size: 12pt;
	text-align: center;
}
.text_large {
	font-size: 16pt;
	text-align: center;
}

.lead { 
line-height:0.15
} 
.gallery img, .gallery iframe {
	border-width: 1px;
	border-style: solid;
	border-color: #787878;
	max-width: 375px;
	float: left;
	margin: 0px 20px 18px auto;
	clear:both
}
.gallery {
	max-width:820px;
	margin:auto;
	text-align:left;
	padding-left:5%
}
.gallery h3 {
	margin-top:3px;
}
.gallery .text {
	 max-width:400px;
	 display:inline
	}
.gallery .forsale {
	float:right;
	margin:0 25px 0 0
}	
.gallery hr {     /*used between each paragraph imported */
	height:3px; 
	visibility:hidden; 
	margin:0; 	
}
.gallery p {
	margin:7px 0 0 0
}
.clear {
	clear:left;
	height:1px
}
.clearfix {
     visibility: hidden;
     display: block;
     clear: both;
     height: 0;
     }
.menu-section {
	display:table;
	min-width: 240px
}    
.bottom-menu {
	text-align:left;
	padding-left:5%;
	display: flex !important
}
.bottom-menu h4 {
	display:block !important
}
.bottom-menu hr {     /*on bott;m menu don't have any extra space */
	display:none; 
}


.table_main {
	max-width:85%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-spacing: 14px;
}
	
.table_main img {
	border-width: 1px; 
	border-style: solid; 
	border-color: #787878;
	width: 375px;
}
#head {
	border: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	position: relative;
	z-index: 100;
	top: -38px;
	text-align: left;
	max-width: 780px;
	padding-left: 100px;
}
#signature {
	border-style: none;  
	margin: auto; 
	position:relative; 
	z-index:999;  
	left:-5%;
	top: 7px
}
#head a:hover {
	font-weight: 700;
}
#headimage, #headlinks, #headshows, #stayintouch, #headslides{
	display:table-cell;
	vertical-align:top
}
#headslides {
	max-width:520px;
	width:520px;
}
#headimage  {
	font: normal normal normal 10px sans-serif;
	text-align:center;
	}
#headimage img{
	border-width: 1px; 
	border-style: none; 
	border-color: #787878;
	width:98%;
}
#head a:hover {
	font-weight: normal;
}
#headimage a{
	font-size:9px;
	text-decoration:none
}
#headlinks {
	padding-left:15px
}
#headlinks a{
	line-height: 32px;
	font-size: 12pt;
	text-decoration: none;
	font-style: normal;
	font-weight: 100;
	margin-left:8px
	}
#headlinks a:hover {font-weight:bold}
	
#headlinks hr {     /*used between each menu selection, but only on home page */
	height:9px; 
	visibility:hidden; 
	margin:0; 	
}

#headshows {
	 clear:both;
	 top:-30px;
	 width:65%;
	 text-align:left;
}
#headshows hr {
	margin-left: 0;
	margin-right: 35px;
	clear:both
}
#headshows img {
	border-width: 1px;
	border-style: solid;
	border-color: #787878;
	width: 75px;
	float: left;
	margin: 15px 10px 15px ;
	clear: both;
	display: table-cell;
}
#headshows div {
	display:table-cell
}
#headshows h3 {
	margin:15px auto 5px auto;
}

.middle {     /*veritcal alighment, as it home page thumbnails for shows */
	vertical-align: middle;
    display: table-cell;
}

#stayintouch {
	margin:0 0 0 14px;
	text-align:center
}
#stayintouch h4 {
	text-align: left;
}
#stayintouch p {
	font-size:12px;
	margin: 3px 0 8px 0
}
#stayintouch input {
	height: 24px;
	font-size: 13px;
	}
	 
#stayintouch img {
	border:0;
	margin: 7px auto 7px auto;
	/*  padding: 7px 30px 0 0 */
}

#submitbutton {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	background:inherit;
	font-weight: normal;
	font-style: normal;

}
#emailbox {
	width:180px;
	background: #ebeae8;
	color: #aba8a2;	
	margin: 0;
	padding: 0;
	/*background-image:url('../Images/check-mark-3-512.gif');
	background-repeat:no-repeat;
	background-position:right */
}
::-webkit-input-placeholder {
   padding-left:5px;
}
::-moz-placeholder {  /* Firefox 19+ */
   padding-left:5px;
}
:-ms-input-placeholder {  
   padding-left:5px;
}
#subscribe {
	font-size:12px;
	color:black;
	margin:8px 0 8px 0
} 

.text   {      /* text page body, such as bio and shows */
	margin:2px auto 2px auto;
	max-width:700px
}



@media screen and (max-width: 710px) {
	p, li {
	margin-left:2%;
	margin-right:2%;
	padding-right:5px
}
   .gallry {
		max-width:97%;
	}
    .gallery img {
	   max-width:97%;
	   margin-top:6px;
	   margin-right: 6px;
	}
	.gallery h3 {
		clear:both
	}
	#head {
		top:-20px;
		padding-left: 10px;
	}
	#headslides  {
	max-width:340px;
	width:340px 
	}
	#headslides img {
	width:94%;
	margin-left: auto;
	margin-right:auto
	
}
	#headlinks {
		max-width:90%;
	    clear:both;
		display:block;
		padding-left:0
	}
	#headlinks hr {
		display:none !important
	}
	#signature {  
	   	height:85px;
	}

	h4 {
		display:block !important
	}
 	#headshows img{
	margin-left: 6px
	}
   #stayintouch {
	display:block;
	margin-left:0
	}
	#stayintouch p {
	margin-left:6px
	}
	h1 {
	font-size:24px
	}
	#head h1 {
    background-color: #a8a8a8;
	color: black;
	font-size: 14px !important;
	font-weight:bold;
	margin: 10px 10px 10px 10px !important;
	padding: 7px 0 7px 5px !important;
	}
	.bottom-menu {
		display: block !important
	}

}
