* {
margin:0;padding:0;
}

html, body, #container {
height: 100%;
}

body {
text-align:center;
background-color: #eeeeee;
font: 14px Arial, Helvetica, sans-serif;
color: #727272;
line-height: 22px;
}

a {
text-decoration: none;
border: none;
}



/* START TOP BAR */

#top-bar-sale {
background-color: #dabf09;
width: auto;
height: 5px;
*display: none;
}

#top-bar {
background-color: #db3c5c;
width: auto;
height: 5px;
*display: none;
}

#top-bar-contact {
background-color: #ec8d1c;
width: 0 auto;
height: 5px;
*display: none;
}

#top-bar-art {
background-color: #008ab0;
width: auto;
height: 5px;
*display: none;
}

#top-bar-sketch {
background-color: #a4b62c;
width: auto;
height: 5px;
*display: none;
}


/* START CONTAINER */

#container {
margin: 0 auto;
text-align: left;
background-color: white;
width: 950px;
}




/*START HEADER*/


#header {
margin: 0 auto;
padding-top: 5px;
text-align: left;
background-color: #eeeeee;
width: 950px;
height: 45px;
}

#header h1 {
 display: block;
 float: left;
 width: 249px;
 height: 29px;
 text-indent: -9999px;
}

#header h1 a {
 display: block;
 width: 100%;
 height: 100%;
 outline: none;
 background: url("images/nav/logo.png") no-repeat;
}

.nav-links {
float: right;
}

.nav-links li, .nav-links li a {
 display: inline;
 float: left;
 padding: 5px;
 border: #eeeeee 1px solid;
}

.nav-links li a.artwork:hover {
color: #008ab0; 
border: #008ab0 1px solid;
}

.nav-links li a.sketchbooks:hover {
color: #a4b62c; 
border: #a4b62c 1px solid;
}

.nav-links li a.contact:hover {
color: #ec8d1c; 
border: #ec8d1c 1px solid;
}

.nav-links li a.blog:hover {
color: #9f1f63; 
border: #9f1f63 1px solid;
}

.nav-links li a {
 color: 939393;
 text-decoration: none;
 letter-spacing: -1px;
 font: bold 14px Arial, Helvetica, sans-serif;
}

.nav-links li a.contact-down {
color: #ec8d1c; 
border: #ec8d1c 1px solid;
}

.nav-links li a.artwork-down {
color: #008ab0; 
border: #008ab0 1px solid;
}

.nav-links li a.sketchbooks-down {
color: #a4b62c; 
border: #a4b62c 1px solid;
}



#slideshow {
margin: 0 auto;
width: 950px;
height: 300px;
}




/* START CONTACT SECTION*/
#top {
width: 950px;
height: 300px;
background-color: white;
}

#top img {
float: left;
}

#contact {
float: left;
padding: 25px 50px 0 40px;
}

.underline2 {
height: 40px;
width: 400px;
border-bottom: 1px solid #ec8d1c;
}

.underline2 h1 {
font: 24px Arial, Helvetica, sans-serif;
color: #ec8d1c;
}

#contact-text {
float: left;
padding-top: 15px;
width: 400px;
}


#contact-text a {
text-decoration: none;
color: #ec8d1c;
}

#contact-text a:hover {
text-decoration: underline;
}



/*START ARTWORK */

#art {
float: left;
background-color: #fff;
width: 950px;
padding-bottom: 40px;
}

.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 {
width: auto;
float: right;
padding: 20px 30px 0 0;
*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;
width: 450px;
padding: 200px 135px 0 0;
}

#sketch-title, #sketch-title h1 {
float: left;
font: 24px Arial, Helvetica, sans-serif;
color: #a4b62c;
}

.underline3 {
*float: left;
height: 40px;
border-bottom: solid 1px #a4b62c;
}

#main-sketch-book {
float: right;
width: 600px;
padding: 40px 0 0 20px;
}

#book p{
padding-top: 10px;
font-size: 12px;
}

#book td {
margin: 0;
padding: 0;
}


/*START MAIN NEWS SECTION*/

#main {
float: left;
background: #fff url("images/nav/shadow-wide.jpg") top repeat-x;
width: 950px;
padding-bottom: 40px;
}

#news {
float: left;
padding: 15px 50px 0 50px;
}

.underline {
height: 40px;
width: 850px;
border-bottom: 1px solid #ec8d1c;
}

.underline h1 {
font: 24px Arial, Helvetica, sans-serif;
color: #ec8d1c;
}

table p{
font: 14px Arial, Helvetica, sans-serif;
color: #727272;
line-height: 22px;
}

#newstable {
width: 800px;
padding-left: 25px;
}

#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 {
font: 18px Arial, Helvetica, sans-serif;
color: #727272;
}

#index-news {
margin-left: 50px;
width: 850px;
}

#underline3 {
height: 5px;
border-bottom: 1px solid #db3c5c;
}

#index-news p{
padding-top: 10px;
}



/*SALE*/
#sale {
float: left;
padding: 15px 50px 0 50px;
}

.saleunderline {
height: 40px;
width: 850px;
border-bottom: 1px solid #dabf09;
}

.saleunderline h1 {
font: 24px Arial, Helvetica, sans-serif;
color: #dabf09;
}

#sale-inside p{
color: #343437;
}

#salephoto {
float: right;
margin: 100px;
}


/*HERE BEGINS FOOTER*/

/*outside of container*/

#footer {
position: relative;
margin-top: -40px; /* negative value of footer height */
height: 40px;
background: #343437 url("images/nav/shadow-dark.jpg") top repeat-x;
width: 100%;
clear:both;
}

#footer p{
width: 950px;
margin: 0 auto;
padding-top: 7px;
color: #888889;
font-size: 11px;
letter-spacing: .1em;
}

#footer .copyright {
color: #888889;
font-weight: bold;
float: left;
padding-left: 20px;
}

#footer .links, #footer .links a {
color: #888889;
float: right;
padding-right: 15px;
letter-spacing: .1em;
text-decoration: none;
font-weight: bold;
}

#footer .links a:hover {
color: white;
}




/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */