/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Remove list-style from lists */
ol, ul
{ list-style: none; }

/*Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* remove borders and spicing form tables */
table
{ border-collapse: collapse; border-spacing: 0; }

/* remove border form fieldset and img */
fieldset, img
{ border: 0; }

/* left-align text in cation and th */
caption, th
{ text-align: left }

/* remove quotation marks from q */
q:before, q:after
{ content: ''; }


html {
text-align: center;
}

body {
position: relative;
width: 770px;
margin: 0 auto;
text-align: left;
background: EAEEED;
background-image: url(images/layout/background.jpg);
color: #212121;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: medium;
}

div#branding {
position: absolute;
padding: 0;
margin: 15px 0 0 0;
}

div#branding h1 {
background: transparent url(images/layout/logo.jpg) no-repeat left;
color: #FAB656;
padding: 0;
width: 199px;
height: 86px;
}

div#branding h1 span {
display: none;
}

div#mainNav {
position: fixed;
top: 150px;
width: 110px;
text-align: right;
font-size: 80%;
}

div#mainNav a {
text-decoration: none;
color: #212121;
}

div#mainNav a:hover {
color: #FAB656;
font-weight: bold;
}

div#mainNav li.active {
padding-right: 14px;
color: #FAB656;
font-weight: bold;
}

div#mainNav ul {
padding-right: 10px;
}

div#mainNav li {
padding: 0 1em 1em 0;
}

div#content {
position: absolute;
left: 110px;
width: 660px;
top: 100px;
font-size: 80%;
}

div#mainContent {
width: 660px;
height: 400px;
line-height: 1.7em;
border-bottom: 3px solid #3B4047;
border-top: 3px solid #3B4047;
}

div#mainContent p, div#resume p {
padding: 2em 2em 0em 2em;
}

div#mainContent p.last, div#resume p.last {
padding-bottom: 2em;
}

div#resume {
border-bottom: 3px solid #3B4047;
border-top: 3px solid #3B4047;
width: 660px;
}

div#resume h3 {
padding: 1em 2em 0em 5em;
}

div#mainContent a, div#resume a {
color: #0F546B;
}

div#resume li {
padding: 1em 1em 1em 2em;
}

div#gallery {
float: left;
top: 3;
width: 406px;
height: 400px;
}

div#gallery img {
border-left: 3px solid #3B4047;
border-right: 3px solid #3B4047;
width: 400px;
height: 400px;
}

div#sideNotes {
float: right;
left: 406px;
width: 254px;
height: 400px;
background-image: url(images/layout/shadow.jpg);
background-repeat: repeat-y;
}

div#sideNotes p {
padding: 1em 1em 1em 2em;
height: 60%;
}

div#artSpecs {
float: right;
width: 254px;
background-color: transparent;
background-image: url(images/layout/infoTabTop.jpg);
background-repeat: no-repeat;
}

div#tabBottom {
width: 242px;
height: 38px;
background-image: url(images/layout/infoTabBottom.jpg);
background-repeat: no-repeat;
}

div#artSpecs p {
margin: 20px 50px 0px 2em;
padding: 0;
}

div#subNav {
position: absolute;
top: 420px;
width: 660px;
margin-top: 50px;
margon-bottom: 50px;
}

div#subNav ul {
padding: 0 0 0 6px;
height: 60px;
background-image: url(images/layout/subNavColor.jpg);
}

div#subNav li {
display: inline;
}

div#subNav li img {
height: 40px;
padding: 0;
margin: 10px 5px 7px 5px;
border-left: 2px solid transparent;
}

div#subNav a:hover img {
height: 50px;
margin: 5px 0 2px 0;
}

div#borderLeft {
float: left;
height: 60px;
width: 8px;
background-image: url(images/layout/borderLeft.jpg);
}

div#borderRight {
float: right;
height: 60px;
width: 8px;
background-image: url(images/layout/borderRight.jpg);
}

div#misc {
float: right;
margin-top: 30px;
text-align: right;
font-size: 80%;
}

div#misc li {
padding: 0 1em 1em 0;
}

div#misc a {
text-decoration: none;
color: #3B4047;
}

div#misc a:hover {
font-weight: bold;
}