@charset "UTF-8";
/* ---------------- main styles ---------------- */
* {margin: 0px; padding: 0px;}
body {
	background-color: #fff;
	text-align: center;
	font-family: Helvetica, Arial, "Trebuchet MS", Geneva, Verdana, sans-serif;
	font-size: 90%;
	color: #666;
}
#wrapper {
	position: relative;
	width: 90%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
#clear {
	clear: both;
	}	


/* ------------ position container elements ------------ */
#header {
	position: relative;
	height: 130px;
	}
#content {
	padding-right: .5em;
	margin-top: 2em;
	margin-left: .5em;
	float: left;
	width: 40%;
	height: 376px;
 	overflow: auto;
	}
#slideshow {
	margin-top: 2em;
	float: right;
	width: 50%;
	text-align: right;
	}
#gallery {
	margin-top: 2em;
	width: 100%;
	text-align: center;
	}	
#footer {
	width: 90%;
	text-align: center;
	clear: both;
	padding-top: 2em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	color: #666;
	font: .85em Arial, Helvetica, "Trebuchet MS", Geneva, Verdana, sans-serif;
	}

/* ------------- header styles ------------- */
#header h1 {
	text-indent: -9999px;
}
#name {
	position: absolute;
	left: 0;
	bottom: 30px;
	}
#name a img { border: none; }

#contactLink {
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 25px;
}
#contactLink a:link, a:visited {
	color: #bcbec0;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}
#contactLink a:hover {
	color: #666;
	text-decoration: none;
}
#contactLink a:active {
	color: #fff;
	text-decoration: none;
}
#navContainer {
	height: 22px;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	background-image: url(../images/nav-menu-bg.gif);
	background-repeat: repeat-x;
}
	
/* --- navigation styles --- */
#navContainer ul {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	list-style: none;
}
#navContainer ul li {
	float: left;
	width: 16.666%;

}
#navContainer ul li a, a:visited {
	padding: 0 1.25em;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: .1em;
	text-decoration: none;
	color: #FFF;
	border-bottom: none;
	float: left;
	}
#navContainer ul li a.first {
	background-image: url(../images/navbar-L.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#navContainer ul li a.last {
	background-image: url(../images/navbar-R.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#navContainer ul li a:hover {
	color: #999;
}
#navContainer ul li a:active {
	color: #666;
}
#navContainer .current {
	color: #333;
}
/* -------------- main type styles ------------- */ 
p {
	font-family: Helvetica, Arial, "Trebuchet MS", Geneva, Verdana, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	margin-top: .5em;
	margin-bottom: .5em;
	}
a:link, a:visited {
	color: #bcbec0;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}

h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #d1d3d4;
	margin-top: .25em;
	margin-bottom: 0.25em;
}
h4 {
	font-size: 1.4em;
	font-weight: normal;
	color: #d1d3d4;
	margin-bottom: 0.25em;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.25em;
	margin-top: .3em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.25em;
	margin-top: .5em;
}

/* ---- resume styles ---- */

#resumeText h6 { font-size: 1em; font-weight: bold; letter-spacing: .1em; margin-top: .7em; margin-bottom: .2em; border-bottom: 1px solid #999; }


#resumeText ul { list-style-type: none; padding: 0; margin: 0; font-weight: bold; }
#resumeText li { margin-top: .25em; font-family: Helvetica, Arial, "Trebuchet MS", Geneva, Verdana, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	margin-top: .5em;
	margin-bottom: .5em;}
#resumeText ul.exhibitionList { list-style-type: square; padding: 0; margin-left: 1em; font-weight: normal; }

#resumeText ul.reviews { list-style-type: none; padding: 0; margin:0 ; font-weight: normal; }

#resumeText a:link, a:visited {  
	font-family: Helvetica, Arial, "Trebuchet MS", Geneva, Verdana, sans-serif;
	font-size: inherit;
	color: #bcbec0;
	text-decoration: none;
	font-weight: bold; letter-spacing: normal;
	margin: 0;
	padding: 0;
	float: none;
}
#resumeText a:hover {
	color: #666666;
}
#resumeText a:active {
	color: #ffffff;
}
#resumeText .underline {
	text-decoration: underline;
}
#resumeText .italic { font-style: italic; }

#resumeText .bold { font-weight: bold; }


/* --- current page via body class ---- */
body.resume #navContainer ul li a.resumeLink,
body.statement #navContainer ul li a.statementLink { color: #666; }
body.floorwork #navContainer ul li a.floorworkLink { color: #666; }
body.wallwork #navContainer ul li a.wallworkLink { color: #666; }
body.drawing #navContainer ul li a.drawingLink { color: #666; }
body.impromptu #navContainer ul li a.impromptuLink { color: #666; }

/* ---- position span over current link to indicate no-click ---- */
body.resume #navContainer ul li a.resumeLink span { left: 0; background: url(fake.gif); }
body.statement #navContainer ul li a.statementLink span { left: 0; background: url(fake.gif); }
body.floorwork #navContainer ul li a.floorworkLink span { left: 0; background: url(fake.gif); }
body.wallwork #navContainer ul li a.wallworkLink span { left: 0; background: url(fake.gif); }
body.drawing #navContainer ul li a.drawingLink span { left: 0; background: url(fake.gif); }
body.impromptu #navContainer ul li a.impromptuLink span { left: 0; background: url(fake.gif); }

/* -------------- contact form ------------- */
label, label span { display: block; padding-bottom: .5em; }
label { float: left; width: 100%; }
label span { float: left; width: 35%; text-align: right; }

fieldset input, textarea { float: right; width: 60%; border: 1px solid #d1d3d4; }
fieldset input:hover, textarea:hover { border-color: #999; }
fieldset input:active, input:focus, textarea:active, textarea:focus { border-color: #666; }


fieldset { margin-bottom: 10px; padding: 10px; border: 1px solid #d1d3d4; overflow: hidden; }

form div { clear: both; margin-bottom: 20px; padding: 10px 10px; border: 1px solid #d1d3d4; text-align: right; }