* { font-family: 'Myriad Pro', 'Microsoft Sans Serif', Helvetica, Arial, sans-serif; }

html { height: 100%; }

body
{
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	background-color: #999;
	color: #838383;
}

* html body #header h1 a,
* html body #homepage #header h1 a,
* html body #photo { behavior: url("iepngfix.htc"); }

h1
{
	padding: 0;
	margin: 0 0 6px 0;
}

h2
{
	padding: 0;
	margin: 0;
	height: 49px;
	width: 371px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#portfolio h2 { background-image: url(images/h2_portfolio.gif); }
#statement h2 { background-image: url(images/h2_artists_statement.gif); }
#biography h2 { background-image: url(images/h2_biography.gif); }
#resume h2 { background-image: url(images/h2_resume.gif); }
#showings h2 { background-image: url(images/h2_gallery_showings.gif); }
#contact h2 { background-image: url(images/h2_contact_info.gif); }
#thanks h2 { background-image: url(images/h2_thanks.gif); }

#leaners h2
{
	background-image: url(images/h2_leaners.gif);
	width: 167px;
}

h3
{
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0 0 8px 0;
	color: #333;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: .05em;
	background-image: url(images/red_dash.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

h4
{
	font-weight: bold;
	padding: 0;
	margin: 0 0 6px 0;
	color: #000;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: .05em;
}

ul
{
	margin: 0 0 15px 15px;
	padding: 0;
}

li
{
	margin: 0 0 0 15px;
	padding: 0;
}

dl {}

p
{
	padding: 0;
	margin: 0;
}

a
{
	color: #8a2221;
	text-decoration: underline;
	outline: none;
	border: 0;
}

a:hover { color: #300; }

* html body #outer_wrap
{
	width: 950px;
	height: 100%;
}

* html body #footer { width: 950px; }

#outer_wrap
{
	min-height: 100%;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFCD3;
	background-image: url(images/background_fabric.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#homepage #outer_wrap
{
	min-height: 0%;
	height: 740px;
	position: relative;
	overflow: hidden;
}

#thumbprints
{
	float: right;
	width: 332px;
	height: 740px;
	margin: 0;
	padding: 0;
	background-image: url(images/thumbprints.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#footer
{
	width: 950px;
	height: 30px;
	margin: -35px auto 0 auto;
	text-align: left;
}

#homepage #footer
{
	width: 300px;
	margin: -50px 0 5px 0;
	height: auto;
	line-height: 13px;
}


#footer #credits
{
	float: right;
	text-align: right;
	color: #C90;
	font-size: 10px;
	line-height: 12px;
}

#footer #credits a { text-decoration: none; }

#footer .txt
{
	margin: 0;
	padding: 0 50px;
	color: #333;
	font-size: 12px;
}

#header
{
}

#header h1
{
	margin: 0 0 0 20px;
	padding: 0;
}

#homepage #header h1
{
	margin: 0;
	padding: 0;
}

#header h1 a
{
	display: block;
	width: 380px;
	height: 130px;
	border: 0;
	background-image: url(images/header_inside.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#homepage #header h1 a
{
	display: block;
	width: 527px;
	height: 190px;
	border: 0;
	background-image: url(images/header_karen_ives.png);
	background-repeat: no-repeat;
	background-position: 0 -10px;
}

#header h1 span.txt,
h2 span.txt { display: none; }

#homepage #photo
{
	margin: -40px 0 0 350px;
	background-color: transparent;
	background-image: url(images/karen_photo_shadow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 2;
	position: absolute;
}

#homepage #photo div
{
	width: 233px;
	height: 273px;
	background-image: url(images/karen_photo.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

/* MENUS */
		
ul#nav
{
	float: right;
	width: 485px;
	list-style: none;
	padding: 0 20px 0 0;
	margin: 20px 30px 0 0;
	line-height: 26px;
	text-align: right;
}

* html ul#nav { margin-right: 15px; }

#homepage ul#nav
{
	float: none;
	width: 300px;
	margin: -10px 0 10px 70px;
	line-height: 26px;
	text-align: left;
}
		
#nav li
{
	display: inline;
	font-size: 18px;
	line-height: 21px;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#homepage #nav li
{
	display: block;
	font-size: 22px;
	line-height: 31px;
}
		
#nav li#home_link {  }

#nav li span
{
	/*font-family: "Courier New", Courier, monospace, Arial;*/
}

* html #nav li span {  }

#nav li a
{
	display: inline-block;
	margin: 0;
	padding: 0 0 0 20px;
	white-space: nowrap;
	color: #8a2221;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .05em;
}

#homepage #nav li a
{
	display: inline;
	padding: 0 0 0 21px;
	background-image: url(images/nav_dingbat.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#nav li a:hover { color: #c1272d; }

#homepage #nav li a:hover { background-position: 0 -25px; }

/* END MENUS */

#content
{
	width: 850px;
	padding: 24px 0 55px 0;
	background-image: url(images/page_edge_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 0 50px;
}

#homepage #content
{
	width: auto;
	padding: 0;
	margin: 0;
	background-image: none;
}

#content_inner
{
	padding: 0 40px 24px 40px;
	background-color: #FFF;
	background-image: url(images/page_edge_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 400px;
}

#content_inner p
{
	line-height: 25px;
	font-size: 15px;
	margin: 0 0 12px 0;
}

.clear { clear: both; }

#main_pic
{
	margin: 5px 0 0 10px;
	background-image: url(images/loading_spinner.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/*contact form*/

label
{
	font-size: 13px;
	text-transform: lowercase;
	font-weight: normal;
}

form
{
	padding: 0px;
	margin: 0px;
}

button
{
	margin: 5px 15px 5px 0;
	padding: 4px 15px 3px 15px;
	background-color: #c1272d;
	border: 2px #FFF solid;
	color: #FFF;
	text-transform: uppercase;
	-moz-border-radius: 20px;
}

button:hover { background-color: #8a2221; }

input,
textarea,
select,
.form_field
{
	font-size: 14px;
	background-color: #FFF;
	color: #000000;
	border: 1px #CCC dashed;
	padding: 3px;
	margin: 0px;
}

textarea:focus,
input:focus { background-color: #ddd;}

dl.type1
{
	margin: 0;
	padding: 0;
	width: 500px;
}

dl.type1 dt
{
	float: left;
	text-align: right;
	width: 100px;
	margin: 2px 5px 0 0;
	padding: 0;
}

dl.type1 dd
{
	margin: 0 0 5px 0;
	padding: 2px 0;
}

dl.type1 em
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 11px;
}

.width1 { width: 270px; }
.width2 { width: 120px; }
.width3 { width: 40px; }
.height1 { height: 200px; }

#State { margin-right: 20px; }

dl.type1 button { margin-top: 10px; }

dl.type2
{
	margin: 0px;
	padding: 0;
}

#contact dl.type2
{
	float: right;
	border: 1px #CCC solid;
	width: 255px;
	padding: 18px 0;
	-moz-border-radius: 25px;
}

dl.type2 dt
{
	float: left;
	text-align: right;
	width: 130px;
	margin: 2px 0 0 0;
	padding: 0 10px 0 0;
	color: #000;
}

#contact dl.type2 dt { width: 80px; }

dl.type2 dd
{
	margin: 0 0 5px 0;
	padding: 2px 0 2px 140px;
}

#contact dl.type2 dd { padding-left: 90px; }

dd#email
{
	background-image: url(images/eml_graphic.gif);
	background-repeat: no-repeat;
	background-position: 90px 3px;
}

.nobr { white-space: nowrap; }

.boxed
{
	float: right;
	padding: 10px;
	margin: 0 0 15px 20px;
	border: 1px #999 solid;
	-moz-border-radius: 35px;
	background-color: #EEE;
}

.boxed .boxed
{
	padding: 20px;
	margin: 0;
	border: 1px #FFF solid;
	-moz-border-radius: 25px;
	background-color: #FFF;
}

.boxed .boxed h3 {  }
.boxed .boxed ul { margin: 0; }

li h4 { margin: 0; }

li p { font-style: italic; }

.float_right { float: right; }
.float_left { float: left; }

img.float_left { margin: 0 12px 6px 0; }
img.float_right { margin: 0 0 6px 12px; }

#leaners_wrapper,
#portfolio_wrapper
{
	margin: 0 0 0 0;
	background-image: url(images/loading_spinner.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#portfolio #noFlash
{
	width: 770px;
	height: 570px;
	background-image: url(images/portfolio_no_flash.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #000;
}

#leaners #noFlash
{
	width: 550px;
	height: 500px;
	background-image: url(images/leaners_no_flash.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	color: #000;
}

#homepage #noFlash
{
}

#leaners #noFlash div
{
	padding-top: 230px;
	text-align: center;
}

#portfolio #noFlash div
{
	padding-top: 250px;
	text-align: center;
}

#leaners_wrapper
{
	float: right;
	margin: 0 0 10px 20px;
}

h2 h3 { margin: 0; }

.picture
{
	float: left;
	margin: 0 15px 15px 0;
}

.caption
{
	color: #000;
	font-size: 12px;
	line-height: 13px;
	padding: 3px 0 10px 0;
}

.red
{
	color: #900;
	font-weight: bold;
}

body#showings h4 { margin: 16px 0 0 0; }

body#showings #content_inner p { margin: 0; }