html, body {
	margin: 0;
	padding: 0;
}
body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	margin-top: 2%;
	/* padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0; */
}
#wrapper {
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}
#header {
	width: 90%;
	margin-top: 0%;
	clear: right;
	margin-right: auto;
	margin-left: auto;	
}

#title {
	font-family: 'Federo', 'sans-serif';
	/* height: 1em; */
	height: 2rem;
	/* font-size: 1.8em; */
	font-size: 1.8rem;
	text-transform: uppercase;
	font-weight:bold;
	/* letter-spacing: 0.2em; */
	letter-spacing: 0.35rem;
	color: #707025;
	z-index:10;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#header b {
	text-transform: lowercase;
	color: #797979;
	/* font-size: .9em; */
	font-size: 1.7rem;
	}
#nav {
	width: 80%;
	text-transform: uppercase;
	margin-top:0;
	z-index:10;
	min-width: 70rem;/* keeps  nav bar from collapsing */
	margin-right: auto;
	margin-left: auto;
}


	
#nav li {
	float: left;
	position: relative;
	width: auto;
	margin-right: 4%;
	margin-left: 4%;
	list-style-type: none;
	display: inline-block;
}
#nav li a {
	text-decoration: none;
	color: #CCC;
	font-size: 100%;
	display: block;
}
#nav li ul {
	display: none;
	position: absolute;
	list-style-type: none;
}
#nav a:hover {
	color: #707025;
}
#nav .current a {
	color: #707025;
}
#galleryTitle {
	color: #9D4116;
	font-family: 'Josefin Sans', sans-serif;
	/* height: 1.3em; */
	height: 1.8rem;
	/* letter-spacing: 0.4em; */
	letter-spacing: 0.7rem;
	/* width: 20em; */
	width: 40rem;
	/* font-size: 1.8em; */
	font-size: 1.8rem;
	margin-top:5%;
	margin-left:auto;
	text-align: center;
	margin-right: auto;
}

#content {
	width: 100%;
	height: auto;
	z-index:-10;
	background-repeat: no-repeat;
	position:absolute;
	top: 0;
	left:0;
}

#contentMedia {
	display: none;
}

img {
	max-width: 100%;/* Part 1: Set a maxium relative to the parent */
	width: auto\9; /* IE7-8 need help adjusting responsive images */
	height: auto;/* Part 2: Scale the height according to the width, otherwise you get stretching */

}
#galleryContainer {
	width: 92%;
	margin-left: auto;
	margin-top: 0%;
	height: 800px;
	background-color: #FFF;
	margin-right: auto;
	text-align: center;
}
#contactContainer {
	width: 60%;
	margin-top: 0%;
	margin-left: auto;
	/* font-size: 1em; */
	font-size: 1rem;
	background-image: url(../assets/images/contact.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 800px;
	margin-right: auto;
}

.contactLabel {
	float: left;
	margin-bottom: 20%;
	
}
.contactInput {
	float: left;
	margin-left: 0px;
	text-align: left;
	margin-bottom: 10%;
}
.contactInput a{
	text-decoration: none;
	color: #707025;
	}
.contactInput a:hover {
	text-decoration: none;
	color: #9D4116;
	}
#contactContainer table {
	margin-top: 0%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3%;
}
#bioContainer {
	width: 40%;
	float: left;
	margin-left: 7%;
	margin-top: 3%;
}
#bioContainerImg {
	width: 40%;
	float: left;
	margin-right: 6%;
}
#bioContainerImg img {
	width: 100%;
	border: 1px solid #707025;
}

#bioContainer p {
	float: left;
	width: 50%;
	/* font-size: 0.9em; */
	font-size: 0.9rem;
	/* line-height: 1.4em; */
	line-height: 1.36rem;
	color: #666;
	margin-top: 0px;
	text-align: justify;
}

#clientlistContainer {
	width: 44%;
	float: right;
	margin-top: 3%;
	margin-right: 8%;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #707025;
	margin-bottom: 5%;
	/* font-size: 0.9em; */
	font-size: 0.9rem;
	/* line-height: 1.4em; */
	line-height: 1.36rem;
	color: #666;
}
#clientlistContainerContent {
	margin-left: 8%;
	margin-top: -3%;
	width: 40%;
	float: left;
}
#clientlistContainerContent ol li {
	list-style-type: disc;
}
#clientlistContainerContent2 {
	margin-top: -3%;
	margin-right: 8%;
	width: 40%;
	float:right;
}
#clientlistContainerContent2 ol li {
	list-style-type: disc;
}
#clientlistContainer p {
	clear: left;
	margin-left: 7%;
}

#folderWrapper {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
.hidden 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


/****************************************************************/
/* MEDIA QUERIES */
/****************************************************************/

@media screen and (max-width: 600px) {
	
	
	#nav {
		 
		/*margin-left: 5.5rem;*/
		min-width: 10rem;		
	}
		
	#nav ul {
		width: 10rem;
		/* height: 1.57rem; */
		padding: .5rem 0;
		position: absolute; 
		margin-top: 4rem;
		border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		left: 30%;
	}
	
	#nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	#nav .current {
		display: block; /* show only current <li> item */
	}
	#nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	#nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	#nav ul:hover {
		background-image: none;
	}
	#nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	#nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}

	#header {	
		min-width: 1rem;
		}
		
	#header b {
	color: #fff;
	}
	
	#title {	
		min-width: 1rem;
		
		}
		
	#content {	
		display: none;
	}
	
	#contentMedia {	
		display: block;
		position:absolute;
		top: 0;
		left:0;
		z-index:-10;
	}