/*
Theme Name: Petruzzi's
Theme URI: http://petruzzis.com
Description: Wordpress theme for the Petruzzi's Meatballs website
Version: 1.0 (WP3.4+)
Author: Barrie Holden
Author URI: http://bagofbees.co.uk
Tags: Petruzzi's Meatballs, BAG of BEES
*/

/*
	Project Colours
	Light Red:			        #B13D49
	Dark Red:					#931A18
	Bright Red:					#BD0825
	Text Grey:					#565759
*/

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

html { width: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { width: 100%; margin: 0; font-size: 1em; font-family: Droidserif; line-height: 1.5; background-color: #FFFFFF; -webkit-font-smoothing: antialiased; color: #333; }

::-moz-selection { background: #B13D49; color: #fff; text-shadow: none; }
::selection { background: #B13D49; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

/* FONT-FACE STYLES */
@font-face {
    font-family: 'MontserratRegular';
    src: url('style/fonts/montserrat-regular.eot');
    src: url('style/fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/montserrat-regular.woff') format('woff'),
         url('style/fonts/montserrat-regular.ttf') format('truetype'),
         url('style/fonts/montserrat-regular.svg#MontserratRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droidserif';
    src: url('style/fonts/droidserif.eot');
    src: url('style/fonts/droidserif.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/droidserif.woff') format('woff'),
         url('style/fonts/droidserif.ttf') format('truetype'),
         url('style/fonts/droidserif.svg#Droidserif') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidserifItalic';
    src: url('style/fonts/droidserif-italic.eot');
    src: url('style/fonts/droidserif-italic.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/droidserif-italic.woff') format('woff'),
         url('style/fonts/droidserif-italic.ttf') format('truetype'),
         url('style/fonts/droidserif-italic.svg#DroidserifItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4 {
	font-weight: normal;
	line-height: normal;
}
h2 {
	text-transform: uppercase;
	font: 4.5em MontserratRegular;
	color: #F2ECE5;
	text-align: center;
	width: 100%;
	height: 94px;
	float: left;
	clear: both;
	padding: 0 0 0 0;
	margin: 0 auto;
}
h3 {
	text-transform: uppercase;
}
p {
	color: #525759;
	margin: 0 0 1.31em 0;
}
a {
	text-decoration: none;
	color: #B13D49;
}
p a {
	color: #525759;
	text-decoration: underline;
	}
	p a:visited {
		color: #B13D49;
	}
	p a:hover {
		color: #B13D49;
		text-decoration: none;
	}

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }

ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

#header {
	min-width: 992px;
	padding: 56px 0 40px 0;
	text-align: center;
	background: #FFF url(style/images/petruzzis_tile_header.jpg) 0 bottom repeat-x;
	position: relative;
	overflow: visible;
	}
	  #imagePlate {
		position: absolute;
		width: 550px;
		height: 576px;
		right: 0;
		top: 156px;
		background: url(style/images/petruzzis_image_plate.png) 0 0 no-repeat;

	}
section {
	min-width: 992px;
}
.wrap {
	width: 936px;
	margin: 0 auto;
	padding: 0 28px;
	position: relative;
	overflow: visible;
}


/* Main Navigation */

section#fixedMenu {
	background-color: #B13D49;
	position: fixed;
	top: 0;
    width: 100%;
    z-index: 90;
    height: 32px;
}
#menuWrap {
	width: 936px;
	margin: 5px auto 0 auto;
	padding: 0 28px 0 28px;
	}
	#menuWrap ul {
		float: left;
		margin-left: 224px;
	}
	#menuWrap ul li {
		float: left;
		}
		#menuWrap li a {
			font: normal 14px MontserratRegular;
			text-transform: uppercase;
			color: #FFF;
			padding: 0 24px 0 18px;
			}
		#menuWrap li a.current {
				background: url(style/images/petruzzis_bullet_menu.gif) 0 1px no-repeat;
			}
			#menuWrap li a:hover {
				background: url(style/images/petruzzis_bullet_menu.gif) 0 1px no-repeat;
				}
	#menuWrap ul#socialLinksHeader {
		float: right;
		margin: 0;
		}
		#menuWrap ul#socialLinksHeader li {
		float: right;
		}
		#menuWrap ul#socialLinksHeader li a#twitter, #menuWrap ul#socialLinksHeader li a#facebook {
			width: 20px;
			height: 20px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			background: url(style/images/petruzzis_social_header.gif) 0 0 no-repeat;
			padding: 0;
			margin-left: 10px;
			}
		#menuWrap ul#socialLinksHeader li a#facebook {
			background-position: -30px 0;
			}
			#menuWrap ul#socialLinksHeader li a#twitter:hover {
				background-position: 0 -30px;
			}
			#menuWrap ul#socialLinksHeader li a#facebook:hover {
				background-position: -30px -30px;
			}


/* InPage Navigation */

nav.inPageNav {
	margin: 0;
	float: left;
	clear: both;
	position: relative;
	z-index: 30;
}
nav.inPageNav ul {
		width: 100%;
		float: left;
		clear: left;
		margin: 20px 0 20px 0;
	}
	nav.inPageNav ul li {
		float: left;
		margin: 0 16px 0 0;
		}
		nav.inPageNav ul li a {
			font: normal 16px MontserratRegular;
			text-transform: uppercase;
			color: #666;
			padding: 0 10px 0 10px;
			margin: 10px 0 0 0;
			background-color: #F2EEE7;
			display: block;
			-moz-box-shadow:    0 0 0 0 #666;
			-webkit-box-shadow: 0 0 0 0 #666;
			box-shadow:         0 0 0 0 #666;
			transition: all 0.25s ease-out;
    		-webkit-transition: all 0.25s ease-out;
    		-moz-transition: all 0.5s ease-out;
			}
			nav.inPageNav ul li a.current {
				-moz-box-shadow:    -4px 4px 0 0 #666;
				-webkit-box-shadow: -4px 4px 0 0 #666;
				box-shadow:         -4px 4px 0 0 #666;
				color: #B13D49;

				}
				nav.inPageNav ul li a:hover {
					-moz-box-shadow:    -4px 4px 0 0 #B13D49;
					-webkit-box-shadow: -4px 4px 0 0 #B13D49;
					box-shadow:         -4px 4px 0 0 #B13D49;
					color: #B13D49;
					}


/* Section: Our Meatballs */

section#ourMeatballs {
	background: url(style/images/petruzzis_papertile_01.jpg) 0 0 repeat;
	overflow: hidden;
}
#ourMeatballs h1 {
	position: absolute;
	left: 50px;
	width: 390px;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	display: block;
	font: normal 1.125em/1.5em Droidserif;
	text-align: right;
	color: #565759;
	z-index: 1;
	}
	#ourMeatballs h1 span {
		font: normal 1.313em/1.25em MontserratRegular;
		color: #B13D49;
		padding-top: 12px;
		display: block;
		text-transform: uppercase;
	}
a#seeWhy {
	position: absolute;
	left: 280px;
	top: 160px;
	width: 152px;
	height: 120px;
	padding: 20px 0 0 0;
	font: normal 1.125em DroidserifItalic;
	color: #565759;
	display: block;
	background: url(style/images/petruzzis_arrow_animated.gif) right 0 no-repeat;
	cursor: pointer;
	z-index: 40;
	}
	a#seeWhy:hover {
		color: #B13D49;
		background-position: right -142px;
	}
#imageTomatoesOnions {
	position: absolute;
	width: 444px;
	height: 486px;
	left: -140px;
	top: 60px;
	background: url(style/images/petruzzis_image_tomatoesonions.png) 0 0 no-repeat;
}
#imageLadel {
	position: absolute;
	width: 539px;
	height: 459px;
	left: -28px;
	top: 660px;
	background: url(style/images/petruzzis_image_ladel.png) 0 0 no-repeat;
	z-index: 0;
}
#imageCow {
	position: absolute;
	width: 558px;
	height: 483px;
	right: -124px;
	top: 690px;
	background: url(style/images/petruzzis_image_moocow.png) 0 0 no-repeat;
}
#ourMeatballs nav.inPageNav {
	padding-top: 520px;
}
#ourMeatballs h2 {
	background: url(style/images/petruzzis_background_headercolour01.png) center 0 no-repeat;
	text-shadow: #bd0825 6px 4px 0;
	margin-bottom: 360px;
	position: relative;
	z-index: 1;
}
.introColLeft, .introColRight {
	width: 325px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 40px 70px;
}
.introColRight {
	margin: 0 0 0 0;
}
.introColLeft h3, .introColRight h3 {
	font: 1.5em MontserratRegular;
	color: #B13D49;
	text-align: center;
}
.introColMiddle {
	float: left;
	width: 90px;
	height: 70px;
	margin: 0 28px 0 10px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(style/images/petruzzis_title_with.png) center 0 no-repeat;
}


/* Section: The Petruzzi Story */

#seperatorPetruzziStory {
	min-width: 992px;
	height: 14px;
	background: url(style/images/petruzzis_seperator00.jpg) 0 0 repeat;
}
#petruzziStory {
	background: url(style/images/petruzzis_tile_brown.jpg) 0 0 repeat;
}
#petruzziStory h2#headerPetruzziStory {
	background: url(style/images/petruzzis_background_headercolour02.png) center 0 no-repeat;
	text-shadow: #791e0f 6px 4px 0;
	margin: 0 0 40px 0;
	padding: 0 0 0 0;
	text-align: left;
	}
	h2#headerPetruzziStory span {
		font-size: 0.55em;
		display: block;
		float: left;
		padding: 9px 10px 0 90px;
	}
.colMiddle {
	width: 616px;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	}
	.colMiddle h3, .colMiddle h4 {
		font: 1.5em MontserratRegular;
	}
	.colMiddle h4 {
		font: 1.125em MontserratRegular;
	}
	.colMiddle p {
		color: #FFF;
	}
#map {
	width: 806px;
	height: 496px;
	margin: 0 auto 40px auto;
	background: url(style/images/petruzzis_map_background.png) 0 0 no-repeat;
	position: relative;
}
#mapTrail {
	width: 400px;
	height: 194px;
	position: absolute;
	left: 260px;
	top: 174px;
	background: url(style/images/petruzzis_map_route.png) 0 0 no-repeat;
}
a#mapMarker01, a#mapMarker02, a#mapMarker03 {
	background: url(style/images/petruzzis_map_markers.png) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	position: absolute;
	}
	a#mapMarker01 {
		width: 100px;
		height: 100px;
		left: 667px;
		top: 218px;
	}
	a#mapMarker02 {
		width: 100px;
		height: 100px;
		left: 205px;
		top: 220px;
		background-position: -104px 0;
	}
	a#mapMarker03 {
		width: 100px;
		height: 100px;
		left: 528px;
		top: 140px;
		background-position: -184px 10px;
	}
#map h5 {
	font: normal 1.2em Droidserif;
	color: #B56358;
	margin: 0 0 8px 0;
}
#map p {
	font: 0.813em Droidserif;
	color: #4B3D25;
}
#mapDescription01, #mapDescription02, #mapDescription03 {
	width: 238px;
	height: 150px;
	padding: 18px 18px 0 22px;
	background: url(style/images/petruzzis_map_envelope.png) 0 0 no-repeat;
	position: absolute;
	text-align: center;
	}
	#mapDescription01 {
		left: 500px;
		top: 300px;
	}
	#mapDescription02 {
		left: 80px;
		top: 300px;
	}
	#mapDescription03 {
		left: 280px;
		top: 80px;
	}
#scrapbook {
	width: 430px;
	height: 550px;
	margin: 0 24px 40px 10px;
	float: left;
	clear: both;
}
.storyColHalf {
	width: 456px;
	float: right;
	}
	.storyColHalf p {
		color: #FFF;
		margin-bottom: 8px;
	}


/* Section: Meal Ideas */

#seperatorMealIdeas {
	min-width: 992px;
	height: 18px;
	background: url(style/images/petruzzis_seperator01.jpg) 0 0 repeat;
}
#mealIdeas {
	background: url(style/images/petruzzis_tile_green02.jpg) 0 0 repeat;
	overflow: hidden;
	padding-bottom: 44px;
}
#mealIdeas h2 {
	background: url(style/images/petruzzis_background_headercolour03.png) center 0 no-repeat;
	text-shadow: #bd0825 6px 4px 0;
	margin-bottom: 24px;
}
#mealIdeas .colMiddle h3 {
	color: #B13D49;
}
.mealIdea {
	width: 613px;
	height: 612px;
	background: url(style/images/petruzzis_background_menucard.gif) 0 0 no-repeat;
	padding: 12px 18px 0 18px;
	}
	.mealIdeaCol {
		width: 288px;
		float: left;
		}
		.mealIdea h4 {
			font: 1.750em MontserratRegular;
			margin: 18px 0 12px 0;
			text-transform: uppercase;
			color: #B13D49;
		}
		.mealIdea h5 {
			font: 1em DroidserifItalic;
			margin: 0 0 4px 0;
			color: #B13D49;
		}
		.mealIdeaCol ul li {
			font-size: 0.875em;
			margin: 0 0 8px 0;
			color: #333;
		}
#imageTomatoes {
	position: absolute;
	width: 321px;
	height: 573px;
	left: -116px;
	top: 160px;
	background: url(style/images/petruzzis_image_tomatoespastabasil.png) 0 0 no-repeat;
	z-index: 0;
}
#imageBasil {
	position: absolute;
	width: 530px;
	height: 367px;
	right: -246px;
	top: 160px;
	background: url(style/images/petruzzis_image_tomatoespastabasil.png) -594px 0 no-repeat;
}
#imagePasta {
	position: absolute;
	width: 265px;
	height: 269px;
	left: 64px;
	top: 660px;
	background: url(style/images/petruzzis_image_tomatoespastabasil.png) -320px 0 no-repeat;
}
#imageParmesan {
	position: absolute;
	width: 519px;
	height: 714px;
	right: -140px;
	top: 920px;
	background: url(style/images/petruzzis_image_parmesangarlic.png) 0 0 no-repeat;
}
#imageGarlic {
	position: absolute;
	width: 336px;
	height: 354px;
	left: 20px;
	top: 1604px;
	background: url(style/images/petruzzis_image_parmesangarlic.png) -520px 0 no-repeat;
}


/* Section: What Do You Think? */

#seperatorWhatDoYouThink {
	min-width: 992px;
	height: 20px;
	background: url(style/images/petruzzis_seperator02.jpg) 0 0 repeat;
}
#whatDoYouThink {
	background: url(style/images/petruzzis_tile_green.jpg) 0 0 repeat;
	overflow: hidden;
}
#whatDoYouThink h2 {
	background: url(style/images/petruzzis_background_headercolour04.png) center 0 no-repeat;
	text-shadow: #bd0825 6px 4px 0;
	margin-bottom: 24px;
	font-size: 4em;
	padding-top: 6px;
}
#whatDoYouThink h3 {
	text-align: center;
	font: 1.5em MontserratRegular;
	color: #FFF;
}
#thinkColLeft {
	width: 301px;
	float: left;
	margin-right: 10px;
}
#thinkColRight {
	width: 623px;
	float: left;
}
#facebookContainer, #twitterContainer {
	width: 275px;
	height: 343px;
	background: url(style/images/petruzzis_background_social.gif) 0 0 no-repeat;
	padding: 24px 12px 12px 12px;
	margin-bottom: 24px;
	overflow: auto;
	}
#twitterContainer {
	background-position: 0 -430px;
	padding: 24px 12px 12px 24px;
	width: 275px;
	height: 343px;
}
a#whatDoYouThinkTwitter {
	background: url(style/images/petruzzis_background_social_feed.gif) 0 0 no-repeat;
	font: 1.5em MontserratRegular;
	color: #B13D49;
	padding: 2px 0 0 68px;
	margin: 0 0 12px 0;
	float: left;
	clear: both;
	}
	a#whatDoYouThinkTwitter:hover {
		background-position: 0 -36px;
	}
#disqusContainer {
	width: 552px;
	height: 732px;
	background: url(style/images/petruzzis_background_social.gif) -350px 0 no-repeat;
	padding: 30px 48px 24px 30px;
	margin-bottom: 24px;
}
#disqusContainerInner {
	width: 552px;
	height: 732px;
	overflow: auto;
}

#tweetFeed {
	float: left;
	width: 245px;
}


/* Section: Coupons */

#seperatorCoupons {
	min-width: 992px;
	height: 20px;
	background: url(style/images/petruzzis_seperator03.jpg) 0 0 repeat;
}
#coupons {
	background: url(style/images/petruzzis_tile_coupons.gif) 0 0 repeat;
	overflow: hidden;
}
#coupons h2 {
	background: none;
	text-shadow: #94333D 6px 4px 0;
	margin: 28px 0 12px 0;
	font-size: 4em;
	padding-top: 6px;
}
#coupons p {
	float: left;
	width: 320px;
	margin: 20px 54px 100px 100px;
	font: 1.313em MontserratRegular;
	color: #FFF;
}


/* Sections: Other */

section.privacy {
	background: url(style/images/petruzzis_papertile_01.jpg) 0 0 repeat;
}
section.privacy .wrap {
	width: 904px;
	padding: 0 60px 0 28px;
}
section.privacy h1, section.privacy h2 {
	font: 2.5em MontserratRegular;
	text-align: center;
	color: #B13D49;
}
section.privacy h2 {
	text-align: left;
	font-size: 1.5em;
	margin: 0 0 12px 0;
	height: auto;
}


/* Contact Page */
#seperatorContact {
	min-width: 992px;
	height: 32px;
	background: url(style/images/petruzzis_seperator05.jpg) 0 0 repeat;
}
section#contact, section#error {
	background: url(style/images/petruzzis_papertile_01.jpg) 0 0 repeat;
	overflow: hidden;
}
#contact h2, #history h2, #news h2 {
	background: url(style/images/petruzzis_background_headercolour01.png) center 0 no-repeat;
	text-shadow: #bd0825 6px 4px 0;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}
#contact p {
	width: 520px;
	margin: 0 auto 12px auto;
	text-align: center;
}
#contact .gform_wrapper {
	max-width: 700px;
	margin: 24px auto;
}
.gform_wrapper button[type=submit] {
	border: none !important;
	background-color: #931A18 !important;
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	padding: 9px 16px !important;
}
#imageContactTomatoes {
	position: absolute;
	width: 357px;
	height: 537px;
	right: -140px;
	top: 104px;
	background: url(style/images/petruzzis_image_contacttomatoes.png) 0 0 no-repeat;
}
#imageContactPasta {
	position: absolute;
	width: 265px;
	height: 269px;
	left: -118px;
	top: 410px;
	background: url(style/images/petruzzis_image_tomatoespastabasil.png) -320px 0 no-repeat;
	z-index: 4;
}
a#contactTwitter, a#contactFacebook, a#contactEmail {
	width: 275px;
	height: 117px;
	display: block;
	margin: 28px 0 40px 0;
	float: left;
	background: url(style/images/petruzzis_background_contactsocial.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	z-index: 20;
	position: relative;
	}
	a#contactTwitter{
		margin: 28px 0 40px 184px;
	}
	a#contactTwitter:hover {
			background-position: 0 -122px;
		}
	a#contactFacebook {
		background-position: -280px 0;
		}
		a#contactFacebook:hover {
			background-position: -280px -122px;
		}
	a#contactEmail {
		background-position: -560px 0;
		}
		a#contactEmail:hover {
			background-position: -560px -122px;
		}


/* Contact Form */

.foff {
	display: none;
}
#mainContactForm {
	width: 663px;
	height: 287px;
	margin: 20px auto 40px auto;
	padding: 130px 0 0 0;
	position: relative;
	background: url(style/images/petruzzis_background_form.png) center 0 no-repeat;
}
	.mainContactRow, .mainContactRowRight {
		width: 295px;
		margin: 20px 0 0 28px;
		float: left;
		clear: none;
		}
		.mainContactRowRight {
			margin-top: 50px;
		}
		#contact #mainContactForm .mainContactRow p, #contact #mainContactForm .mainContactRowRight p {
			margin: 0 0 12px 0;
			width: 100%;
		}

#mainContactForm .input, #mainContactForm textarea, input.sendmaincontactbtn {
	width: 265px;
	height: 14px;
	background: none;
	border: 1px dashed #A28C74;
	color: #666;
	padding: 15px 10px 5px 15px;
	margin: 6px 0 0 0;
	outline: none;
	font: 1em Droidserif;
}
#mainContactForm textarea {
	height: 188px;
	padding: 15px 10px 5px 15px;
}
input.sendmaincontactbtn {
	border: 0px;
	margin: 6px 0 0 0;
	float: left;
	display: block;
	width: 295px;
	height: 50px;
	line-height: normal;
	padding: 11px 0 20px 0;
	cursor: pointer;
	color: #565759;
	text-align: center;
	text-transform: uppercase;
	font: normal 1.5em MontserratRegular;
	background: url(style/images/petruzzis_form_sendbutton.gif) center 0 no-repeat;
}
	input.sendmaincontactbtn:hover {
		background-position: center -57px;
		color: #FFF;
	}
#successMainContact {
	clear: both;
	width: 600px;
	margin: 60px auto 88px auto;
	text-align: center;
	font: 2em MontserratRegular;
	color: #B13D49;
	}
	#bademailMainContact, #badserverMainContact {
		clear: left;
		text-align: center;
		color: #B13D49;
	}


/* History Page */

section#history {
	background: url(style/images/petruzzis_papertile_01.jpg) 0 0 repeat;
	overflow: hidden;
}
section#history p {
	text-align: center;
	width: 60%;
	padding: 0 0 160px 0;
	margin: 0 auto;
	background: url(style/images/petruzzis_history_header.jpg) no-repeat center bottom;
	}
	section#history p.end {
		background: none;
		padding: 0 0 12px 0;
	}
ul#timeline {
	width: 936px;
	height: 2090px;
	background: url(style/images/petruzzis_history_line.gif) no-repeat center 180px;
	position: relative;
}
#pic01, #pic02, #pic03, #pic04, #pic05, #pic06, #pic07, #pic08, #pic09, #pic10, #pic11, #pic12 {
		position: absolute;
	}
	#pic01 { left: 180px; top: 40px; }
	#pic02 { left: 540px; top: 0px; }
	#pic03 { right: 90px; top: 420px; }
	#pic04 { left: 30px; top: 370px; }
	#pic05 { left: 70px; top: 690px; }
	#pic06 { right: 90px; top: 760px; }
	#pic07 { left: 30px; top: 1060px; }
	#pic08 { right: 30px; top: 1060px; }
	#pic09 { left: 30px; top: 1400px; }
	#pic10 { right: 20px; top: 1420px; }
	#pic11 { left: 290px; top: 1690px; }
	#pic12 { right: 70px; top: 1800px; }


/* News Pages */

section#news {
	background: url(style/images/petruzzis_papertile_01.jpg) 0 0 repeat;
	overflow: hidden;
	min-height: 400px;
}
.newsContainer {
	width: 800px;
	margin: 0 auto 48px auto;
	padding: 0 0 28px 0;
	background: url(style/images/petruzzis_underline_news.gif) 0 bottom no-repeat;
}
#news h2 {
	background: none;
	font: 3em MontserratRegular;
	color: #931A18;
	text-shadow: #FFF 3px 2px 0;
	margin: 24px 0 12px 0;
}
.newsContainer h3 {
	font: 2em MontserratRegular;
	text-shadow: #FFF 3px 2px 0;
	margin: 24px 0 12px 0;
	}
	.newsContainer h3 a {
		color: #931A18;
	}
	.newsContainer h3 a:hover {
		color: #B13D49;
	}
.newsContainer h4 {
	font: 1.4em MontserratRegular;
	margin: 28px 18px 0 0;
	padding: 0;
}
.newsContainer p a {
	color: #931A18;
	text-decoration: none;
	}
	.newsContainer p a:hover {
		text-decoration: underline;
	}
a.backButton {
	height: 28px;
	width: 160px;
	margin: 0 auto;
	display: block;
	background: url(style/images/petruzzis_button_back.gif) 0 0 no-repeat;
	padding: 7px 0 0 42px;
	}
	a.backButton:hover {
		background-position: 0 -38px;
		color: #898F48;
	}
.pagination a {
	height: 28px;
	display: block;
	background: url(style/images/petruzzis_button_back.gif) 0 0 no-repeat;
	padding: 7px 0 0 42px;
	float: left;
	clear: left;
	}
	.pagination a:hover {
		background-position: 0 -38px;
		color: #898F48;
	}
.pagination .newerEntries a	{
	float: right;
	clear: none;
	background: url(style/images/petruzzis_button_back.gif) right -78px no-repeat;
	padding: 7px 46px 0 0;
	}
	.pagination .newerEntries a:hover	{
		background-position: right -116px;
	}


/* 404 */

#error h1 {
	font: 2.5em MontserratRegular;
	text-align: center;
	margin: 60px 0 28px 0;
	color: #B13D49;
}
#error p {
	text-align: center;
	margin: 0 0 120px 0;
}


/* Footer */

#seperatorFooter {
	min-width: 992px;
	background: url(style/images/petruzzis_seperator04.jpg) 0 0 repeat;
}
#footer {
	min-width: 992px;
	background: url(style/images/petruzzis_tile_footer.jpg) 0 0 repeat;
	padding: 40px 0;
}
.footerCol {
	width: 312px;
	float: left;
	text-align: center;
}
.footerCol address {
	font: 1em DroidSerif;
	color: #565759;
	padding: 0 40px 0 40px;
	margin-top: 60px;
	text-align: left;
	}
	.footerCol address a {
		color: #565759;
		text-decoration: underline;
		line-height: 1.8em;
		}
		.footerCol address a:hover {
			text-decoration: none;
			color: #94333D;
		}
ul#socialLinksFooter {
	margin: 60px 0 0 0;
	text-align: left;
	padding-left: 80px;
	}
	ul#socialLinksFooter li {
		margin: 0 0 10px 0;
		}
		ul#socialLinksFooter li a {
			color: #565759;
			text-decoration: underline;
			}
			ul#socialLinksFooter li a:hover {
				color: #94333D;
				text-decoration: none;
			}
		ul#socialLinksFooter li a#twitter, ul#socialLinksFooter li a#facebook {
			background: url(style/images/petruzzis_social_footer.gif) 0 0 no-repeat;
			padding: 0 0 0 30px;
			height: 28px;
			display: block;
			}
			ul#socialLinksFooter li a#twitter:hover {
				background-position: 0 -30px;

			}
		ul#socialLinksFooter li a#facebook {
			background-position: 0 -69px;
			}
			ul#socialLinksFooter li a#facebook:hover {
				background-position: 0 -100px;

			}


/* Copyright */

#copyright {
	background: url(style/images/petruzzis_tile_green.jpg) 0 0 repeat;
	padding: 10px 0;
	text-align: right;
	color: #FFF;
	}
	#copyright p {
		color: #FFF;
		font: 0.8em MontserratRegular;
		width: auto;
		float: left;
	}
	#copyright a {
		color: #FFF;
		font: 0.8em MontserratRegular;
		}
		#copyright a:hover {
			text-decoration: underline;
		}
a#builtByBob {
	width: 74px;
	height: 16px;
	margin: 3px 0 0 6px;
	display: block;
	cursor: pointer;
	text-indent: 9999px;
	overflow: hidden;
	background: url(style/images/bbb.gif) no-repeat 0 0;
	float: right;
	}
	a#builtByBob:hover {
		background-position: 0 -20px;
	}



/*	Retina media query.
	Overrides styles for devices with a
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {

}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

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

/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}