html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html{
	height: 100%;
}
body{
	background: #fff;
	font-family: Georgia, serif;
	font-size: 16px;
	height: 100%;
	line-height: 1.5;
	height: 100%;
	min-width: 900px;
}
#container{
	background: #e4e7d2;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -41px;
}

/* --- header ---*/

#header{
	background: #6d614b;
	border-bottom: 1px solid #a7a093;
	height: 65px;
	position: relative;
}
#header h1{
	height: 35px;
	margin: 0 auto;
	position: relative;
	width: 865px;
}
#header h1 a{
	background: url(/images/janeteagerkrueger.gif) no-repeat;
	display: block;
	height: 35px;
	min-width: 340px;
	outline: 0;
	position: absolute;
	text-indent: -9999px;
	top: 17px;
	width: 340px;
}
#header h2{
	background: url(/images/texasartist.gif) no-repeat 100% 0;
	height: 49px;
	margin: -27px auto 0;
	text-indent: -9999px;
	width: 865px;
}

/* --- white nav section ---*/

#nav{
	background: #fff;
	border-bottom: 1px solid #c0bfa9;
}
#nav .section{
	margin: 0 auto;
	padding: 12px 0;
	position: relative;
	width: 865px;
}
.mainnav li{
	display: inline;
	font-size: 0;
}
.mainnav li a{
	background: url(/images/nav.gif) no-repeat;
	display: block;
	line-height: 1px;
	text-indent: -9999px;
	width: 115px;
}
#nav li.paintings a{background-position: 0 0; height:14px}
#nav li.drawings a{background-position: 0 -14px; height:15px}
#nav li.prints a{background-position: 0 -29px; height:15px}
#nav li.ranch a{background-position: 0 -44px; height:17px}
#nav li.about a{background-position: 0 -61px; height:14px}
#nav li.encinal a{background-position: 0 -75px; height:16px}

#nav li.paintings a.selected{background-position: -115px 0}
#nav li.drawings a.selected{background-position: -115px -14px}
#nav li.prints a.selected{background-position: -115px -29px}
#nav li.ranch a.selected{background-position: -115px -44px}
#nav li.about a.selected{background-position: -115px -61px}
#nav li.encinal a.selected{background-position: -115px -75px}

#nav li.paintings a:hover{background-position: -230px 0}
#nav li.drawings a:hover{background-position: -230px -14px}
#nav li.prints a:hover{background-position: -230px -29px}
#nav li.ranch a:hover{background-position: -230px -44px}
#nav li.about a:hover{background-position: -230px -61px}
#nav li.encinal a:hover{background-position: -230px -75px}

.subnav{
	left: 150px;
	position: absolute;
	top: 17px;
	width: 715px;
}
.subnav h2{
	float: left;
	margin-right: 5px;
	text-indent: -9999px;
}
.subnav h2.paintings{
	background: url(/images/paintings.gif);
	height: 31px;
	width: 159px;
}
.subnav h2.drawings{
	background: url(/images/drawings.gif);
	height: 31px;
	width: 159px;
}
.subnav h2.prints{
	background: url(/images/prints.gif);
	height: 31px;
	width: 108px;
}
.subnav h2.ranch{
	background: url(/images/kruegerranch.gif);
	height: 31px;
	width: 244px;
}
.subnav h2.about{
	background: url(/images/about.gif);
	height: 31px;
	width: 107px;
}
.subnav h3{
	color: #6d614b;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2em;
}
.subnav h4{
	background: url(/images/texasstateartist.gif) no-repeat;
	height: 40px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 520px;
}
.subnav ul{
	clear: both;
	margin-left: 8px;
	padding-top: 10px;
}
.subnav li{
	display: inline;
}
.subnav li a{
	border: 3px solid #fff;
	display: block;
	float: left;
	margin-right: 4px;
}
.subnav li a img{
	display: block;
}
.subnav li a.selected{
	border-color: #c48f2d;
}
.subnav li a:hover{
	border-color: #a3cad7;
}

/* --- tan content section ---*/

#artpage{
	margin: 0 auto;
	overflow: hidden;
	padding: 22px 0;
	width: 865px;
}
#aboutpage{
	margin: 0 auto;
	overflow: hidden;
	padding: 22px 0;
	width: 865px;
}
.info{
	border-right: 1px solid #c0bfa9;
	float: left;
	height: 500px;
	padding-right: 20px;
	width: 320px;
}
.info p{
	color: #9f7a44;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-top: 1em;
}
.nav{
	border-bottom: 1px solid #c0bfa9;
	padding-bottom: 12px;
	position: relative;
	width: 100%;
}
.nav h1{
	color: #7fa5b2;
	font-size: 24px;
	font-weight: normal;
	line-height: 1em;
	margin: 0 60px;
	text-align: center;
}
.nav a.prev,
.nav a.next{
	display: block;
	font-size: 0;
	height: 17px;
	margin-top: 5px;
	outline: 0;
	text-indent: -9999px;
}
.nav a.prev{
	background: url(/images/prevnext.gif) left top;
	float: left;
	width: 56px;
}
.nav a.next{
	background: url(/images/prevnext.gif) right top;
	float: right;
	width: 57px;
}
.nav a.prev:hover,
.nav a.prev:active{
	background-position: left bottom;
}
.nav a.next:hover,
.nav a.next:active{
	background-position: right bottom;
}
.nav p{
	text-align: center;
}
.desc h3{
	color: #6d614b;
	font-size: 24px;
	font-weight: normal;
	line-height: 1em;
}
.artwork{
	background: #eee;
	float: left;
	margin-left: 20px;
	text-align: center;
}
.artwork .shadow{
	background: url(/images/shadow.gif) no-repeat right bottom;
	float: left;
}
.artwork strong{
	background: url(/images/shadowtopright.gif) no-repeat right top;
	display: block;
	float: left;
	padding-right: 4px;
}
.artwork em{
	background: url(/images/shadowbottomleft.gif) no-repeat left bottom;
	display: block;
	float: left;
	padding-bottom: 4px;
}
.artwork img{
	display: block;
}

#aboutpage .image{
	float: left;
	width: 185px;
}
#aboutpage .info{
	border: 0;
	border-left: 1px solid #c0bfa9;
	float: left;
	height: auto;
	padding: 0 0 20px 20px;
	width: 620px;
}
#aboutpage h3{
	color: #6d614b;
	font-size: 24px;
	font-weight: normal;
	line-height: 1em;
}
#aboutpage .column{
	float: left;
	margin-right: 20px;
	width: 290px;
}
#aboutpage .by{
	color: #2f2519;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#aboutpage .bytitle{
	color: #2f2519;
	font-size: 10px;
	margin: 0;
}
#aboutpage .links{
	clear: both;
	overflow: hidden;
	padding-top: 20px;
}
#aboutpage .links a{
	background: #d8d9c4 no-repeat 5px center;
	border: 1px solid #d2d3bd;
	color: #6d614b;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-right: 20px;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
}
#aboutpage .links p a:hover{
	background-color: #ccccb7;
	border: 1px solid #c0bfa9;
	color: #494134;
}
#aboutpage .resume a{
	background-image: url(/images/page_white_acrobat.gif);
}
#aboutpage .hunt a{
	background-image: url(/images/photos.gif);
}

/* --- footer ---*/
#crutch{
	height: 41px;
}
#footer{
	background: #3a2d1a;
	height: 13px;
	padding: 14px 0;
	position: relative;
	width: 100%;
}
#footer p{
	background: url(/images/mail.gif) no-repeat 0 0;
	height: 13px;
	line-height: 1px;
	margin: 0 auto;
	position: relative;
	text-indent: -9999px;
	width: 865px;
}
#footer p a{
	background: url(/images/email.gif) no-repeat 0 0;
	display: block;
	height: 13px;
	left: 216px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 221px;
}