/*-- Purely Pasta Screen CSS
     Author: Dave Robb, Bright: www.designbybright.com
	 Last Edit: 21.05.08
	 Edited By: Dave Robb --*/


/* ---------- General Layout Styles ---------- */

*	{
	margin: 0;
	padding: 0;
	}
	
body {
	margin-bottom: 30px;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: small;
	color:#fff;
	background: #000 url(../images/layout/background.jpg) 50% 20% no-repeat;
	background-attachment: fixed;
	}
	
#container {
	width: 850px;
	margin: 0 auto 40px auto;
	}
	
#contentLeft, #ImageGallery {
	float: left;
	width: 450px;
	margin: 20px 0 30px 0;
	padding: 20px;
	background: #000;
	border: 10px solid #fff;
	}
	
#contentRight {
	float: right;
	width: 253px;
	margin-top: 20px;
	padding: 75px 47px 0 0;
	background: url(../images/pasta-and-sauces.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
	
#ImageGallery {
	width: 500px;
	background: none;
	padding: 0;
	border: 0;
	}
		
/* ---------- Header Styles ---------- */

#mainNav,
#mainNavGallery {
	position: relative;
	z-index: 10;
	width: 680px;
	margin: 20px 0 0 15px;
	list-style: none;
	}
	
#mainNav li {
	float: left;
	}
	
#mainNav li a,
#mainNavGallery li a,
#mainNav li img {
	float: left;
	height: 80px;
	margin-top: 12px;
	text-decoration: none;
	text-indent: -9999px;
	}
	
#mainNavGallery li a:hover {
	margin-top: 0;
	}
	
#mainNav li img {
	margin-top: 0;
	}
		
#home {
	width: 75px;
	background: url(../images/layout/nav-home.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
	
#story {
	width: 115px;
	background: url(../images/layout/nav-story.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
	
#food {
	width: 111px;
	background: url(../images/layout/nav-food.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
	
#market {
	width: 125px;
	background: url(../images/layout/nav-market.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
	
#recipes {
	width: 93px;
	background: url(../images/layout/nav-recipes.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
	
#contact {
	width: 98px;
	background: url(../images/layout/nav-contact.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
		
#headerImage {
	position: relative;
	z-index: 20;
	float: left;
	border: 10px solid #fff;
	margin: -25px 0 0 0;
	}
	
#imageGalleryLink {
	position: relative;
	z-index: 30;
	float: left;
	margin: -120px 0 0 675px;
	}
	
#mainNav li a.active {
	margin-top: 0;
	}
	
/* ---------- Content Left Styles ---------- */

.tabContentActive {
	display: block;
	}
	
.tabContent {
	display: none;
	}

#ingredients {
	float: right;
	width: 170px;
	margin: 0 0 20px 40px;
	line-height: 1.5em;
	}

#ingredients ul {
	margin: 10px 0 0 14px;
	}

#method {
	margin: 0 0 20px 20px;
	line-height: 1.5em;
	}

#method li {
	padding: 5px 0;
	}

/* ---------- Content Right Styles ---------- */

.smallContent {
	background: #000;
	border: 10px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 35px;
	}
	
.imgBottomBorder {
	border-bottom: 3px solid #fff;
	}
	
#contentRight p {
	font-size: 100%;
	margin: 10px 15px 0 15px;
	}
	
#contentRight .loneLink {
	margin-top: 5px;
	}
	
#greatGeorges, #greatStalls, #theMenu, #greatRecipes, #comeSee {
	width: 200px;
	height: 65px;
	text-indent: -9999px;
	}
	
#greatGeorges {
	background: url(../images/layout/great-georges.gif) 15px 15px no-repeat;
	}
	
#greatStalls {
	background: url(../images/layout/great-stalls.gif) 15px 15px no-repeat;
	}
	
#theMenu {
	background: url(../images/layout/the-menu.gif) 15px 15px no-repeat;
	}
	
#greatRecipes {
	background: url(../images/layout/great-recipes.gif) 15px 15px no-repeat;
	}
	
#comeSee {
	background: url(../images/layout/come-see.gif) 15px 15px no-repeat;
	}

	
#contentRight ul {
	margin: 10px 15px 10px 30px;
	}
	
#contentRight li {
	padding: 4px 0;
	}
	
#googleMap {
	border: 10px solid #fff;
	height: 220px;
	overflow: hidden;
	}
		
#belfastPasta {
	width: 250px;
	height: 220px;
	}
	
/* ---------- Image Gallery ---------- */

#ImageGallery li {
	list-style: none;
	float: left;
	margin: 0 10px 10px 0;
	}
	
.galleryThumb {
	border: 6px solid #fff;
	}

	
/* ---------- Text Styles ---------- */

h1, h2, h3, h4, h5, h6	{
	font-family: "Myriad Pro","Trebuchet MS", Tahoma, Arial, sans-serif;
	}
	
h1, h2.largeH2	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 210%;
	font-weight: normal;
	color: #fff;
	margin: 10px 0 25px 0;
	}
		
h2	{
	font-size: 150%;
	font-weight: normal;
	color: #fff;
	margin-bottom: 5px;
	}
	
h3	{
	font-size: 100%;
	background: url(../images/layout/halo.gif) 0 0 no-repeat;
	color: #e7c129;
	text-transform: uppercase;
	padding-top: 10px;
	}
	
p	{
	margin-bottom: 20px;
	font-size: 110%;
	line-height: 1.5em;
	text-align: justify;
	}
	
a:link, a:visited	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #e7c129;
	}
	
a:hover {
	color: #efd779;
	}
	
.yellow {
	color: #e7c129;
	font-weight: normal;
	}
	
/* ---------- Form Styles ---------- */

.contactForm {
	margin-top: 20px;
	padding-top: 20px;
	font-size: 110%;
	}


.contactLabelLeft {
	float:left;
	width: 120px;
	margin: 0 25px 15px 0;
	text-align: right;
	}
	
.inputBox, .inputMessage {
	width: 230px;
	padding: 3px;
	background: #fff;
	border: none;
	border: 1px solid #000;
	}
	
.inputMessage {
	width: 230px;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 100%;
	}
	
.submitText {
	text-align: right;
	margin: 20px 70px 0 0;
	}
	
.button {
	margin-left: 10px;
	padding: 2px 10px;
	}
		
/* ---------- Footer Styles ---------- */

#footer {
	clear: both;
	font-size: 85%;
	}

#footer img {
	float: left;
	margin: 3px 15px 0 0;
	}
	
#footer a {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	}

/* ---------- Misc Styles ---------- */

.clear {
	clear: both;
	}
	
a img {
	border: none;
	}
	
/* ---------- Patches and Bugs ----------*/

/* -- Little fixes for IE6 -- */

.png {
	behavior: url(iepngfix.htc);
	}

/* -- Clearing floats -- */

#container:after,
#mainNav:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

* html #container
* html #mainNav{
	height: 1px;
	}

*:first-child+html #container
*:first-child+html #mainNav {
	min-height: 1px;
	}