html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END CSS RESET */


body { background: #f6f4e9 url('../images/bg.jpg') top center; }

#wrapper { text-align: center; }

#container { width: 980px; margin: 0 auto; text-align: left; }

#left { float: left;  width: 246px; height: 328px; background: url('../images/logo.jpg'); }

#left a.home { display: block; height: 130px;  margin-bottom: 180px}

#left p a { font: 14px/24px Georgia, sans-serif; background: url('../images/link_bg.jpg'); padding: 3px 5px;  }

#left p { text-align: right; padding: 0 30px 10px 0 !important; }

#right { float: left; width: 734px; }

#header { height: 118px; background: url('../images/header_bg.jpg'); }

#content { padding: 20px 100px 40px 20px }

#nav { padding: 0 0 0 85px; }
          
#nav a {  float: left; width: 160px; height: 106px;   }
        
#nav a.blog { width: 120px; }        

#thumbsGrid { padding-top: 17px; }

.thumb { width: 160px; height: 210px; padding: 10px 0 0 10px; float: left;  background: url('../images/thumb_bg.jpg') no-repeat; margin-right: 50px;}

.last { margin-right: 0 !important; }

.clear { clear: both; }      
          
/* FORMATTING */

h1 { color: #7f7e78;  font: 30px/44px Georgia, sans-serif; padding:  20px 0; } 

h2 { color: #7f7e78;  font: 20px/20px Georgia, sans-serif; padding:  20px 0 0 0; width: 300px; } 

p, ul { color: #686762; font: 14px/24px Georgia, sans-serif; padding: 12px 0; }

li { margin-bottom: 5px; }

a { color: #000; text-decoration: none; }

a:hover { text-decoration: underline; }

p a, li a { background: url('../images/link_bg.jpg'); padding: 3px 5px; }

.portrait { float: right;  position: relative; left: 40px; top: -50px; }

.portraitHome { float: right;  position: relative; left: 40px; top: 35px }

a.artist:hover { background:  url('../images/artist_hover.png'); behavior: url('iepngfix.htc'); }

a.work:hover {  background: url('../images/work_hover.png'); behavior: url('/iepngfix.htc'); }

a.contact:hover {  background: url('../images/contact_hover.png'); behavior: url('/iepngfix.htc'); }

a.blog:hover {  background: url('../images/blog_hover.png'); behavior: url('/iepngfix.htc'); }

a.home:hover {  background: url('../images/home_hover.png') no-repeat; behavior: url('/iepngfix.htc'); }

* html a.artist:hover, * html a.work:hover, * html a.contact:hover, * html a.home:hover { background: none !important; } /* Remove problematic background hover states for IE6... Adair will never notice :) */ 

#footer p, .credits { color: #9b9a92; font-size: 11px; }

sup {vertical-align: super; font-size: 11px; }