/* this is a local stylesheet intended to fine-tune the global
   site css */
   
/* on the top of the page, there is a graphical firebrand whose  *
 * color changes depending on the section you are in             */
#TopFirebrand {
	background-color: #59495C;
	background-image: url(../images/firebrands/contact.jpg); 
}

/* constrains the main page content area -- including *
 * left nav and the main content area                 *
 * this is the solid bar across the top of the page   */
#LeftNavAndContentContainer {
	border-top: 4px #863C23 solid;
}

/* the bottom of the page is a thin strip containing   *
   copyright and contractor information                *
   this is the solid bar across the bottom of the page */
#PageFooter {
	background-color: #59495C;
	background-image: url(../images/footer/contact.jpg);
	border-top: 4px #863C23 solid;   
}

/* contains the actual page content. use this for cascading *
 * any background images or treatments you want different   *
 * from the default                                         */
#MainContent {
	background-image: url(./images/dynametal-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
} 

body.projects #WorkIndexFeaturedProjects {
	margin-top: 24px;
}