/*
 * #01 - General 
 * #02 - Masthead
 * #03 - Header
 * #04 - Navigation
 * #05 - Content (Note: Anything within the content
 *				  area should be in layout_content.css)  
 * #06 - Footer
 * #07 - Other 
 */

/* #01 - GENERAL **************************************************************/

* { margin: 0;  padding: 0; }

body {
	/* centering */
	text-align: center;
	background: #fff;
}

/* #02 - MASTHEAD *************************************************************/

#outer-masthead {
	height: 100px;
	overflow: hidden;
	text-align: center;
	
	margin-top: 37px;
	background: #2590a6 url('../images/masthead_bg.jpg') 50% 0 no-repeat;
}

#inner-masthead {
	/* centering */
	width: 852px;
	margin: 0 auto;
	
	height: 137px;
	overflow: hidden; /* required to contain floats */
	text-align: left;
}

#inner-masthead .col-l {
	float: left;
	width: 245px;
	margin: 10px 0 0 20px; 
}
#inner-masthead .col-r {
	float: right;
	width: 540px;
	margin: 10px 20px 0 0;
}

/* #03 - HEADER ***************************************************************/

#outer-header {
	overflow: hidden;
	text-align: center;
	width: 100%
	margin: 0 auto;
	
	background: #fff url('../images/outer-header_bg.gif') 50% 0 no-repeat;
}

#inner-header {
	/* centering */
	width: 836px;
	margin: 0 auto;
}

/* #04 - NAVIGATION ***********************************************************/

#main-nav {
	clear: right;
	float: right;
	margin-top: 62px;
}

#main-nav a {
	float: left;
	margin-right: 24px;
}
#main-nav a.last { margin-right: 0; }



/* #05 - CONTENT **************************************************************/

#outer-wrapper {
	overflow: hidden;
	text-align: center;
	width: 852px;
	margin: 0 auto;
	
	background: #fff url('../images/outer-wrapper_bg.gif') 50% 0 repeat-y;
}

#wrapper-top {
	/* centering */
	width: 836px;
	margin: 0 auto;
	
	height: 6px;
	background: #fff url('../images/wrapper-top.gif') 50% 0 no-repeat;
}

#inner-wrapper {
	width: 836px;
	margin: 0 auto 36px;
	border-top: 2px solid #000;
	padding-top: 36px;
	padding-bottom: 1px; /* to allow for link undrlines on last line */
	
	overflow: hidden; /* required to contain floats */
	text-align: left;
}

/* #06 - FOOTER ***************************************************************/

#footer {
	/* centering */
	width: 852px;
	margin: 0 auto;
	text-align: center;
	
	background: #fff url('../images/footer_bg.gif') 50% 0 no-repeat;
	padding: 10px 0 24px;
}
body#gallery #footer { background-position: 50% -4px; } /* make bg appear as just a 2px border */

/* #07 - OTHER ****************************************************************/