a:hover, a:focus, a:active {
	-moz-outline-style:none;
    outline:none;
	}
* {
	margin:0;
	padding:0;
	}
html, body, #container {
	height:100%;
	}
body {
	background-color:#eeeeee;
	color:#727272;
	font:14px Arial, Helvetica, sans-serif;
	line-height:22px;
	text-align:center;
	}
a, a img {
	border:none;
	text-decoration:none;
	}
/* START TOP BAR */
#top-bar-sale {
	background-color:#dabf09;
	height:5px;
	width:auto;
	*display:none;
	}
#top-bar {
	background-color:#db3c5c;
	height:5px;
	width:auto;
	*display:none;
	}
#top-bar-contact {
	background-color:#ec8d1c;
	height:5px;
	width:0 auto;
	*display:none;
	}
#top-bar-art {
	background-color:#008ab0;
	height:5px;
	width:auto;
	*display:none;
	}
#top-bar-sketch {
	background-color:#a4b62c;
	height:5px;
	width:auto;
	*display:none;
	}
/* START CONTAINER */
#container {
	background-color:#fff;
	margin:0 auto;
	text-align:left;
	width:950px;
	}
/*START HEADER*/
#header{
	background-color:#eeeeee;
	height:45px;
	margin:0 auto;
	padding-top:5px;
	text-align:left;
	width:950px;
	}
#header h1 {
	display:block;
	float:left;
	height:29px;
	text-indent:-9999px;
	width:249px;
	}
#header h1 a {
	background:url("images/nav/logo.png") no-repeat;
	display:block;
	height:100%;
	outline:none;
	width:100%;
	}
.nav-links {
	float:right;
	}
.nav-links li, .nav-links li a {
	border:#eeeeee 1px solid;
	display:inline;
	float:left;
	padding:5px;
	}
.nav-links li a.artwork:hover {
	border:#008ab0 1px solid;
	color:#008ab0;
	}
.nav-links li a.sketchbooks:hover {
	border:#a4b62c 1px solid;
	color:#a4b62c;
	}
.nav-links li a.contact:hover {
	border:#ec8d1c 1px solid;
	color:#ec8d1c;
	}
.nav-links li a.blog:hover {
	border:#9f1f63 1px solid;
	color:#9f1f63;
	}
.nav-links li a {
	color:#939393;
	font:bold 14px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-decoration:none;
	}
.nav-links li a.contact-down {
	border:#ec8d1c 1px solid;
	color:#ec8d1c;
	}
.nav-links li a.artwork-down {
	border:#008ab0 1px solid;
	color:#008ab0;
	}
.nav-links li a.sketchbooks-down {
	border:#a4b62c 1px solid;
	color:#a4b62c;
	}
/* this style is meant for the flash slideshow, which we are replacing with jquery now
#slideshow {
	height:300px;
	margin:0 auto;
	width:950px;
*/
/* START CONTACT SECTION*/
#top {
	background-color:#fff;
	height:300px;
	width:950px;
	}
#top img {
	float:left;
	}
#contact {
	float:left;
	padding:25px 50px 0 40px;
	}
.underline2 {
	border-bottom:1px solid #ec8d1c;
	height:40px;
	width:400px;
	}
.underline2 h1 {
	color:#ec8d1c;
	font:24px Arial, Helvetica, sans-serif;
	}
#contact-text {
	float:left;
	padding-top:15px;
	width:400px;
	}
#contact-text a {
	color:#ec8d1c;
	text-decoration:none;
	}
#contact-text a:hover {
	text-decoration:underline;
	}
/*START ARTWORK */
#art {
	background-color:#fff;
	float:left;
	padding-bottom:40px;
	width:950px;
	}
.thumb-table {
	float:left;
	padding:20px 0 0 20px;
	*margin:20px 0 0 20px;
	}
.thumb-table td {
	padding:3px;
	}
.thumb-table img, .thumb-table a {
	border:2px solid white;
	text-decoration:none;
	}
.thumb-table img:hover, .thumb-table img:active {
	border:2px solid #008ab0;
	}
.title-space {
	padding:5px;
	*margin:5px;
	}
#art-featured {
	float:right;
	padding:20px 30px 0 0;
	width:auto;
	*margin:20px 30px 0 0;
	}
.title-space p {
	font-size:12px;
	}
/*START SKETCHBOOK */
.sketch-table {
	float:left;
	padding:20px 0 0 25px;
	*margin:20px 0 0 20px;
	}
.sketch-table td {
	padding:3px;
	}
.sketch-table p {
	font-size:12px;
	}
.sketch-table a:hover, .sketch-table a {
	color:#a4b62c;
	text-decoration:none;
	}
.title-space {
	padding:5px;
	*margin:5px;
	}
#main-sketch {
	float:right;
	padding:200px 135px 0 0;
	width:450px;
	}
#sketch-title, #sketch-title h1 {
	color:#a4b62c;
	float:left;
	font:24px Arial, Helvetica, sans-serif;
	}
.underline3 {
	border-bottom:solid 1px #a4b62c;
	height:40px;
	*float:left;
	}
#main-sketch-book {
	float:right;
	padding:40px 0 0 20px;
	width:600px;
	}
#book p{
	font-size:12px;
	padding-top:10px;
	}
#book td {
	margin:0;
	padding:0;
	}
/*START MAIN NEWS SECTION*/
#main {
	background:#fff url("/images/nav/shadow-wide.jpg") top repeat-x;
	float:left;
	padding-bottom:10px;
	width:950px;
	}
#news {
	float:left;
	padding:15px 50px 0 50px;
	}
.underline {
	border-bottom:1px solid #ec8d1c;
	height:40px;
	width:850px;
	}
.underline h1 {
	color:#ec8d1c;
	font:24px Arial, Helvetica, sans-serif;
	}
table p{
	color:#727272;
	font:14px Arial, Helvetica, sans-serif;
	line-height:22px;
	}
#newstable {
	padding-left:25px;
	width:800px;
	}
#newstable td{
	padding:10px;
	}
.news-button {
	padding-top:10px;
	}
/* START INDEX MAIN BODY*/
#front-buttons {
	margin-left:100px;
	padding-top:10px;
	*margin-top:10px;
	}
#front-buttons td{
	padding:10px 25px;
	}
#front-buttons h1 {
	color:#727272;
	font:18px Arial, Helvetica, sans-serif;
	}
#index-news {
	margin-left:50px;
	width:850px;
	}
#underline3 {
	border-bottom:1px solid #db3c5c;
	height:5px;
	}
#index-news p{
	padding-top:10px;
	}
/*SALE*/
#sale {
	float:left;
	padding:15px 50px 0 50px;
	}
.saleunderline {
	border-bottom:1px solid #dabf09;
	height:40px;
	width:850px;
	}
.saleunderline h1 {
	color:#dabf09;
	font:24px Arial, Helvetica, sans-serif;
	}
#sale-inside p{
	color:#343437;
	}
#salephoto {
	float:right;
	margin:100px;
	}
/*HERE BEGINS FOOTER*/
/*outside of container*/
#footer {
	background:#343437 url("/images/nav/shadow-dark.jpg") top repeat-x;
	clear:both;
	height:40px;
	margin-top:-40px; /* negative value of footer height */
	position:relative;
	width:100%;
	}
#footer p{
	color:#888889;
	font-size:11px;
	letter-spacing:.1em;
	margin:0 auto;
	padding-top:7px;
	width:950px;
	}
#footer .copyright {
	color:#888889;
	float:left;
	font-weight:bold;
	padding-left:20px;
	}
#footer .links, #footer .links a {
	color:#888889;
	float:right;
	font-weight:bold;
	letter-spacing:.1em;
	padding-right:15px;
	text-decoration:none;
	}
#footer .links a:hover {
	color:#fff;
	}
/* CLEAR FIX*/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
.clearfix {
	display:inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}
/* End hide from IE-mac */
.clear {
	clear:both;
	}
.clearingparagraph {
	clear:both;
	*margin-bottom:5px;
	margin-bottom:5px\0/; /* for IE8, going last */
	}
/* styles for jquery slideshow below */
.slideshow {
	position:relative;
	height:300px;
	/*margin:0 auto;*/ 
	width:950px;
	}
.slideshow img { 
	position:absolute; 
	left:0; 
	top:0; 
	}