@charset "utf-8";
/*
COLORS:
Homepage Background: #A0B586
Thin-line color: #b3be8e
Thick-line color: #A0B586
Dark Green Text: #50543E
Medium Green Text: #69754D
Bullet color: #CFBD95
Nav link text (brown): #665646
Sub page text: : #665646
Footer background: #b3be8e
*/

/*
NOTES TO JO:

Remember, Z-INDEX sets the layer order of the divs

*/
body {
	color: #665646;
	background-color: #ffffff;
	background-position: 0px -10px;
}

a {text-decoration: none;}
a:link {color:#69754D;} /* unvisited link */
a:visited {color:#50543e;} /* visited link */
a:hover {color:#FF0000;} /* mouse over link */
a:active {color:#FF0000;} /* selected link */

#nav a {text-decoration: none; padding: 2px;}
#nav a:link {color:#69754D;} /* unvisited link */
#nav a:visited {color:#69754D;} /* visited link */
#nav a:hover {color:#751313;} /* mouse over link */
#nav a:active {color:#751313;} /* selected link */

#header {
	height: 150px;
}
#thin_line {
	top: 135px;
}
#sparrow { /* div for bird image */
	top: 5px;
	left: 150px;
}

#title_1 { /* Sparrow */
	top: 13px;
	left: 380px;
}
#title_2 { /*web design */
	top: 75px; /*105*/
	left: 625px;
}
#nav {
	margin: 0px auto 25px 420px;
}
#maincontent {
	margin: 30px auto 0px 20px;
}
#page_name {
	position: absolute;
	top: 180px;
	width: 130px;
	margin: 0;
	padding: 0 20px 0 165px; /* 0 20px 0 85px; */
	z-index: 15;
	color: #751313;
}
#gallery h4 {
	margin-bottom:5px;
	padding:0px;
}
#gallery h5 {
	margin-top:0;
	margin-bottom:3px;
	padding:0px;
}
#illustrations {
	  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size:18px;
	  color: #69754D;
	  margin-bottom:20px;
	  }  
#illustrations a {
	padding:0px 10px 0px 0px;
}
#illustrations br {
	padding:0px 0px 60px 0px;
}
#illustrations h4 {
	padding:0px 0px 30px 0px;
}	  
#thumbs {
	position: relative;
}
.thumbs_row {
	width: 750px;
	margin: 20px 0 0 0;
	clear: both;
	height: 280px;
}
.thumbs_left {
	width: 350px;
	margin:0;
	padding:0 0 40px 0;
	float: left;
}
.thumbs_right {
	width: 380px;
	margin: 0 0 0 0;
	padding:0 0 0 20px;
	float: left;
}
.thumbs_right h3 {
	color: #751313;
}
.thumbs_right p{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.thumbs_left img {
	border: none;
}
#bio-main {
	width:750px;
}
#bio-left {
	width:350px;
	float:left;
}
#bio-right {
	width:350px;
	float:right;
}
#bio-left img,
#bio-right img{
	float: left;
	margin:0 15px 5px 0;
	padding:0;
}
#sample-main {
	width:720px;
	padding:0;
	margin:0;
}
#sample-full {
	width:310px;
	text-align:center;
	float:left;
	margin:0;
	padding:0;
}
#sample-home-only {
	 width:400px;
	 text-align:center;
	 float:left;
	 margin:0;
	padding:0;
}
.navOn, .navOff {
	cursor:pointer;
}

.navOn {
	color:#B3BE8E;
}

.navOff {
	color:#50543E;
}
.navOn a:link,
.navOn a:visited,
.navOn a:active,
.navOn a:hover {
	color:#B3BE8E;
}
	
.navOff a:link,
.navOff a:visited {
	color:#50543E;
}
	
.navOff a:active,
.navOff a:hover {
	color:#751313;
}