/* clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearFloat {
  clear: all;
}

body {
  background-color: #95a59b;
  color: #002616;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  text-align: center;
  line-height: 1.2em;
}
h1 {
  color: #000;
  float: left;
  width: 294px;
  height: 50px;
  margin-left: 23px;
  margin-top: 27px;
  position: relative;
  display: inline;
}

h1 span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/logo.gif) no-repeat;
}
h2 {
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 25px;
}


h3 {
  margin-bottom: 1em;
}

h4 {
  font-size: 1.5em;
  background-color: #ccc;
  padding: 0.5em;
}

a,  a:link {
  color: #fff;
  text-decoration: none;
}
a:visited {
  color: #fff;
  text-decoration: none;
}
a:hover {
  color: #000;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}


.alert {
  color: #ff0000;
  font-weight: bold;
}

#outerWrapper {
  background-color: #fff;
  margin: 33px auto 0 auto;
  text-align: left;
  width: 900px;
  padding: 5px;
  border: 1px solid #676733;
}


#header {
  background-color: #40534f;
  height: 77px;
}


.alt {
	display: none;
	visibility: hidden;
}
img.txtimg
{
	visibility: visible;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mainnav {
	position: relative;
	top: 48px;
	left: 438px;
	width: 369px;
	height: 20px;
	background: url(../images/main-nav.gif) no-repeat;
}

#mainnav li { position: absolute; top: 0; }

#mainnav li,#mainnav a {
	height: 20px;
	display: block;
}

#mainnav li#gallery { left: 0px; width: 93px;}
#mainnav li#resume { left: 93px; width: 101px;}
#mainnav li#contact { left: 194px; width: 101px;}
#mainnav li#links { left: 295px; width: 74px;}


body#gallerypage #mainnav li#gallery,
#mainnav li#gallery a:hover { 
	background: transparent url(../images/main-nav.gif) 0 -20px no-repeat; 
}

body#resumepage #mainnav li#resume,
#mainnav li#resume a:hover { 
	background: transparent url(../images/main-nav.gif) -93px -20px no-repeat; 
}

body#contactpage #mainnav li#contact,
#mainnav li#contact a:hover { 
	background: transparent url(../images/main-nav.gif) -194px -20px no-repeat; 
}


body#linkspage #mainnav li#links,
#mainnav li#links a:hover { 
	background: transparent url(../images/main-nav.gif) -295px -20px no-repeat; 
}

#marker img {
position: relative;
width: 11px;
height: 6px;
margin: 51px 0 0 0;
padding: 0;

}

/* safari hack to fix alignment 
@media screen and (-webkit-min-device-pixel-ratio:0){
#marker {margin-top: 47px;}
}*/

body#gallerypage #marker {
	margin-left: 508px;
}

body#resumepage #marker {
	margin-left: 608px;
}

body#contactpage #marker {
	margin-left: 712px;
}

body#linkspage #marker {
	margin-left: 789px;
}


#contentWrapper {
  background-color: #fff;
  margin-top: 4px;
  padding-bottom: 2px;
}

#content {
  font-size: 0.8em;
}

#blurb {
	float: left;
	display: inline;
	width: 205px;
	margin: 30px 96px 0 33px;
	line-height: 1.1em;
}

#blurb a {
	color: #000;
}



#footer {
  background-color: #718579;
  padding: 7px 12px 0 0;
  height: 152px;
  font-size: 0.8em;
  color: #fff;
  text-align: right;
  margin-top: 5px;
}



/* HOME */

body#homepage #mainnav {
	background: url(../images/home-main-nav.jpg) no-repeat;
}
body#homepage #mainnav li#gallery a:hover { 
	background: transparent url(../images/home-main-nav.jpg) 0 -20px no-repeat; 
}

body#homepage #mainnav li#resume a:hover { 
	background: transparent url(../images/home-main-nav.jpg) -93px -20px no-repeat; 
}

body#homepage #mainnav li#contact a:hover { 
	background: transparent url(../images/home-main-nav.jpg) -194px -20px no-repeat; 
}


body#homepage #mainnav li#links a:hover { 
	background: transparent url(../images/home-main-nav.jpg) -295px -20px no-repeat; 
}

body#homepage h1 span {
  background: url(../images/home-logo.gif) no-repeat;
}

body#homepage #header {
	background: url(../images/home-header-bkgd.jpg) no-repeat #95a49b;	
}

body#homepage #content {
	height: 526px;
	background: url(../images/home-bkgd.jpg) no-repeat #95a49b;	
}

body#homepage #content h2 {
	margin-bottom: 52px;
}

body#homepage #content #welcometext {
	color: #fff;
	padding: 157px 0 0 45px;
	width: 238px;
	line-height: 1.2em;
}


/* GALLERY */

body#gallerypage #gallerymenuarea {
	float: left;
	display: inline;
	width: 276px;
	height: 293px;
	padding: 30px 0 0 32px;
	margin-right: 5px;
	background: url(../images/bottom-right-corner.gif) no-repeat bottom right #95a49b;
}

body#gallerypage #gallerymenu{
	width: 200px;
}

body#gallerypage #gallerymenu li {
	padding-bottom: 0.3em;
}

body#gallerypage #gallerymenu li ul {
	margin-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 30px;
	background: url(../images/horiz-dot.gif) repeat-x bottom left;
}


body#gallerypage #gallerymenu li  a {
	display: block;
	padding-bottom: 0.3em;
	background: url(../images/horiz-dot.gif) repeat-x bottom left;
}

body#gallerypage #gallerymenu li li a,
body#gallerypage #gallerymenu li.selected li a,
body#gallerypage #gallerymenu li li.selected {
	background: none;
}

body#gallerypage #gallerymenu li ul li {
	padding-bottom: 0;
}

body#gallerypage #gallerymenu li.selected li a {
	color: #fff;
}

body#gallerypage #gallerymenu li li a:hover,
body#gallerypage #gallerymenu li.selected a,
body#gallerypage #gallerymenu li li.selected a {
	color: #000;
}



body#gallerypage #content {
	height: 515px;
}

body#gallerypage.row4 #content {
	height: 575px;
} 

body#gallerypage.row5 #content {
	height: 630px;
} 

body#gallerypage.row6 #content {
	height: 685px;
} 

#lgphoto {
	float: left;
	display: inline;
	width: 587px;
	height: 323px;
}

#thumbs {
	float: left;
	display: inline;
	width: 565px;
	margin-top: 11px;
}


#largerview {
	position: relative;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 9px;
	background: url(../images/larger-view.gif) no-repeat;
}

#largerview li { position: absolute; top: 0; }

#largerview li,#largerview a {
	height: 9px;
	display: block;
	
}

#largerview li { left: 0px; width: 81px;}

#largerview a:hover { 
	background: transparent url(../images/larger-view.gif) 0 -9px no-repeat; 
}

#thumbphotos {
	margin-top: 12px;
}

#thumbphotos li {
	float: left;
	width: 72px;
	height: 45px;
	margin-right: 10px;
    margin-bottom: 10px;
}

#thumbphotos li a img {
	border: 1px solid #718579;
}

#thumbphotos li.norightmargin {
	margin-right: 0;
}

body#gallerypage #content {

}


/* RESUME */

body#resumepage #content {
	color: #fff;
	height: 336px;
	background-color: #95a49b;
	/*background: url(../images/resume-bkgd.jpg) no-repeat #95a49b;*/
	padding: 56px 0 0 35px;
	font-weight: bold;
}

body#resumepage #content a:hover {
	color: #ccc;
}

body#resumepage #content li {
	float: left;
	display: inline;
}

body#resumepage #content li li  {
	padding-bottom: 0.9em;
	float: none;
	display: block;
}

body#resumepage #content h2 {
	margin-bottom: 5px;
	width: 185px;
}

body#resumepage #experience {
	width: 221px;
}

body#resumepage #experiencecol1 {
	width: 221px;
}

body#resumepage #experiencecol2 {
	width: 221px;
}

body#resumepage #skills {
	margin-top: 2em;
}

body#resumepage #content li#skills li {
	padding-bottom: 0;
	line-height: 1.2em;
	font-weight: normal;
}

body#resumepage #content li#education li {
	line-height: 1.2em;
	font-weight: normal;
}

body#resumepage .sub {
	margin-top: 25px;
}

body#resumepage dl {
	line-height: 1.2em;
	margin-bottom: 1em;
}

body#resumepage dd {
	font-weight: normal;
}


/* CONTACT */

body#contactpage #content {
	color: #fff;
	height: 313px;
	background: url(../images/contact-bkgd.jpg) no-repeat #95a49b;
	padding: 56px 0 0 35px;
}

body#contactpage #content a:hover {
	color: #a7bd4d;
}


/* LINKS */

body#linkspage #content {
	color: #fff;
	height: 313px;
	background: url(../images/links-bkgd.jpg) no-repeat #95a49b;
	padding: 56px 0 0 35px;
}

body#linkspage #content a:hover {
	color: #ccc;
}

body#linkspage #content li {
	float: left;
	display: inline;
}

body#linkspage #content li li  {
	padding-bottom: 0.9em;
	float: none;
	display: block;
}

body#linkspage #content h2 {
	margin-bottom: 5px;
	width: 200px;
}

body#linkspage #artists {
	width: 210px;
}

body#linkspage #studios {
	width: 240px;
}