/* Reset  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/* General  */
image{border:0}

@font-face {
	
	font-family: 'futura';
	src: url('futura_lt_bt_light-webfont.ttf') format('truetype');
}

body{font-family: 'futura',Helvetica;font-size: 0.9em;letter-spacing: 0px;margin:0px;background-color: #232323;width:95%;overflow-y:scroll;display:none}
.darkgray{color: #707070;}
.darkgray a{color: #707070;}
.lightgray{color: #aaaaaa;}
.lightgray a{color: #aaaaaa;}
.left a:hover{color: #404040;}
.lightgray .current {color: #404040;}
.lightgray .current a{color: #404040;}
a {color: white;text-decoration: none;outline: none;}
#image img{display: none;}

.simg{width:300px;height:198px;border:0;}
.sims{width:181px;height:175px;border:0;}
.simgh{width:135px;height:auto;border:0;}
.simgh2{width:149px;height:175px;border:0;}
.simgh3{width:135px;height:198px;border:0;}
.cyc{display:none;}
.cycImg{display:inline}

.under{
	
	 border-bottom: 1px solid #aaaaaa;
	 padding-bottom:2px;
}

.paddThumb{
	
	padding-top:1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	
}

.marginFooter{
	
	margin-bottom: 100px !important;
}

/*BODY */
.bodyHome{
	
	width:95% !important;
	
}

.homeLogo{
	
	position:absolute;
	top:48%;
	left:15px;
}

.homeLogoName{
	
	height:1.5em;
	font-size:1.6em;
	font-weight:500;
	color:#394551;
	display:inline-grid;
	text-align:center;
	
}

.homeImage{
	
	width:auto;
	height:100%; 
	text-align:center; 
	margin-top:0%;
}

.textMenu{
	
	position:fixed; 
	top:20%; 
	left:5%; 
	height:400px; 
	width: 90%; 
	z-index: 999999!important; 
	display:none; 
	border: solid 1px #aaaaaa; 
	background-color:#232323;
}

.textMenuContent{
		
	text-align:left; 
	padding-top:1em; 
	padding-left:6em; 
	padding-right:6em; 
	padding-bottom:3em; 
	font-size:1em;
}
/*LOGO*/

.artistLogo{
	
	height:1.5em;
	margin:1em;
	font-size:1.3em;
	color:#394551;
	display:inline-grid;
	text-align:center;
}

.artistLogoProjects{
	
	height:1.5em;
	margin:0.5em;
	font-size:1.3em;
	color:#394551;
	display:inline-grid;
	text-align:center;
}

.artistMenu{
	
	margin:-2.65em;
	font-size:1.2em;
	text-align:center;

}

.artistMenuMargin{
	
	margin-right:70px;
}



.projectLogo{
	
	width:10%; 
	height:100%; 
	float:left; 
	font-size:1.3em;
	color:#394551; 
	background-color:#232323; 
	display:inline;
	margin-left:0px;
	margin-top:-2px;
}


.projectMenuLeft{
	
	width:45%;
	height:100%; 
	background-color:#232323;
	margin-top:10px; 
	float:left;
}

.projectMenuLeftMobile{
	
	width:20%; 
	height:100%; 
	background-color:#232323;
	margin-top:10px; 
	float:left;
	display: inline-block;
}

.projectMenuRight{
	
	width:25%; 
	height:100%; 
	background-color:#232323;
	margin-top:10px; 
	float:right;
	padding-right: 5%;
}

.projectMenuRightMobile{
	
	width:15%; 
	height:100%; 
	background-color:#232323;
	margin-top:10px; 
	float:right;
	padding-right: 5%;
	display: inline-block;
}


.projectMenuLeft0{
		
	text-align:left; 
	padding-left:60%;
}

.projectMenuLeft1{
		
	text-align:left; 
	padding-left:60%;
}
	
.projectMenuLeft2{
		
	text-align:left; 
	padding-left:10%;
}

.projectMenuLeft0Mobile{
		
	text-align:left; 
	padding-left:60%;
	display: inline-block;
}

.projectMenuLeft1Mobile{
		
	text-align:left; 
	padding-left:60%;
	display: inline-block;
}
	
.projectMenuLeft2Mobile{
		
	text-align:left; 
	padding-left:10%;
	display: inline-block;
}

.projectMenuName{
	
	text-align:right; 
	padding-right:5%; 
	opacity:0.5;
	color:white;
}

.projectMenuNameF{
	
	text-align:right; 
	padding-right:5%; 
	opacity:0.5;
	color:white;
	display:inline-block;
	margin-left:150px;
	display:none;
	
}

.projectMenuNameMobile{
	
	text-align:right; 
	padding-right:5%; 
	opacity:0.5;
	color:white;
	display: inline-block;
}



.thumb {
	
	display: inline;
}

/* CONTACT */

.contactEmail{
	
	height:1.5em;
	margin:0;
	text-align:left;
	width:80%;
	margin-bottom:20px;
	vertical-align:middle;
	font-size:1.1em;
}

.contactAddress{
	
	height:0.2em;
	text-align:left;
	width:50%;
	margin-bottom:1em;
	vertical-align:middle;
	font-size:1.1em;
	font-style: italic;
	margin-left: 20px;
}

.contactSection{
	
	margin:12em 0em 0em 0em;
	width:100%;
}

.homeSection{
	
	margin:12em 0em 0em 0em;
}

/* BIOGRAPHY */

.bioSection{
	
	height:2.5em; 
	margin:0;
	text-align:left;
	width:50%;
	margin-bottom:3em;
	vertical-align:middle;
	font-size:1.1em;
}


/* NEWS */

.newsSection{
	
	margin-left:20%;
	display:block;
	height:2.5em;
	text-align:left;
	width:70%;
	margin-bottom:3em;
	vertical-align:middle;
	font-size:1em;
}

.newsMargin{
	
	clear:both; 
	margin-bottom:15px;
}

.newsHome{
	
	margin-left:20% !important;
	width:60%;
	text-align:left;
}

.newsImage1{
	height:auto; 
	width:70%; 
	margin-bottom:55px; 
}

.newsMarginLogo {
  display: flex;
  width: 100%;
  text-align: center;
}

.newsImageLogo {
  width: 50%;
  height: auto;
}

.newsLogo{
		
	height:180px; 
	width:180px; 
	margin-bottom:25px; 
}
	
.newsIcon{
		
	height:50px; 
	width:50px; 
}
	
	
.newsImageSoon{
		
	height:auto;
	width: 80%;
	margin-bottom:55px; 
}

.newsImage2{
		
	height:453px; 
	width:325px; 
	margin-bottom:55px; 
	float: left;
}

.newsImage3{
	
    height:530px; 
	width:380px;
}


/* PROJECTS */

.projectsCell{
	
	padding:0.3em; 
	text-align:center;
}

.projectsTitle{
	
	margin:0.6em 0 0.6em 0;
	padding:0;
	font-size:1em;
}

.projectsSeries{
	
	margin:0.2em 0 1em 0;
	padding:0;
	font-size:1em;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


/* MEDIA QUERIES */


@media only screen and (max-width: 920px) {
	
    .artistLogo{
		
		visibility: hidden;
	}
	
	.artistMenuMargin{
	
		margin-right:10px;
	}
	
	.bioSection{
	
		height:2.5em; 
		margin:0;
		text-align:left;
		width:80%;
		margin-bottom:3em;
		vertical-align:middle;
		font-size:1.1em;
	}
	
	.contactAddress{
	
		height:0.2em;
		text-align:left;
		width:80%;
		margin-bottom:1em;
		vertical-align:middle;
		font-size:1.1em;
		font-style: italic;
		margin-left: 20px;
	}
	
	.contactEmail{
	
		height:1.5em;
		margin:0;
		text-align:left;
		width:80%;
		margin-bottom:20px;
		vertical-align:middle;
		font-size:1.1em;
	}
	
	.projectsCell{
	
		padding:0.3em; 
		text-align:center;
		display: table-row;
	}
	
	.simg{
		
		width:300px;
		height:198px;
		border:0;
		margin-top:30px;
	}
	
	.contactSection{
	
		margin:9em 0em 0em 0em;
		width:100%;
	}
	
	.homeSection{
	
		margin:9em 0em 0em 0em;
	}
	
	.newsSection{
	
		margin-left:5%;
		display:block;
		height:2.5em;
		text-align:left;
		width:60%;
		margin-bottom:3em;
		vertical-align:middle;
		font-size:1em;
	}
	
	.newsImage1{
		
		height:auto; 
		width:70%;
		margin-bottom:55px; 
	}
	
	
	.newsLogo{
		
		height:180px; 
		width:180px; 
		margin-bottom:25px; 
	}
	
	.newsIcon{
		
		height:50px; 
		width:50px; 
	}

	.newsImage2{
			
		height:453px; 
		width:325px;  
		margin-bottom:55px; 
		float: left;
	}

	.newsImage3{
		
		height:530px; 
		width:380px;
	}
	
	.projectLogo{
	
		width:0%; 
		height:100%; 
		float:left; 
		font-size:1.3em;
		color:#394551; 
		background-color:#232323; 
		display:none !important;
	}
	
	.projectMenuLeft{
	
		width:50%; 
		height:100%; 
		background-color:#232323;
		margin-top:10px; 
		float:left;
	}
	
	.projectMenuLeftMobile{
	
		width:20%; 
		height:100%; 
		background-color:#232323;
		margin-top:10px; 
		float:left;
		display: inline-block;
	}

	.projectMenuRight{
		
		width:25%; 
		height:100%; 
		background-color:#232323;
		margin-top:10px; 
		float:right;
		padding-right: 5%;
	}
	
	.projectMenuRightMobile{
		
		width:15%; 
		height:100%; 
		background-color:#232323;
		margin-top:10px; 
		float:right;
		padding-right: 5%;
		display: inline-block;
	}
	
	
	.projectMenuLeft0{
		
		text-align:left; 
		padding-left:20%;
	}
	
	.projectMenuLeft1{
		
		text-align:left; 
		padding-left:20%;
	}
	
	.projectMenuLeft2{
		
		text-align:left; 
		padding-left:10%;
	}
	
	.projectMenuLeft0Mobile{
		
		text-align:left; 
		padding-left:20%;
		display: inline-block;
	}
	
	.projectMenuLeft1Mobile{
		
		text-align:left; 
		padding-left:20%;
		display: inline-block;
	}
	
	.projectMenuLeft2Mobile{
		
		text-align:left; 
		padding-left:10%;
		display: inline-block;
	}
	
	
	.projectMenuName{
	
		text-align:right; 
		padding-right:20%; 
		opacity:0.5;
		color:white;
	}
	
	.projectMenuNameF{
	
		text-align:left; 
		padding-left:0%;
		opacity:0.5;
		color:white;
		font-size:12px;
		display:inline-block;
		margin-left:150px;
		display:none;
	}
	
	.projectMenuNameMobile{
	
		text-align:right; 
		padding-right:20%; 
		opacity:0.5;
		color:white;
		display: inline-block;
	}
	
	.thumb {
	
		display: none;
		visibility: hidden;
	}
	
	.textMenu{
	
		position:fixed; 
		top:10%; 
		left:2%; 
		height:88%; 
		width: 96%; 
		z-index: 999999!important; 
		display:none; 
		border: solid 1px #aaaaaa; 
		background-color:#232323;
	}
	
	.textMenuContent{
		
		text-align:left; 
		padding-top:1em; 
		padding-left:2em; 
		padding-right:2em; 
		padding-bottom:2em; 
		font-size:0.8em;
	}

	
}

@media only screen and (max-width: 780px) {
	
	.projectMenuNameF{
	
		display:none;
	}
}