@charset "utf-8";
/* * { margin: 0; padding: 0;} */
body, html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
/*scrollbar-3dlight-color:#ffd700; 
scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#fff; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#977B5A; 
scrollbar-highlight-color:#ff69b4; 
scrollbar-shadow-color:#f0f; 
scrollbar-track-color:#fff; */
}
div#textarea p {
	border: solid 1px;
	border-color: #DBCFC1;
	padding: 5px;
	font-variant: normal;
	letter-spacing: 0.05em;
	word-spacing: 0.15em;
	line-height: 180%;
	text-indent: 5px;
}
/* p:hover {
	background-color: #dee7e6; 
} */
div#mainwrapper {
	margin-left: auto;
	margin-right: auto;
	width: 693px;
	height: 100%;

}
div#topbar {
	height: 58px;
	background-color: #977B5A;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;

}
div#topbar h1 {
	margin-top: 0px;
	font-size: 39px;
	font-weight: normal;
	color: #EDE5D9;
}
div#leftbox {
	width: 276px;
	height: 411px;
	float: left;
}
/* NAVIGATION BEGINS #####################################*/
div#navcontainer {
	width: 416px;
	float: right;
	margin: 0px;
	padding: 0px;
	margin-top: 1px
}
div#navcontainer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#navcontainer li {
	margin: 0 0 1px 0;
}
div#navcontainer a {
	display: block;	
	color: #FFFFFF;
	background-color: #977B5A;
	text-decoration: none;	
	height: 33px;
	width: 406px;
	text-align: right;
	font-size: 22px;
	padding-right: 10px;
	font-variant: small-caps;
	word-spacing: .2em;
	letter-spacing: .1em;
}
div#textarea1 a {
	color: #977B5A;	
}
div#navcontainer li.home a {
	background-color: #73503D;
}
div#navcontainer li.bio a {
	background-color: #8F6F4F;
}
div#navcontainer li.work a {
	background-color: #8A7E72;
}
div#navcontainer li.gallery a {
	background-color: #5B94A1;
}
div#navcontainer li.media a {
	background-color: #7F9C99;
}
div#navcontainer li.contact a {
	background-color: #BDCBCD;
}
div#navcontainer li a:hover {
	background-color: #977B5A;
}
/* NAVIGATION ENDS #####################################*/
div#flasharea {
	float: right;
	margin-left: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	width: 415px;
	height: 207px;	
}
div#maincontainer {

}
div#footer {
	float: left;
	width: 693px;
	height: 30px;
	border-top: solid;
	border-top-color: #977B5A;
	border-top-width: 10px;
	text-align: right;
	padding-top: 10px;
	margin: 0;
}
div#footer a {
	color: #999;
	text-decoration: none;
	font-size: 9px;

}
div#textarea {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #977B5A;
	width: 651px;
	height: 100%;	
}
div#textarea1 {
	float: left;
	margin-top: 10px;
	padding-right: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #977B5A;
	width: 671px;
	height: 142px;
	overflow: hidden;
	font-weight: normal;

}
div#textarea1 img {
	border: 0;
	vertical-align: top;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	float: left;
}
div#textarea1 h1, div#textarea h1 {
	margin-top: 10px;
 	margin-bottom: 8px;
	font-size: 21px;
	color: #5B94A1;
}
div#textarea1 p {
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
}
div#textarea2 {
	float: left;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 215px;
	height: 200px;
	border: solid 1px #977B5A;
}
div#textarea3 {
	float: left;
	padding: 5px;
	margin-left: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 215px;
	height: 200px;
	border: solid 1px #977B5A;
}
div#textarea4 {
	float: right;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 215px;
	height: 200px;
	border: solid 1px #977B5A;
}
h2 {
	margin-top: 0px;
 	margin-bottom: 10px;
	padding: 0px;
	font-size: 14px;
	color: #5B94A1;	
}
div#textarea2 ul, div#textarea3 ul, div#textarea4 ul {
	margin: 0;
	padding: 0;
}
div#textarea2 li, div#textarea3 li, div#textarea4 li {
	list-style-type: none;
	margin: 0 0 7px;
	padding: 0;
	text-indent: 5px;
}
div#textarea2 a, div#textarea3 a, div#textarea4 a {
	color: #977B5A;
}
div#textarea2 img, div#textarea3 img, div#textarea4 img {
	float: left;
	margin-bottom: 2px;
	margin-right: 8px;
	border: none;
}
/* PHOTO GALLERY */
div#imagearea {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #977B5A;
	width: 651px;
	height: 100%;	
}
div#imagearea h1 {
	margin-top: 20px;
 	margin-bottom: 8px;
	font-size: 21px;
	color: #5B94A1;
}
/* div#imagearea img {
	padding: 10px;
	border: solid 1px #dee7e6;
	margin-right: 70px;
	margin-bottom: 30px;

}*/
div#imagearea ul {
	list-style-type: none;
	width: 651px;
	margin: 0;
	padding: 0;
}
div#imagearea li {
	float: left;
	width: 240px;
	padding: 10px 20px 10px 10px;
}
div#imagearea h2 {
	margin: 0 10px;
	padding: 10px 0 0 0;
	font-size: 100%;
}
div#imagearea h2 img {
	display: block;
	border: solid 1px #dee7e6;
}
.footer_note {
	font-size: 85%;
	color: #999;
}
.vimeo {
	font-size: 150%;
	padding: 8px 0 5px;
	font-weight: bold;
	color: #5B94A1;
}
.vimeo a {
	text-decoration: none;	
}
.vimeo a:hover {
	text-decoration: underline;	
}