/* CSS Document */

/* 
TAN #ead7a6; - MASTHEAD_TAGLINE
BURGUNDY #85250d; - MASTHEAD_FOOTER TEXT
DARK BURGUNDY #491204; - MASTHEAD 
*/

html, body { height: 100%; }
body { background: #f9f9f9 url() repeat-x top center; background-color: #FFF; font: normal 14px Arial, Helvetica, sans-serif; }
strong { font-weight: bold; }

a:link, a:visited, a:hover, a:active { text-decoration: none; font-weight: bold; color: inherit; }

#main_wrapper { 
	min-height: 100%; 
	position: relative; 
	background: transparent url("/css/client/images/bkg_masthead.png") no-repeat center -30px; 
	}
#main { 
	overflow: auto; 
	padding-bottom: 84px; /* must be same height as the footer */
	padding-bottom: 100px;
	width: 980px; 
	margin: 0 auto; 
	position: relative; 
	}

/* MASTHEAD STUFF */

#masthead_wrapper { font-family: 'Oswald', Arial, Helvetica, sans-serif; }
#masthead { height: 90px; __height: 120px; position: relative; }

	/* LOGO, TAGLINE, ETC */

	h1#masthead_tagline { position: absolute; font-size: 22px; color: #ead7a6; text-transform: uppercase; top: 35px; __top: 65px; top: 29px; left: 128px; margin: 0px; padding: 0px; }
	h1#masthead_tagline .lower { text-transform: lowercase; }
	#masthead_phone { position: absolute; font-size: 32px; color: #ead7a6; text-transform: uppercase; top: 33px; __top: 63px; top: 25px; right: 14px; text-align: right; margin: 0px; padding: 0px; }
	#masthead_logo { position: absolute; top: 16px; __top: 46px; left: 15px; width: 98px; height: 66px; background: transparent url("/css/client/images/masthead_logo.png") no-repeat top left; border-width: 0px; border-style: none; }
	#masthead_logo span { display: none; }
	
/* MAIN MENU */

	#menu_wrapper { height: 29px; position: absolute; top: 61px; left: 116px; __background-color: #0f0; z-index: 99999; }
	
/* MASTHEAD BANNER / SLIDESHOW */
	
#masthead_banner { height: 380px; position: relative; }
	
	#masthead_banner .banner_container { 
		width: 932px; 
		height: 304px; 
		position: absolute; 
		background-color: transparent; 
		top: 28px; 
		left: 24px; 
		}
		
		#masthead_banner .banner_container .text { /* BY DEFAULT, THIS IS 1/3 LEFT TEXT, 2/3 RIGHT PIC */ 
			width: 314px; width: 288px;
			height: 304px;  height: 288px;
			position: absolute; 
			top: 0px; 
			left: 0px;
			color: #3f3625;
			padding: 8px 18px 8px 8px;
			overflow: hidden;
			}
			
			#masthead_banner .banner_container .text h2 { font-size: 40px; color: ; line-height: 41px; margin-top: -1px; }
			#masthead_banner .banner_container .text h2 span { font-size: 20px; color: ; line-height: 22px; margin-left: 1px; }
			#masthead_banner .banner_container .text h3 { font-size: 20px; color: #c08720; line-height: 24px; margin: 8px 0px 0px 1px; padding: auto;}
			#masthead_banner .banner_container .text h4 { font-size: 16px; color: #3F3625; line-height: 20px; margin: 0px 0px 0px 12px; padding: auto;}
			#masthead_banner .banner_container .text p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 8px 0px 0px 1px; line-height: 1.3; text-align: justify; 			
}
			#masthead_banner .banner_container .text a {font-weight: normal;}
			
		#masthead_banner .banner_container .banner { 
			width: 618px; 
			height: 304px; 
			position: absolute; 
			top: 0px; 
			left: 314px; 
			}
			
			#masthead_banner .banner_container .banner img { border-width: 0px; banner-style: none; }
		
		/* CONDITIONALS FOR FULL PIC OR FULL TEXT */
		
		#masthead_banner .full_banner .text, #masthead_banner .full_text .banner { display: none; }
		#masthead_banner .full_banner .banner, #masthead_banner .full_text .text { width: 932px; float: none; left: 0px; }
	
	/* BIG PHOTO OVERLAY */
	
	#masthead_banner .banner_skull_overlay { position: absolute; __top: -25px; bottom: -43px; right: 0px; z-index: 98888; }
	
	/* SOCIAL MEDIA STUFF */
	
	#masthead_banner #socialmedia_icons { position: absolute; bottom: 12px; right: 16px; height: 16px; z-index: 99999; }
	#masthead_banner #socialmedia_icons .icon { float: right; margin: 0px 8px 0px 0px; width: 16px; height: 16px; border-width: 0px; border-style: none; } 
		#masthead_banner #socialmedia_icons .facebook { background-image: url("/css/client/images/icon_facebook.png"); }
		#masthead_banner #socialmedia_icons .twitter { background-image: url("/css/client/images/icon_twitter.png"); }
		#masthead_banner #socialmedia_icons .youtube { background-image: url("/css/client/images/icon_youtube.png"); }
	

/* MASTHEAD "FOOTER" - EXTENDED DROP-OFF HOURS, ETC */

#masthead_footer { height: 43px; height: 39px; position: relative; font-size: 22px; color: #85250d; padding: 4px 16px 0px 16px; }
	#masthead_footer a { font-weight: normal !important; }
	#masthead_footer em { text-transform: uppercase; text-decoration: underline; }
	
/* FOUR-UP COLUMNS */

.fourup_col { width: 225px; margin: 16px 0px 0px 16px; background-color: transparent; float: left; }
.fourup_col em, .fourup_col i { font-style: italic; }
.fourup_col h2 { font: normal 34px/34px 'Oswald', Arial, Helvetica, sans-serif; color: #3f3625; text-transform: uppercase; margin: -3px 0px 0px -2px; }
.fourup_col h3.subhead { font: normal 14px/18px 'Oswald', Arial, Helvetica, sans-serif; color: #d4d2cf; text-transform: uppercase; margin: 4px 0px 0px 0px; }
.fourup_col h4.fourup_menu { font: normal 18px 'Oswald', Arial, Helvetica, sans-serif; color: #c08720; text-transform: uppercase; margin: 3px 0px 0px 0px; }
	.fourup_col h4.fourup_menu .prices { color: #6e870d; }
	.fourup_col h4.fourup_menu .divider { color: #d9d7d3; padding: 0px 10px; }
	.fourup_col h2 a, .fourup_col h3 a, .fourup_col h4 a { font-weight: normal; }

.fourup_col .pic_box { height: 152px; border-bottom: 6px solid #d4d2cf; __background-color: #0f0; margin-top: 7px; }

	.highlight h2 { color: #85250d; text-align: right; margin-left: 0px; }
	.highlight h3 { text-align: right; margin-left: 0px; }
	.highlight .pic_box { border-style: none; }

.fourup_col .short_description, .fourup_col .description { font: normal 14px Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; line-height: 1.3; text-align: justify; }
	.fourup_col .description p { margin: 0px 0px 8px 0px; padding: 0px; }
	.fourup_col .short_description:first-line, .fourup_col .description:first-line, .fourup_col .description p:first-line { font-weight: bold; }
	
/* OVERVIEW */

.overview h1 { font: normal 34px/34px 'Oswald', Arial, Helvetica, sans-serif; color: #3f3625; text-transform: uppercase; margin: -3px 0px 0px -2px; }
.overview h2.subhead { font: normal 14px/18px 'Oswald', Arial, Helvetica, sans-serif; color: #d4d2cf; text-transform: uppercase; margin: 4px 0px 0px 0px; }
.overview .description { font: normal 14px Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; line-height: 1.3; text-align: justify; }
	.overview .description p { margin: 0px 0px 8px 0px; padding: 0px; }
.overview .pic_box { float: right; margin: 8px 0px 16px 16px; }

/* BROWSE RECORDS */

.browse_record { margin: 10px 0px 0px 0px; clear: both; overflow: auto; }
.browse_record h2 { font: normal 24px/26px 'Oswald', Arial, Helvetica, sans-serif; color: #85250d; text-transform: uppercase; margin: 0px 0px 0px 0px; }
.browse_record h2 a { font-weight: normal; }
.browse_record h3 { font: normal 14px/18px 'Oswald', Arial, Helvetica, sans-serif; color: #c08720; text-transform: uppercase; margin: 4px 0px 0px 0px; }
.browse_record .description { margin-top: 6px; }
.browse_record p { margin-bottom: 6px; }
.browse_record .pic_box { float: right; margin: 6px 0px 0px 16px; }
.browse_record .record_link { font: normal 14px 'Oswald', Arial, Helvetica, sans-serif; color: #3f3625; text-transform: uppercase; margin-top: 4px; text-align: right; }
	.browse_record .record_link a { font-weight: normal; }
	
/* GALLERY */

.gallery_box { width: 135px; float: left; margin: 0px 8px 8px 0px; }
.gallery_last { margin-right: 0px; }
.gallery_box .thumb { width: 135px; height: 135px; }
.gallery_box .text_box { font-size: 10px; color: #3f3625; text-align: center; padding: 4px 0px; }

/* FAQ - Frequently Asked Questions */

ul#faq_questions { margin: 16px 0px 16px 20px;  }
#faq_questions li { margin-bottom: 8px; list-style: disc; }
	#faq_questions li A:link {  }
	#faq_questions li A:visited {  }
	#faq_questions li A:hover { color: #85250d; }
	#faq_questions li A:active {  }
.question { font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; }
.answer { margin: 0px 0px 0px 0px; padding: 0px 0px 16px 0px; }
.answer p { margin: 0px; padding: 0px; }
	
/* THREE-QUARTER COLUMN */

.threequarter_col { width: 707px; margin: 16px 0px 0px 16px; background-color: transparent; float: left; }
.half_col { width: 466px; margin: 16px 0px 0px 16px; background-color: transparent; float: left; }
	
	/* PRICE CATEGORIES */
	
	h2.cathead { font: normal 24px/26px 'Oswald', Arial, Helvetica, sans-serif; color: #85250d; text-transform: uppercase; margin: 16px 0px 0px 0px; }
	.price_list { width: 100%; font: normal 14px Arial, Helvetica, sans-serif; margin: 8px 0px 0px 0px; clear: both; }
	.price_list tr:hover { background-color: #f5f5f4; }
	.price_list td { padding: 6px; border-bottom: 1px solid #d4d2cf; vertical-align: top; }
	.price_list .thumb { text-align: center; width: 80px; }
	.price_list .label { padding-top: ; }
	.price_list .label .condition {  }
	.price_list .label .note { font-style: italic; margin-top: 2px; }
	.price_list .price { width: 85px; font-weight: bold; color: #85250d; text-align: right; padding-top: ; }
	.price_list .last { border-style: none; }

/* FOOTER STUFF */
  
#footer_wrapper {
	background: transparent url("/css/client/images/bkg_footer.png") repeat-y top center;
	position: relative;
	margin-top: -84px; /* negative value of footer height */
	height: 84px;
	clear: both; 
	} 
#footer {
	position: relative;
	margin: 0 auto; /* negative value of footer height */
	height: 84px;
	width: 980px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #98958d; 
	}
	
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { text-decoration: none; color: inherit; font-weight: normal; }
	#footer a:hover { color: #FFF; }

#footer .divider { color: #655e51; padding: 0px 8px; }
	
#client_info { position: absolute; left: 107px; top: 7px; }
#client_info .company { font: normal 14px/20px 'Oswald', Arial, Helvetica, sans-serif; }

#bean_info { position: absolute; right: 15px; bottom: 15px; text-align: right; }
#coloredbean_logo, #beansprout_logo { 
	position: absolute; 
	bottom: 43px; 
	background-repeat: no-repeat; 
	background-position: left top; 
	height: 27px; 
	}
#coloredbean_logo { width: 105px; right: 19px; background-image: url("/css/client/images/logo_coloredbean.png"); }
#beansprout_logo { width: 67px; right: 134px; background-image: url("/css/client/images/logo_beansprout.png"); }
#coloredbean_logo span, #beansprout_logo span { display: none; }
#coloredbean_logo:hover, #beansprout_logo:hover { background-position: 0px -27px; }

#footer_logo { position: absolute; top: 11px; left: 16px; width: 81px; height: 55px; background: transparent url("/css/client/images/footer_logo.png") no-repeat top left; }
#footer_logo:hover { background-position: 0px -55px; }
#footer_logo span { display: none; }

/* Opera Fix */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
	}