body {
	height:100%;

	

}

.nav {
	position:absolute;
	top:570px;
	left:50%;
	margin-left:-400px;
	padding-top:15px;
	z-index:1;
	width:800px;
	background-image:url("../images/navbg.png");
}


.navbar {
	background-color:#c4c4c4;
	padding:5px 20px 5px 20px;
	float:left;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.nav ul {
	margin:0 0 0px 0;
	padding:0;
}

.nav li:first-child{
	margin-left:30px;
}

.nav li {
	margin:0;
	padding:0px;
	float:left;
	list-style:none;
	display:block;
	
}

.nav .HomepageLink {
	float:left;
	margin-top:10px;
	padding:0;
	position:relative;
	margin-left:260px;
}

.nav a {
	font-size:1.1em;
	padding:5px 15px 5px 15px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	position:relative;
}

.nav a:hover {

	background-color:#000;
	color:#fff;
		background-image:url("../images/span_bg2.gif");
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow:inset 4px 3px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 4px 3px 3px rgba(0,0,0,0.5);
}

.nav a:active {
	top:1px;
}


.nav img {

}

.main_content {
	width:auto;
	height:100%;
	overflow:auto;
	padding-left:20%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	
	
}

.wrapper {
	height:100%;
}

#makeMeScrollable div.scrollableArea li.thoughts {
		width:780px;
		height:530px;
		margin:50px 50px 0 100px;
		float:left;
		display:block;
		overflow: auto;
		position: relative;
		
		

}

#makeMeScrollable div.scrollableArea  li.artwork {
		width:auto;
		height:530px;
		margin:50px 50px 0 100px;
		padding:0 20px 0 10px;
		float:left;
		display:block;
		position: relative;

		

}

.artwork_secondary {
	width:0;
	height:0;
		overflow: hidden;
		visibility:hidden !important; 
		float:left;
}

.artwork_secondary img {
	float:left;
	margin:0 5px 17px 0 !important;
	height:215px;
	border: 15px #fff solid;
	-webkit-box-shadow: 4px 3px 3px rgba(0,0,0,0.12);
	-moz-box-shadow: 4px 3px 3px rgba(0,0,0,0.12);
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.artwork_secondary li {
	margin-bottom:10px;
}

.thoughts p {
	width:550px;
	color:#606060;
	margin-top:20px;
	padding:0 20px 30px 10px;
	
}

.thoughts span {
	font-size:2.3em;
	width:550px;
	font-weight:bold;
	color:#fff;
	background-image:url("../images/span_bg3.gif");
	-webkit-box-shadow: 4px 3px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 3px 3px rgba(0,0,0,0.5);
	padding:5px 10px 5px 10px;
	text-shadow: 0px 1px 5px rgba(0,0,0,0.75);
	/*font-family: georgia, serif;*/
	line-height:1.8em;
	
}

.thoughts h1 {
	font-size:3.5em;
	color:#434343;

	text-shadow: -1px 0px 1px rgba(0,0,0,0.5);
	
	/*color:#ff5e3c;*/

	
}

.thoughts .haiku {
	font-size: 3.5em;
	font-style:italic;
	background-image:url("") !important;
	background-color:none !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	color:#000;
		-webkit-box-shadow:0 0 0;
	-moz-box-shadow:0 0 0;
	
	
}

.first {

}

.artwork img {
	border: 25px #fff solid;
	-webkit-box-shadow: 4px 3px 3px rgba(0,0,0,0.12);
	-moz-box-shadow: 4px 3px 3px rgba(0,0,0,0.12);
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;

}

.content{
	background:#ffffff;
	border: 5px #fff solid;
	-webkit-box-shadow: 4px 3px 3px rgba(0,0,0,0.12);
	-moz-box-shadow: 4px 3px 3px rgba(0,0,0,0.12);
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}


.scrollableArea {
	
	
}


.scrollWrapper{
	-webkit-box-shadow: inset 20px 20px 20px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 20px 20px 20px rgba(0,0,0,0.12);
		background-image:url("../images/bg.gif");

				
}