/********************* The Schnitzel Bin Main Style Sheet created by 2Creative ****************************/

* {	margin: 0; padding: 0; }
body {
	font: 80%/1.4em Arial, Helvetica, sans-serif; color: #FFF;
	background: url(images/bg-strip.jpg) repeat-x left top;
}
h1 { font-size: 20px; font-weight: normal; color: #F3C537; line-height: 1.1em; padding: 40px 20px 0 22px; }
h2 { font-size: 18px; font-weight: normal; color: #F3C537; margin-bottom: 15px;	line-height: 1.2em; }
h3 { font-size: 16px; font-weight: normal; margin-bottom: 15px; color: #FFF; line-height: 1.4em;	}
h4 { font-size: 14px; color: #FFF; margin-bottom: 5px; }
p { padding-bottom: 15px; }
img { border: none; }
a { color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { padding-left: 15px; margin-bottom: 15px; }

#wrapper { width: 971px; margin: 0 auto; padding: 0; }	
	#header {}
		#header-one { height: 47px; background: url(images/header1.jpg) no-repeat left top; }
		#header-two { height: 16px; background: url(images/header2.jpg) no-repeat left top; }
			#header-two ul { padding: 0; margin: 0 0 0 117px; list-style: none; text-align: center;	}
			#header-two li { display: block; width: 100px; height: 16px; line-height: 1.2em; margin: 0; padding: 0; float: left; list-style: none; }
			#header-two a { color: #141D65; text-decoration: none; font-weight: bold; font-size: 18px; }
			#header-two a:hover { color: #FF0000; text-decoration: none; }
				#header-two li#listGallery { width: 90px; margin-right: 42px; }
				#header-two li#listFAQ { width: 41px; margin-right: 367px; }
				#header-two li#listCalendar { width: 216px; }
		#header-three { height: 160px; background: url(images/header3.jpg) no-repeat left top; }
			#home-contact { position: relative; top: 50px; left: 74px; width: 143px;  }
			#home-contact p { padding-bottom: 3px; } 
				.contact-title { font-size: 14px; }
				.contact-number { font-size: 16px; font-weight: bold; }					
	
	#contentHome { background: url(images/bg-repeater.jpg) repeat-y left top; }		
		#contentHomeLeft { float: left; width: 613px; background: url(images/header4-1.jpg) no-repeat left top; }
		#contentHomeRight { float: right; width: 358px; background: url(images/header4-2.jpg) no-repeat left top; }
			#contentHomeRight p { padding: 5px 0 0 30px; font-style: italic; } 
			#contentHomeRight a { text-decoration: none; color: #F3C537; padding-left: 20px; 
				background: url(images/youtube-arrow.jpg) no-repeat left center; }
			#contentHomeRight a:hover { text-decoration: none; color: #FFF; } 
						
		#home-heading { float: left; width: 300px; padding-top: 90px; margin-left: 74px !important; margin-left: 38px; margin-right: 50px; 
				background: url(images/title-home.gif) no-repeat left top; }		
			#home-heading h2 { margin-bottom: 15px; } 
		#home-contact-button { float: left; width: 143px; height: 139px; }
		
		#home-text { margin-left: 74px; padding-right: 40px; }			
		
		#home-youtube { margin-left: 20px; width: 273px; height: 244px; 
				background: url(images/youtube-bg.jpg) no-repeat left top; }					
			#youtube-content { padding-top: 12px; margin-left: 12px; }
			
		#subContent { padding: 10px 0 10px 74px; }
			.box-wrapper { float: left; width: 243px; height: 154px; margin-right: 53px; }
	
	#content { padding: 0 0 30px 0; background: url(images/bg-repeater.jpg) repeat-y left top; }			
		#mainContent { float: left; width: 539px; padding-left: 74px; 
				background: url(images/header4-1.jpg) no-repeat left top;  }
			#mainContent ul { margin-left: 20px; }
			
			#budget-heading { background: url(images/title-budgetbobs.gif) no-repeat left top; padding-top: 70px; }
			#bobs-heading { background: url(images/title-bobsbigbuffet.gif) no-repeat left top; padding-top: 70px; }	
			#bbq-heading { background: url(images/title-bbqbobsbigbuffet.gif) no-repeat left top; padding-top: 70px; }
			#gallery-heading { background: url(images/title-gallery.jpg) no-repeat left top; padding-top: 70px; }
			#faq-heading { background: url(images/title-faq.jpg) no-repeat left top; padding-top: 70px; }	
			#booking-heading { background: url(images/title-bookings.jpg) no-repeat left top; padding-top: 70px; }
			#contact-heading { background: url(images/title-contact.jpg) no-repeat left top; padding-top: 70px; }
		
			.menu-price { font-size: 20px; font-weight: bold; color: #F3C537; }
			.gallery-image, .gallery-image-last { float: left; width: 120px; margin-right: 15px; margin-bottom: 15px; }
			.gallery-image-last { margin-right: 0; }
			 
		#sideContent { float: right; width: 300px; padding-left: 58px; 
				background: url(images/header4-2.jpg) no-repeat left top;  }
			#other-contact-button { width: 138px; height: 139px; margin-left: 42px; }
			.small-box-wrapper { margin-top: 15px; }	
			.quote-box{ width: 220px; margin: 20px 0 20px 20px;}		
				.quote-box p { padding-bottom: 5px; } 
			.quote-client { font-size: 11px; font-style: italic; color: #F3C537; }
			
	#contentFooter { height: 77px; background: url(images/footer.jpg) no-repeat left top; margin-bottom: 15px; }
		#contentFooter p { color: #3399CC; text-align: center; padding-top: 50px; padding-bottom: 0; }
		#contentFooter a { color: #3399CC; text-decoration: none; }
		#contentFooter a:hover { color: #FFF; text-decoration: none; }
	
	#menu { margin-bottom: 7px; }
		#menu ul { margin: 0; padding: 0; text-align: center; }
		#menu li { display: inline; }
			#menu a { font-size: 14px; color: #003366; padding: 3px 15px ; display: inline; 
					text-decoration: none; border-right: 1px dotted #003366; }
			#menu a:hover {	color: #003366; text-decoration: underline; }
	
	#footer { }
		#footer p { font-size: 12px; color: #666; text-align: center; padding-bottom: 10px; }
		#footer a { color: #666; text-decoration: none; }
		#footer a:hover { color: #666; text-decoration: none; }


/********************* MISC ****************************/	
.clearFloat { clear: both; height: 0; }
.textYellow, .textYellowBold { color: #F3C537; }
.textWhite, .textWhiteBold { color: #FFF; }
.textYellowBold, .textWhiteBold { font-weight: bold; }
.invisibleHeading {	display: none; }
.notice { font-style: italic; }
.miscpara { text-align: right; }
a.misc { font-size: 10px; color: #003399; text-decoration: none; }
a.misc:hover { font-size: 10px; color: #3366FF; text-decoration: none; }
.warning { color: #FF0000; font-weight: bold; padding-bottom: 5px; }
.hidden { visibility: collapse; }
.imageFloatedLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.imageFloatedRight { float: right; margin-left: 10px; margin-bottom: 10px; }

.quote { font-size: 24px; color: #F3C537; }


/********************* FORMS ****************************/
form br { clear: left; }
label {	border: none; width: 150px; }
input, textarea { 
	font: small Arial, Helvetica, sans-serif;
	font-size: 85%;	margin-bottom: 5px;	border: 1px solid #000;	padding: 2px; width: 160px;	color: #333; }
#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 300px; float: left; margin-bottom: 10px;	border: 1px solid #CCC;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #000; }
#formContact label { text-align: left; width: 140px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px; padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton {	
	height: 20px; cursor: pointer; color: #000066; font-weight: bold; border: none; float: left;
	display: block;	margin-top: 10px; background: #F3C537; width: 100px; }
#formContact .tinyInput { width: 30px; }
#formContact .smallInput { width: 180px; }
#formContact .mediumInput { width: 200px; }
#formContact .wideLabel { width: 280px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden {	display: none; }
#formContact input.radioButton { float: left; width: 15px; margin: 0 5px 0 0; border: none; }
#formContact .radioLabel { float: left; text-align: left; width: 80px; padding-top: 5px; }
#formContact .radioYesNoLabel {	float: left; text-align: left; width: 50px;	padding-top: 5px; }


/********************* TABLES ****************************/
.listTable { width: 100%; border: none; text-align: left; margin-bottom: 15px; }
td { padding: 2px; vertical-align: top; }
th { font-weight: normal; color: #CCFFFF; }