body { background: #fff; font-family: "Times New Roman", "Times", Garamond, serif; font-size: 14px; line-height: 18px; color: #939598; text-align: center; }

/*----- LAYOUT -----*/
#content { width: 815px; margin: 0 auto; padding: 0 0 20px 0; text-align: left; }

/*----- REUSABLE BITS -----*/
.hidden { display: none; }

/*----- HTML ELEMENTS -----*/
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h2 { font-size: 24px; color: #25728b; margin: 0 0 10px 0; border-bottom:2px solid #C7C8CA; padding-bottom: 8px; }
a { color: #cda84f; text-decoration: none; }
input { font-family: "Times New Roman", "Times", Garamond, serif; font-size: 12px; color: #939598; }

/*----- GALLERY ITEMS -----*/
ul#pieces { margin-bottom: 11px; }
ul#pieces li { float: left; width: 194px; margin: 0 13px 0 0; cursor: pointer; cursor: hand; }
ul#pieces li.hover { background-color: #ebebeb; }
ul#pieces li.last { margin: 0; }
ul#pieces li img { margin-bottom: 11px; }
ul#pieces li .about { height: 65px; border: 2px solid #c7c8ca; border-left: 0; border-right: 0; padding: 2px 5px; }
ul#pieces li .about h4 { color: #cda84f; font-size: 18px; margin-bottom: 3px; }
ul#pieces li .about p { font-size: 14px; line-height: 20px; color: #939598; font-style: italic;  }

/*----- PAGING -----*/
ul.paging { clear: both; text-align: center; font-size: 14px; padding: 8px 0 12px 0; border-top: 2px solid #c7c8ca; }
ul.paging li { display: inline; padding: 0 1px;}
ul.paging li .pagingButton { position:relative; bottom: -4px; }
ul.paging li a:hover { text-decoration: underline; }
ul.paging li a.pagingButton:hover { text-decoration: none; }

/*----- TEXT HEAVY CONTENT AREAS -----*/
#about { border-top: 10px solid #c7c8ca; padding: 14px 0 14px 0; clear: both; }
#about h3 { color: #25728b; font-style: italic; font-size: 18px; border-bottom: 2px solid #c7c8ca; margin-bottom: 5px; padding-bottom: 6px; }
#about p { margin-bottom: 8px; }
#about p.moreLink { margin-top: 20px; text-align: right; text-transform: uppercase; font-size: 14px; }
#about p.moreLink img { position: relative; bottom: -6px; margin-left: 5px; }
#about #leftColumn { float: left; width: 394px; border-right: 2px solid #c7c8ca;}
#about #leftColumn #aboutImage { float: left; }
#about #leftColumn #aboutContent { width: 282px; float: right; padding: 0 8px 0 0; }
#about #rightColumn { float: right; width: 394px; font-size: 14px; line-height: 20px; padding-top: 0px;  }

/*----- HEADER -----*/
#header { border-top: 6px solid #c7c8ca; border-bottom: 6px solid #c7c8ca; margin: 0; padding: 0; }
#header h1 { float: left; height: 45px; width: 432px; background: url(../img/headerLogo.gif) no-repeat top left; margin-left: 3px; }
#header #search { float: right; margin-top: 9px;}
#header #search .inputText { border: 2px solid #c7c8ca; background-color: #fff; padding: 3px 0 1px 0; font-size: 14px; text-align: right; }
#header #search .submitButton { position: relative; bottom: -4px; }
#header #search img { position: relative; bottom: -4px; }
/* #header img { float: left; clear: both; } */

/*----- NAVIGATION -----*/
#navigation { text-align: center; font-size: 14px; border-bottom: 2px solid #c7c8ca; padding: 15px 0; color: #ccc; margin: 0 0 10px 0; }
#navigation a { text-transform: uppercase; }
#navigation a:hover { text-decoration: underline; }
#navigation li { display: inline; }

/*----- HOME -----*/
#works h2 { font-size: 24px; color: #25728b; margin: 0 0 10px 0; border: 0; padding-bottom: 0; }
#allWorks { padding: 16px 0; border-top: 2px solid #c7c8ca; clear: left; font-size: 24px; }
#allWorks img { margin-top: -10px; position: relative; bottom: -4px; }

/*----- WORKS -----*/
#work #works h2 { width: 400px; float: left; border: 0; padding-bottom: 0; }
#work #filter { float: right; }
#work #yearFilter { float: right; }
#work ul#pieces { clear: both; }
#work ul#pieces li { margin-bottom: 16px; }
#work #about { padding: 26px; font-size: 14px; line-height: 20px; }

/*----- PROJECT -----*/
#project #works h2 { width: 100px; float: left; border: 0; padding-bottom: 0; }
#project #projectNav { float: right; font-size: 14px; }
#project #projectInfo { clear: both; border-top: 2px solid #c7c8ca; padding: 20px 0 8px 0; }
#project #works h3 { font-size: 14px; color: #25728B; text-transform: uppercase; }
#project #works #projectInfo p { float: left; width: 250px; }
#project #works #projectInfo p .projectTitle { font-style: italic; }
#project #works #projectInfo p.clickToEnlarge { float: right; color: #25728B; text-align: right; position: relative; bottom: -18px; }
#project #works #leftColumn { float: left; width: 263px; border-top: 2px solid #c7c8ca; padding: 13px 0 70px 0; }
#project #works #leftColumn p { margin-bottom: 20px; }
#project #works #leftColumn h4 { color: #25728B; border-top: 2px solid #c7c8ca; border-bottom: 2px solid #c7c8ca; padding: 8px 0; font-size: 14px; margin: 0 0 20px 0; }
#project #works #leftColumn ul#relatedWorks li { margin: 0 0 20px 13px; list-style-type: disc; color: #cda84f; }
#project #works #leftColumn ul#relatedWorks li a:hover { text-decoration: underline; }
#project #works #rightColumn { float: right; width: 537px; border-top: 2px solid #c7c8ca; padding: 13px 0 70px 0; }
#project #works #rightColumn ul#projectImages li { text-align: center; border-bottom: 2px solid #c7c8ca; padding: 0 0 8px 0; margin: 0 0 20px 0; }
#project #works #rightColumn ul#projectImages li div { text-align: right; padding-top: 5px; }
#project #works #projectNavLower { font-size: 14px; padding: 20px 0; text-align: right; border-top: 2px solid #c7c8ca; clear: both;  }
#project #about { padding: 26px; font-size: 14px; line-height: 20px; }

/*----- FOOTER -----*/
#footer { clear: both; text-align: center; padding: 14px 0; border-top: 2px solid #c7c8ca; font-size: 12px; margin-top: 8px; }