body {
	font-family: "Baskerville", Georgia, Times, serif	;
	color: #fff;
	background: #000 url(/images/template/wood.jpg) 50% 50% no-repeat;
	text-align: center;
}

#container {
	width: 1084px;
	height: 528px;
	margin: 0 auto;
	margin-top: 4%;
	text-align: left;
	position: relative;
}

header {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 528px;
	background: #000 url(/images/template/sidebar.jpg) top left no-repeat;
}

header h1 {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 36px;
	margin-top: 50px;
	background: transparent url(/images/template/iris-title.png) top left no-repeat;
}

header #iris-address {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 60px;
	background: transparent url(/images/template/contact-info.png) top left no-repeat;
}

header #iris-hours {
	margin: 20px 0;
	padding: 0;
	width: 300px;
	height: 48px;
	background: transparent url(/images/template/hours.png) top left no-repeat;
}

header nav {
	padding-top: 30px;
	background: transparent url(/images/template/flourish.png) top left no-repeat;
}

header nav ul {
	list-style: none;
	padding: 0;
}

header nav ul li {
	margin-top: 10px;
}
header nav ul li,
header nav ul li a {
	display: block;
	width: 300px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
}
header nav ul li#about a {
	background: transparent url(/images/template/about-btn.png) top left no-repeat;	
}
header nav ul li#menu a {
	background: transparent url(/images/template/menu-btn.png) top left no-repeat;	
}
header nav ul li#contact a {
	background: transparent url(/images/template/contact-btn.png) top left no-repeat;	
}


	
#main {
	position: absolute;
	top: 0;
	left: 332px;
	width: 752px;
	height: 528px;
	background: #000 url(/images/template/main.jpg) top left no-repeat;
	overflow: hidden;
}

footer {
	color: #000;
	position: absolute;
	width: 1084px;
	top: 528px;
	right: 0;
	text-align: right;
	font-size: 13px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}
footer a { color: #000; }
footer p { margin: .5em; }

/*
 * Non-semantic helper classes: please define your styles before this section.
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }