html, body {
	height: 93%;
	margin: 5px;
	background-color: #8e8e8e;
	font-family: 'Montserrat', san-serif;
}
.wrapper {
	height:95%;
	border: 0px;
	position: static;
	text-align: center;
	width: 100%;
}

a { text-decoration: none; }

a:link {color: #060;}	
a:visited {color: #060;}
a:hover {color: #66FF00;}
a:active {color: #000;}

b { font-style: italic; font-weight: normal; }


h1 { 
	margin: -10px 0px 0px 0px;
	font-size: 1.5em;
	}

h5 { 
	margin: 10px 0px 5px 0px; 
	color: #000;
}

.navbar {position:fixed; left: 0px; background: #000 ; top: 0px; width: 100%;  z-index: 6; }

.name {
	margin:	20px;
	font-size: 1.2em;
	line-height: .3em;
	text-align: left;
}

div.name a:link {color: #fff;}	
div.name a:visited {color: #fff;}
div.name a:hover {color: #6f0;}
div.name a:active {color: #fff;}

.content {
	clear: both;
	margin: 0 auto;	
	padding: 50px 10px 20px 10px; 
	max-width: 950px;
	background: #fff; }	

div.photo img{ float: right; padding: 45px 0px 0px 10px;}

div.about { max-width: 750px; margin: 0 auto; padding: 0px 6px; }
div.about h1{margin: 0px; }
div.about h2{margin: 0px; font-size: 1.1em; }
div.about h3 {padding: 15px 0px 0px 0px; margin: 0px;}
div.about h4{margin: 0px; font-size: 1em; font-weight: normal; float: left; }
div.about, div.about ul {text-align: left; list-style-type: none; padding: 0px; }
.exhibitions li{margin: 0px; font-size: 1em; padding: 0px 0px 0px 50px; }
.press li{ margin: 10px 0px 0px 0px;}


.menu { margin: -35px 10px 0px 0px; height: 2em; }

div.menu ul {font-size: 1.2em; list-style-type: none;}

div.menu li {float: right; padding: 0px 15px;}
	
div.menu a:link {color: #888;}	
div.menu a:visited {color: #888;}
div.menu a:hover {color: #fff;}
div.menu a:active {color: #888;}

.content {
	clear: both;
	margin: 0 auto;	
	padding: 50px 0px; 
	}

.divider {
	height: 25px;
	clear: both;
}

.thumb {
	display: inline-block; 
	padding: 5px 0px 10px 0px;
	color: #fff;
	width: 32%;
	vertical-align: top;
}

.thumb img {
	width: 95%;
	}
	
.caption {
	text-align:	left; 
	font-size: 1em;
	padding: 0px 0px 10px 10px;
}

.category{
	position: relative;
	bottom: 50px;
	font-size: 1.5em;
	background-color: #8e8e8e;
	text-align: right;
	padding: 0 5px;
	width: 160px;
}

/* project pages */

.gallery { padding: 50px 20px 20px 20px; max-width: 800px; background-color: #fff; text-align: center; margin: auto; }

.title { text-align: left; color: #888; }

.description { margin-left: 10px; text-align: justify; width: 95%; }

.bottomnav { font-size: 1em; text-align: right;}
	
div.bottomnav a:link {color: #000;}	
div.bottomnav a:visited {color: #000;}
div.bottomnav a:hover {color: #66FF00;}
div.bottomnav a:active {color: #000;}

/* owl carousel 2.0 styling */
.owlcaption { display: block; margin: 5px 0 0 0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }

.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center;}

.owl-carousel .owl-video-play-icon {
  background: url("../images/owl.video.play.png") no-repeat;
  }
 
.item-video{height:600px; }
	
/* for smaller screens */	
@media screen and ( max-width: 479px ) {
 /* half-width for smaller devices */
  .thumb {width: 100%; } 
  .thumb img { width: 95%; }
  .caption {font-size: 1.2em; padding: 0px 0px 0px 10px: }
  .name {font-size: 1.4em; }
	.item-video{height:300px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
	 /* text won't automatically scale up on landscape view */
     html {
        -webkit-text-size-adjust: none;
     }
}