/* 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/backgroundColor.jpg);
color: #3F3F3F;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: medium;
}

div#branding {
width: 100%;
padding: 0;
margin: 15px 0 0 0;
}

div#branding h1 {
background-image: url(images/layout/logo.jpg);
color: #FAB656;
width: 272px;
height: 109px;
padding: 0;
}

div#branding h1 span {
display: none;
}

div#mainNav {
position: absolute;
width: 110px;
padding: 15px 4px 0 0;
text-align: right;
font-size: 80%;
}

div#mainNav a {
text-decoration: none;
padding-right: 2px;
color: #3F3F3F;
}

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: 0;
}

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

div#blogLink {
position: absolute;
top: 510px;
right: -60px;
width: 85px;
height: 53px;
background-image: url(images/layout/blograt.jpg);
}

div#blogLink a {
text-align: center;
display: block;
text-decoration: none;
padding: 15px 10px 15px 20px;
color: #3F3F3F;
font-size: 75%;
}

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

div#content {
position: absolute;
left: 110px;
width: 660px;
top: 100px;
margin-bottom: 70px;
}

div#mainContent {
position: absolute;
width: 100%;
min-height: 416px;
padding: 0;
margin: 0;
background-image: url(images/layout/borderSides.jpg);
font-size: 80%;
line-height: 1.7em;
}

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

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

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

div#mainContent a {
color: #4F6169;
}

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

div#contentTop {
background-image: url(images/layout/borderTop.jpg);
height: 8px;
width: 100%;
}

div#contentBottom {
position: absolute;
background-image: url(images/layout/borderBottom.jpg);
bottom: 0px;
height: 8px;
width: 100%;
}

div#gallery {
padding: 0 0 0 8px;
}

div#sideNotes {
position: absolute;
top: 8px;
left: 408px;
width: 244px;
height: 400px;
background-image: url(images/layout/shadow.jpg);
background-repeat: repeat-y;
}

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

div#artSpecs {
position: absolute;
left: 408px;
width: 242px;
top: 290px;
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 {
padding: 20px 25px 0px 2em;
}

div#subNav {
position: absolute;
top: 440px;
width: 100%;
text-align: left;
padding: 0;
}

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

div#subNav li {
display: inline;
}

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

div#subNav a:hover img {
border-left: 2px solid #FAB656;
}

div#navTop {
height: 8px;
width: 100%;
background-image: url(images/layout/borderTop.jpg);
}

div#navBottom {
position: absolute;
bottom: 0px;
height: 8px;
width: 100%;
background-image: url(images/layout/borderBottom.jpg);
}

#borderTopNav {
position: absolute;
left: 0px;
top: 0px;
}

#borderBottomNav {
position: absolute;
left: 0px;
bottom: 0px;
}
