/* html code and body code */
* {
	margin: 0;
}
#wrapper {
	max-width: 1754px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -77px;
}
.footer, .push {
	height: 77px;
	clear: both;
}
/* Gallery code*/
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 79%;
	
	
	
}
/*menu border*/
li {
    border-right: 2px solid black;
	
}

li:last-child {
    border-right: 2px solid black;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: 300px;
	object-fit: contain;
	
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
	position: relative;
    padding: 0 6px;
    float: left;
    width: 49.99999%;
	overflow: hidden;
	display:block;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* header code */
#headerlinetop {
	/* Style for "Shape 1 copy 3" */
	position: relative;
	width: auto;
	height: 3px;
	background-color: black;
}
#header1 {
	/* Style for "Layer 5" */
	background-image: url("Source/logo3.png");
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	width: auto;
	height: 255px;
	/*height: 75px;*/
	/*background: #91e842;*/
}
/* #header2 {
	/* Style for "Layer 6" */
/*	position: relative;
	width: auto;
	height: 180px;
	/*background-color: rgb(102, 255, 102);*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ff52+13,91e842+95 */
/*	background: #d2ff52; /* Old browsers */
/*	background: -moz-linear-gradient(top,#91e842 13%, #d2ff52 95%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(top, #91e842 13%,#d2ff52 95%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to bottom, #91e842 13%,#d2ff52 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e842', endColorstr='#d2ff52',GradientType=0 ); /* IE6-9 */
/* } */
#headerlinebot {
	/* Style for "Shape 1 copy 3" */
	position: relative;
	width: auto;
	height: 3px;
	background-color: black;
}

/* menu code */
#menubg {
	/* Style for "Layer 4" */
	/*left: 5%;*/
	z-index: 3;
	position: relative;
	max-width: 1754px;
	height: auto;
	background-color: #ffffff;
}
#menulinebot {
	/* Style for "Shape 1 copy" */
	/*left: 5%;*/
	z-index: 3;
	position: relative;
	max-width: 1754px;
	height: 2px;
	background-color: black;
}
#menuseparator {
	/* Style for "Shape 1 copy 5" */
	z-index: 1;
	width: 2px;
	height: 29px;
	background-color: black;
	position: relative;
}
/* main css */
#maintop {
	/* Style for "Layer 9" */
	/*left: 5%;*/
	position: relative;
	z-index: 2;
	max-width: 1754px;
	height: 36px;
	background-color: #e3e3e3;
}
#main {
	/* Style for "Layer 2" */
	/*left: 5%;*/
	position: relative;
	z-index: 1;
	max-width: 1754px;
	height: 1%;
	overflow: hidden;
	box-shadow: 0 0 42.1px 6.9px rgba(0, 0, 0, 0.75);
	display: block;
	
	
}

/*footer css */
#mainlinebot {
	/* Style for "Shape 1" */
	/*left: 5%;*/
	position: relative;
	width: auto;
	height: 2px;
	background-color: black;
}
#mainbot {
	/* Style for "Layer 5 copy" */
	/*left: 5%; */
	position: relative;
	width: auto;
	height: 75px;
	background-color: #d0d8db;
}
#footertext {
	/* Text style for "Vega Pro Audio" */
	position: relative;
	color: black;
	font-family: "Myriad Pro";
	font-size: 23px;
	font-weight: 400;
	text-align: center;
	top: 35%;
}

/* text boxes */
.main_content {
	position: relative;
	z-index: 2;
	font-size: 25px;
	margin: 5% 5%;
	width: 50%;
	float:left;
}

.main_content2 {
	position: relative;
	z-index: 2;
	font-size: 25px;
	margin: 5% 5%;
	width: 100%;
	float:left;
	
	
}
.main_text {
	position: relative;
	z-index: 2;
	font-size: 25px;
	margin: 5% 5%;
	width: 50%;
	float:left;
	font-size: 30px;
	text-align: left;
}
.separator {
	/* Style for "Layer 9" */
	/*left: 5%;*/
	position: relative;
	z-index: 2;
	max-width: 75%;
	height: 18px;
	background-color: #e3e3e3;
	left:12.0%;
}
.gallerytext {
	text-align: center;
	font-size: 55px;
	font-style: bold;
}
.gallerytext2 {
	text-align: center;
	font-size: 35px;
	font-style: bold;
}
.side_content {
	position: relative;
	float: left;
	z-index: 7;
	margin-left: 10%;
	margin-top: 5.5%;
	
}

/* menus code */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
}

li {
    float: left;
	position: relative;
}

li a {
    display: block;
    color: black;
    text-align: center;
    padding: 9px 80px;
    text-decoration: none;
	font-family: "Myriad Pro";
	font-size: 20px;
	font-weight: 400;
	
}
.submenu1 {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
	display: block;
	z-index: 5;
}
li a:hover {
    background-color: #e3e3e3;
	color: black;
}
.activelink {
    background-color: #808080;
	color: white;
}