@charset "UTF-8";

/* Color Notes: adjustments to right...

#404724 (Lt. Green)
#073C4A (Dk. Blue) > #052D38 >
#948B64 (sand) > #C7BB86 >
#450C08 (crimson) > #61110B >
#362D16 (olive) > #544622 >

Materials & methods0

#f5efe2; (lightsand)
#eadfc5; (content bkgrd)
color: rgb(34, 34, 34); (body bkgrd)

color: rgb(150, 121, 15); (a)
color: rgb(200, 54, 18); 

*/


/* Reset CSS */
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 99%;
	font-family: Arial;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1.2; background: #FFF
}
ol, ul {
	margin-left: 25px;
	text-decoration: none;
}
li {
	text-decoration: none;
}
:focus {
	outline: 0px #c0c dotted;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
} 
/* Layout */
#outerwrapper {
	position: relative;
    width: 1010px;
	height: 600px;
	padding-top: 0px;
    margin: 0 auto;
}
#wrapper {
	float: left;
    width: 740px;
	height: 700px;
	padding-top: 0px;
    margin: 0 auto;
}
#mainheadline {
	float: left;
    width: 1010px;
	height: 50px;
	padding-top: 40px;
	padding-left: 10px;
    margin: 0 auto;
}
#coda {
	position: absolute;
	padding-left: 363px;
	padding-top: 545px;
    margin: 0 auto;
	z-index: 1;
}
#statement {
	float: left;
	background-color: #C7BB86;
	width: 730px;
	height: 800px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 7px;
	z-index: 2;
}
#statementbox {
	float: left;
	background-color: #C7BB86;
	width: 710px;
	height: 800px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 7px;
	z-index: 2;
}
/* Materials & Methods */
#process {
	float: left;
	background-color: #F4F4F4;
	width: 740px;
	height: 1080px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 7px;
	z-index: 2;
}
.mm {
	float: left;
	background-color: #F0F0F0;
	width: 700px;
	height: 80px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	z-index: 2;
}
.mm2 {
	float: left;
	background-color: #F0F0F0;
	width: 700px;
	height: 110px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	z-index: 2;
}
.mmspace {
	float: left;
	background-color: transparent;
	width: 740px;
	height: 5px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	z-index: 2;
}
.mmimage {
	float: left;
	background-color: transparent;
	text-align: right;
	width: 160px;
	height: 80px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	z-index: 2;
}
.mmtext {
	float: left;
	text-align: left;
	background-color: transparent;
	width: 500px;
	height: 80px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
#vid {
	float: left;
	background-color: #DED0D8;
	width: 740px;
	height: 500px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 20px;
	z-index: 2;
}
/* CV */
#cv {
	float: left;
	background-color: #C7BB86;
	width: 720px;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	z-index: 2;
}
.cvtext {
	float: left;
	background-color: transparent;
	width: 540px;
	height: 50px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
.cventry {
	float: left;
	background-color: transparent;
	width: 540px;
	height: 120px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
.cv2009 {
	float: left;
	background-color: transparent;
	width: 540px;
	height: 210px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
.cv2007 {
	float: left;
	background-color: transparent;
	width: 540px;
	height: 200px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
.cv1995 {
	float: left;
	background-color: transparent;
	width: 540px;
	height: 80px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
.cvleft {
	float: left;
	background-color: transparent;
	width: 140px;
	height: 50px;
	text-align: right;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
.cvwidth {
	float: left;
	width: 680px;
	height: 30px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 2;
}
#down {
	float: right;
	width: 200px;
	height: 30px;

}
#slider {
	float: left;
	background-color: #FFF;
	width: 740px;
	height: 600px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-top: 7px;
	z-index: 2;
}
.leftgallery {
	float: left;
	background-color: transparent;
	width: 125px;
	height: 600px;
	margin-left: 0px;
	margin-top: -10px;
	padding-left: 0px;
	padding-top: 0px;
	z-index: 0;
}
#frontgallery {
	float: left;
	background-color: transparent;
	width: 500px;
	height: 600px;
	margin-left: 0px;
	margin-top: -10px;
	padding-left: 0px;
	padding-top: 0px;
	z-index: 0;
}
#altgallery {
	float: left;
	background-color: #FFF;
	width: 740px;
	height: 200px;
	margin-left: 0px;
	margin-top: -200px;
	padding-left: 0px;
	padding-top: 7px;
	z-index: 0;
}
#altgallery2 {
	float: left;
	background-color: #FFF;
	width: 740px;
	height: 200px;
	margin-left: 0px;
	margin-top: 400px;
	padding-left: 0px;
	padding-top: 7px;
	z-index: 0;
}
#altgallery3 {
	float: left;
	background-color: #FFF;
	width: 740px;
	height: 200px;
	margin-left: 0px;
	margin-top: 400px;
	padding-left: 0px;
	padding-top: 7px;
	z-index: 0;
}
/* Sidebar */

#sidebar1 {
	float: left;
	width: 180px; 
	height: 500px;
	padding-right: 20px;
	padding-top: 15px;
	background: #FFF; 
	text-align: right;
}

/* Typography */

/* font-family: 'Marmelad', sans-serif; */


a:link {
	color: #404724;
	text-decoration: none;
	z-index: 12;
}
a:visited {
	color: #404724;
	text-decoration: none;
	z-index: 12;
}
a:hover {
	color: #F00;
	text-decoration: none;
	z-index: 12;
}
a:active {
	color: #F00;
	text-decoration: none;
	z-index: 12;
}
a {
	font-size: 18px;
	font-family: 'Marmelad', sans-serif, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 0px;
	line-height: 45px
}
p {
	color: #052D38;
	font-size: 18px;
	font-family: 'Marmelad', sans-serif, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: .5px;
	line-height: 20px
}
h2 {
	color: #666666;
	font-size: 14px;
	font-family: 'Marmelad', sans-serif, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 100;
	letter-spacing: 0px;
	line-height: 20px;
}
.h4 {
	color: #333333;
	font-size: 24px;
	font-family: 'Marmelad', sans-serif, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 25;
	letter-spacing: 4px;
	line-height: 20px;
}
h5 {
	color: #544622;
	font-size: 60px;
	font-family: 'Marmelad', sans-serif, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 10;
	letter-spacing: 23px;
}
h3 {
	color: #544622;
	font-size: 24px;
	font-family: 'Marmelad', sans-serif, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 100;
	letter-spacing: 0px;
}


/* Album CSS */
		
.albumbox{
float: left;
width: 100px;
height: 600px;
margin-top: 0px;
padding-top: 0px;
background-color: transparent;
}
.album{
 width:80%;
 background-color: transparent;
 padding-left: 0px; 
 float:left
}
.album .imageSingle {
  float: left; 
  margin: 7px; 
  width: 95px;  
  text-align:center;
  border:solid 1px #999;
  background-color: #FFF;
}
.album .imageSingle .image {
  width:95px; 
  height:86px; 
  margin:0px;
  padding-top: 0px; 
  border:solid 0px #333333;
  
}
.album .footer {
  text-align:center;
  width: 95px; 
  border-top:solid 0px # 000; 
  color:#cccccc; 
  font-weight:bold; 
  padding-top: 0px; 
  padding-bottom:0px; 
  margin-top: 0px;
}
.footer {
	font-family: 'Marmelad', sans-serif, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#999;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #ccc; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls2.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls2.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#FFF;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:30px; display:block; background:url(images/controls2.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
		
/*Slideviewer Pro*/

#mainContent {
 	margin: 0 0 0 0;
	width: 600px;
	height: 600px;
} 
.floatright {
	float: right;
	width: 600px;
	height: 600px;
	margin-left: 0px;
	background-color: transparent;
	padding-right: 70px; 
}
.ldrgif { 
	width: 32px; 
	height: 32px;
	padding-bottom: 0px;
	padding-right: 400px;
	background-color: #FFF;
} 


.svwp {
	width: 50px;
	height: 20px;
	background: #transparent;
	padding: 200px;
	text-align: center;
} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background-color: transparent
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}
/*typographic info*/
.slideViewer span.typo{ 
padding: 1px;/* do not modify padding */
padding-left: 22px;
background: transparent;
color: #666666;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 12px;
font-style: italic;
font-weight: lighter;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #FFF;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #000;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #DADADA;
font: bold 20px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}