/* Jill Kempson JKstyle.css
------------------------------------- */
/* 09/05/10; 06:24AM by Pascal
------------------------------------- */
/* @group typo */
/* typo 
------------------------------------- */
body {
	font: 72%/1.5 "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	color: #333;
	}
h2, h3, h4, p, ul, blockquote {
	margin: 0 20px .75em;
	}
h2, h3 {
	margin-bottom: .15em;
	font: 200% "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	}
p {
	font-size: 100%;
	}
h2, h3 {
	color: #647183;
	}
h2+p {
	font-size: 110%;
	}
#content_typing p {
	background-color: #999;
	padding-top: 40px;
	height: 300px;
	color: white;
	font-size: 120%;
	font-family: "Courier New", Courier, mono;
	}
li > h4 {
	margin-left: 0;
	}
#nav_main p {
	font-size: 160%;
	color: #647183;
	}
li > p {
	margin-left: 0;
	}
p.description {
	font-size: 130%;
	}
h4.title {
	font: 190% Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: .1em;
	color: #cd5c5c;
	padding-top: 7px;
	border-bottom: 1px dotted #999;
	}
h4.title a:link, h4.title a:visited	{
	color: #cd5c5c;
	display: block;
	padding-bottom: 5px;
	text-decoration: none;
	}
h4.title a:hover	{
	color: #647183;
	text-decoration: underline;
	}
h4.bio {
	font-size: 110%;
	text-indent: 0;
	letter-spacing: .1em;
	border-bottom: 1px dotted #999;
	}
h3.section {
	padding-top: 30px;
	letter-spacing: .1em;
	font-size: 140%;
	color: #647183;
	}
h3.bio {
	padding-top: 30px;
	letter-spacing: .1em;
	font-size: 140%;
	color: #647183;
	padding-bottom: 10px;
	}
h3.contact {
	padding-top: 30px;
	letter-spacing: .1em;
	font-size: 140%;
	color: #647183;
	margin-bottom: 30px;
	}
#contactMe {
	margin-top: 66px;
	margin-left: 30px;
	}
h5.sub-title {
	font-size: 100%;
	padding-top: 0;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	color: #999;
	}
h6.blurb {
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 110%;
	padding-top: 3px;
	font-variant: normal;
	}
img.gal_image {
	float: left;
	position: relative;
	padding: 10px 20px 40px 10px;
	display: block;
	}
img.exhibitions {
	float: left;
	position: relative;
	padding: 68px 20px 0px 10px;
	display: block;
	}
.exh_li p {
	font-size: 120%;
	}
.exh_li p.gal_instruc {
	font-size: 78%;
	color: #999;
	margin-bottom: 10px;
	margin-top: -10px;
	}
/
* @end */
/* @group links */
a:link, a:visited {
	text-decoration: none;
	color: black;
	}
ul#nav_tools a {
	color: #fff;
	}
#agent	a, span.bio_title a, a.dotted {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: black;
	text-decoration: none;
	}
#agent a:hover, span.bio_title a:hover, a.dotted:hover {
	border-bottom-style: none;
	}
span.bio_title {
	font-style: italic;
	}
a.gal:link	{
	border-bottom-style: none;
	text-decoration: none;
	color: black;
	}
	a.gal:hover	{
	text-decoration: underline;
	color: #cd5c5c;
	}
span.selected {
	font-variant: normal;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
	}
#content_typing a {
	color: white;
	text-decoration: underline;
	}
#content_typing a:hover {
	font-weight: bold;
	}
.exh_li a.galleriesLink {
	text-decoration: none;
	display: inline;
	height: 46px;
	width: 104px;
	position: absolute;
	background: url(../img/nav_galleries.png) no-repeat 0 bottom;
	text-indent: -9999px;
	}
.exh_li a.galleriesLink:hover {
	background: url(../img/nav_galleries.png) no-repeat 0 top;
	}
/* @end */
/* @group colour */
/* colour
------------------------------------- */
html {
	background-color: #f5f5f5;
	}
body {
	padding-top: 50px;
	}
#branding {
	position: relative;
	z-index: 10;
	height: 76px;
	background: transparent url(../img/brandingTxt.png) no-repeat 0 0;
	}
#branding.pic {
	height: 319px;
	background: url(../img/brandingPic/brandingPic1.jpg);
	}
#nav_main {
	position: relative;
	z-index: 1;
	height: 76px;
	background: #647183 url(../img/nav_main.png) no-repeat 0 0;
	}
#content {
	background-color: #fff;
	}
#content_typing {
	background-color: #999;
	}
h1 {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 650px;
	height: 90px;
	background: transparent url(../img/h1.png) no-repeat;
	text-indent: -9999px;
	}
h1.pic {
	top: 60px;
	background: none;
	}
#branding blockquote {
	position: absolute;
	top: -9999px;
	}
p.copyright	{
	color: #f5f5f5;
	}
#agent a:hover, span.bio_title a:hover {
	color: #CD5C5C;
	}
span.date {
	color: #66BB55;
	}
/* @end */
/* @group nav */
ul#nav_features {
	position: absolute;
	top: 25px;
	left: 325px;
	margin: 0;
	width: 440px;
	height: 30px;
	}
ul#nav_features li {
	display: inline;
	}
ul#nav_features a:hover {
	border-style: none;
	}
li#nav_home, li#nav_portfolio, li#nav_about, li#nav_contact {
	position: absolute;
	display: block;
	height: 30px;
	}
li#nav_home {
	left: 0px;
	width: 90px;
	background: url(../img/nav_home.png) no-repeat 0 bottom;
	}
li#nav_home a:hover {
	background: url(../img/nav_home.png) no-repeat 0 top;
	}
li#nav_portfolio {
	left: 100px;
	width: 90px;
	background: url(../img/nav_portfolio.png) no-repeat 0 bottom;
	}
li#nav_portfolio a:hover {
	background: url(../img/nav_portfolio.png) no-repeat 0 top;
	}
li#nav_about {
	left: 200px;
	width: 90px;
	background: url(../img/nav_about.png) no-repeat 0 bottom;
	}
li#nav_about a:hover {
	background: url(../img/nav_about.png) no-repeat 0 top;
	}
li#nav_contact {
	left: 300px;
	width: 90px;
	background: url(../img/nav_contact.png) no-repeat 0 bottom;
	}
li#nav_contact a:hover {
	background: url(../img/nav_contact.png) no-repeat 0 top;
	}
li#nav_home a, li#nav_portfolio a, li#nav_about a, li#nav_contact a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	}
ul#nav_tools {
	position: absolute;
	top: 30px;
	left: 280px;
	margin: 0;
	width: 460px;
	}
ul#nav_tools li {
	display: inline;
	}
ul#nav_tools li a {
	margin-right: 10px;
	padding-right: 10px;
	}
ul#nav_tools li a:hover {
	color: #999;
	text-decoration: underline;
	}
ul#nav_tools li a:visited {
	color: #999;
	}
#nav_main p {
	position: absolute;
	top: 41px;
	left: 35px;
	margin: 0;
	}
#nav_main h2 {
	position: absolute;
	top: -9999px;
	}
/* @end */
/* @group footer */
#footer h5 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 150px;
	height: 70px;
	}
#footer h5 a.contact {
	display: block;
	width: 150px;
	height: 70px;
	text-indent: -9999px;
	}
#footer p.copyright {
	position: absolute;
	left: 50px;
	top: 30px;
	margin: 0;
	}
#footer h5 {
	text-indent: -9999px;
	}
#footer {
	position: relative;
	width: 100%;
	height: 120px;
	background: transparent url(../img/footer.png) no-repeat 0 0;
	}
#footer p.vcard {
	position: absolute;
	text-indent: -9999px;
	background: transparent url(../img/byymo-w.png) no-repeat 0 0;
	top: 31px;
	left: 649px;
	}
#footer a	{
	display: block;
	width: 86px;
	height: 43px;
	}	
/* @end */