@charset "utf-8";

/* STANDARD STYLES */

body,
html {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #444444;
	line-height: 22px;
	border: 0;
}

img		{ border: 0; height: auto; max-width: 100%; vertical-align: bottom; }

iframe, frame	{ width: 100%; max-width: 100%; line-height: 0; overflow: hidden; }

table		{ border-collapse: collapse; table-layout: fixed; padding: 0; margin: 0; }
table p		{ margin: 0; padding: 0; }
th, td		{ margin: 0; padding: 0; word-wrap: break-word; overflow: hidden; }
tr td:nth-child(even)	{ text-align: right; }

.contact a,
#footer a		{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.order,
.menu			{ -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -ms-transition: background 0.4s ease; transition: background 0.4s ease; }


/* BODY & LAYOUT STYLING */

html, body	{ height: 100%; min-height: 100%; }

#outer		{ margin: 0; padding: 0; min-height: 100%; position: relative; }
#wrapper	{ padding: 0 0 42px 0; }
.inner		{ max-width: 1280px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* DEFAULT STYLING */

h1, h2		{ color: #000000; font-weight: bold; }
h1		{ font-size: 2em; }
h2		{ font-size: 1.5em; }
h3		{ font-size: 1em; }

a		{ color: #007c3b; text-decoration: underline; }
a:hover		{ color: #ce141a; }

ul		{ list-style-position: outside; overflow: hidden; }


/* HEADER / LOGO */

header		{ position: relative; text-align: center; }
header h1,
header h2	{ color: #ffffff; margin: 0; }
header h2	{ font-size: 2.14em; line-height: 1em; margin: 0; }
.print		{ display: none; }


/* PARALLAX SECTIONS */

section.parallax	{ position: relative; max-height: 500px; overflow: hidden; }
section.parallax img	{ width: 100%; z-index: 1; }


/* DETAIL SECTIONS */

section .inner > div	{ padding: 2.2em; }

#about			{ display: inline-block; vertical-align: top; width: 640px; }
#images			{ display: inline-block; vertical-align: top; width: 510px; }
#image1			{ float: left; border-right: 10px solid #fff; }
#image2			{ border-bottom: 10px solid #fff; }

.buttons		{ margin-bottom: 40px; }
.order			{ display: block; width: 510px; margin: 10px 0; padding: 15px 0; border-radius: 8px; color: #fff; font-size: 22px; font-weight: bold; text-decoration: none; text-align: center; }
.order:hover		{ background: #222 !important; color: #fff; }
#order1			{ background: #ce141a; }
#order2			{ background: #007c3b; }
.menu			{ display: inline-block; width: 250px; margin: 0 10px 10px 0; padding: 8px 0; border-radius: 8px; background: #444; color: #fff; font-size: 15px; text-decoration: none; text-align: center; }
.menu:hover		{ background: #007c3b; color: #fff; }

.delivery		{ display: inline-block; vertical-align: top; margin-right: 80px; }

section.contact,
#footer			{ background: #ce141a; text-align: center; }
section.contact h1	{ margin-top: 0; }
section.contact h1,
section.contact h2,
section.contact p	{ color: #fff; }
section.contact a	{ color: #fff; font-size: 15px; text-decoration: none; }
section.contact a:hover	{ color: #ffcc00; }
section.map		{ height: 320px; max-width: none; margin: 0; }
#map			{ display:none;}
#map2			{ border-bottom: 5px solid #333; }
.location		{ display: inline-block; margin: 0 5%; }
.phone a		{ font-size: 17px !important; font-weight: bold; }
.email a		{ text-decoration: underline !important; }


/* FOOTER */

#foot		{ position: absolute; bottom: 0; width: 100%; height: 42px; }
#footer		{ color: #ffffff; font-size: 10px; text-align: center; margin: 0; padding: 10px; }
#footer a	{ color: #ffffff; font-size: 10px; }
#footer a:hover	{ color: #ffcc00; }
#footer img	{ vertical-align: middle; }


/* CSS3 SCREEN SIZE SPECIFIC STYLES */

/* Responsive for Tablet - Landscape */
@media (max-width: 1100px) {
	.inner		{ max-width: 1100px; }

	#about		{ width: 520px; }
	#images		{ width: 380px; margin-top: 70px; }
	#image1 img	{ height: 370px; }
	#image2 img,
	#image3 img	{ height: 180px; }
}

/* Responsive for Tablet - Portrait */
@media (max-width: 768px) {
	*		{ font-size: 12px; line-height: 20px; }
	li		{ line-height: 18px; margin-bottom: 4px; }

	.inner		{ max-width: 768px; }

	#about		{ display: block; width: auto; }
	#images		{ display: block; width: 510px; margin: 0 auto; }
	#image1 img	{ height: auto; }
	#image2 img,
	#image3 img	{ height: auto; }

	.buttons	{ text-align: center; }
	.order		{ width: 490px; margin-left: auto; margin-right: auto; }
	.menu		{ width: 240px; margin: 0 5px 10px 5px; }

	.yarragon	{ border-bottom: 1px solid #660000; padding-bottom: 10px; }
}

@media (max-width: 640px) {
	#images		{ display: block; width: 380px; margin: 0 auto; padding: 20px 0 30px 0; }
	#image1		{ border-bottom: 10px solid #fff; }
	#image1 img	{ height: 370px; }
	#image2 img,
	#image3 img	{ height: 180px; }

	.order		{ width: auto; font-size: 18px; }
}

@media (max-width: 420px) {
	#images		{ width: auto; padding: 20px 25px 30px 25px; text-align: center; }
	#image1		{ border-right: none; float: none; }
	#image1 img,
	#image2 img,
	#image3 img	{ width: 100%; height: auto; }

	.order		{ font-size: 16px; }
	.menu		{ width: 100%; margin: 0 0 10px 0; }
}

@media (min-width: 640px) {
	*		{ font-size: 14px; line-height: 22px; }
	li		{ line-height: 20px; margin-bottom: 6px; }
}


/* PRINT ONLY */

@media print {
	.print			{ display: block; }
	.web,
	.parallax,
	#images,
	.order,
	.menu,
	.map,
	#footer			{ display: none; }
	*			{ font-size: 12px; line-height: 18px; color: #333; background: #fff; }
	h1, h2, h3		{ color: #333; font-size: 18px; }
	li			{ line-height: 16px; }
	section .inner > div	{ padding: 20px 0 0 0; }
	section.contact		{ margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc; }
	section.contact h1,
	section.contact h2,
	section.contact p,
	section.contact a	{ color: #333; }
	.location		{ display: inline-block; width: 50%; margin: 0; }
	.yarragon		{ border: none; padding: 0; }
	section.contact a	{ font-size: 13px; text-decoration: none; }
	.phone a		{ font-size: 15px !important; }
}