@charset "utf-8";

/* Jacob Fruitfield | Layout and Extras CSS Document */


/* HEADER 

-----------------------------------------------------------------------*/

#header {clear:both;width:920px;margin:0 auto 0px auto;background:#fff;}
#header h1.logo {text-indent:-9999px;display: block;}
#header h1.logo a {background: url(../i/logo.gif) no-repeat;float:left;width: 344px;height: 163px;margin:0px 0 0px 0;}
#header h1.logo a:hover {background: url(../i/logo.gif) 0 -0px no-repeat;}

#byline {width:576px; height: 163px; float:right}



/* Main top-navigation
------------------------------------------------------------------*/
div#menu {clear:both; width:920px;height:55px; margin: 0 auto; background:url(../i/menu_background.gif);}
div#menu ul#main-nav {height: 39px;width: 920px; padding-left:28px; float:left; clear:both;list-style: none; position: absolute;top: 199px;}
div#menu ul#main-nav  a:hover, div#menu ul#main-nav  a:focus { color: #33cc00; }

#main-nav li 
	{ 
		font:Verdana, Arial, Helvetica, sans-serif;
		margin-right:28px;
		display: block;
		height: 20px;
		float: left;
		color: #cc0000;
		list-style-type: none;
		
		font-weight:bold;
	
	}
	#main-nav li a
	{
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		display: block;
		height: 20px;
		float: left;
		color: #cc0000;
	}

#main-nav li a.here {color:#33cc00;}	
/* Main top-navigation "active tabs"
------------------------------------------------------------------ */



/* Main Content Area 

-----------------------------------------------------------------------*/
#wrap {clear:both;width:920px;margin:0 auto;background:#fff;}



/* Home Page Content 

-----------------------------------------------------------------------*/

body#homepage #banner {width: 920px; height:387px; background:url(../i/banner.gif) top left no-repeat;}
body#homepage #action-left {width:292px; height:312px; float:left; padding-bottom:15px;}
body#homepage #action-enclose {width:592px; height:312px; float:right; padding-bottom:15px; }
body#homepage #action-enclose-middle {width:303px; height:312px; float:left;}
body#homepage #action-enclose-right {width:289px; height:312px; float:right;}

/* Home Page Content - Action Boxes Content

-----------------------------------------------------------------------*/

#book-your-place {width:267px; height:312px; background:url(../i/book_back.gif) bottom left no-repeat; margin-left:25px;}
h2.book-title {background:url(../i/book_title.gif) top left no-repeat; text-indent:-9999px; width:267px; height:77px;}
#book-your-place h3 {padding-left:20px; padding-right:20px; font-weight:bold; line-height:1.3em; color:#666; }
.phone-number { color:#CC3300; font-size:30px;}
h4.book-online  {text-indent:-9999px;padding-top:50px; }
h4.book-online  a {width:237px; height:45px;  background:url(../i/book_bttn.gif) 0px 0px no-repeat; display:block;}	
h4.book-online  a:hover {background: url(../i/book_bttn.gif) 0 -45px no-repeat;}	

body#homepage #three-good-reasons {width:267px; height:312px; background:url(../i/3_good_back.gif) bottom left no-repeat; }
h2.three-title {background:url(../i/3_good_title.gif) top left no-repeat; text-indent:-9999px; width:267px; height:77px;}
h3.reasons {font-size:24px; color: #cc0000; font-weight:bold; line-height:24px;}
h4.read-more  {text-indent:-9999px;padding-top:13px; }
h4.read-more  a {width:237px; height:45px;  background:url(../i/read_more_bttn.gif) 0px 0px no-repeat; display:block;}	
h4.read-more  a:hover {background: url(../i/read_more_bttn.gif) 0 -45px no-repeat;}

body#homepage #what-they-say {width:279px; height:312px; background:url(../i/what_back.gif) bottom left no-repeat; }
h2.what-title {background:url(../i/what_title.gif) top left no-repeat; text-indent:-9999px; width:267px; height:77px;}
body#homepage #what-they-say h3 {padding-left:10px; padding-right:30px; padding-top:5px; font-weight:bold; line-height:1.3em; color:#666;  }
h4.find-out-more  {text-indent:-9999px;padding-top:5px; }
h4.find-out-more  a {width:237px; height:45px;  background:url(../i/find_out_bttn.gif) 0px 0px no-repeat; display:block;}	
h4.find-out-more  a:hover {background: url(../i/find_out_bttn.gif) 0 -45px no-repeat;}

/* 2 Column Content - Article Page

-----------------------------------------------------------------------*/

body#page  #banner {width: 920px; height:123px; background:url(../i/banner01_page.gif) top left no-repeat;}

body#page  #left-col {width: 292px; float:left; padding-bottom:15px;}

body#page  #right-col {width: 592px; float:right; padding-bottom:15px;}

/*body#page  #content h2.title {display:block; width:153px; background:#fff url(../i/title_the_course.gif) top left no-repeat; color:#33cc00; font-weight:bold; height:51px; text-indent:-9999px; margin-top:10px;}*/
h2.title {color:#33cc00; line-height:2px; padding-bottom:0px; margin-bottom:0px;}
/*---- Header styling ---*/
.sIFR-active h1.title {
  visibility: hidden;
  font-size: 72px;
	}


/* Centre Column Content  / Boxes

-----------------------------------------------------------------------*/




/* Left Column Boxes

-----------------------------------------------------------------------*/



/* Right Column Boxes

-----------------------------------------------------------------------*/



/* Footer 

-----------------------------------------------------------------------*/

#footer {}

#footer-middle-background {width:920px; height:335px; background:url(../i/footer.gif) top left no-repeat; margin: 0 auto;}

#footer-left {width:292px; height:195px; float:left; padding-bottom:10px; padding-top:33px;}
#footer-enclose {width:592px; height:255px; float:right; padding-bottom:10px; padding-top:33px;}
#footer-enclose-middle {width:303px; height:255px; float:left;}
#footer-enclose-right {width:289px; height:216px; float:right;}

#foodactive-friends {width:267px; height:195px; margin-left:25px;}
h3.friend-title {background:url(../i/friends_title.gif) top left no-repeat; text-indent:-9999px; width:199px; height:36px;}
h4.aldi {margin: 0 auto; margin-top:20px; width:80px; height:96px; background:url(../i/aldi.gif) top left no-repeat; text-indent:-9999px;}

#member-login {width:267px; height:255px;}
h3.member-title {background:url(../i/member_title.gif) top left no-repeat; text-indent:-9999px; width:267px; height:36px;}
#login_member {padding-top:20px;}
.textboxstyle{ background:url(../i/textfield.gif) top left no-repeat; border:0; height: 29px; width: 261px; padding-top:6px; padding-left:6px;}

#keep-connected {width:279px; height:216px;}
h3.keep-title {background:url(../i/keep_title.gif) top left no-repeat; text-indent:-9999px; width:267px; height:36px;}
h4.tell-us, button.modalInput  {text-indent:-9999px;padding-top:20px; border:none;cursor:pointer;}
h4.tell-us   a, button.modalInput {width:274px;height:45px;  background:url(../i/tell_us_bttn.gif) 0px 0px no-repeat; display:block;}	
h4.tell-us    a:hover, button.modalInput:hover {background: url(../i/tell_us_bttn.gif) 0 -45px no-repeat;}	
#facebook {float:left; margin-left:10px; padding-top:20px;}
#twitter {float:right; margin-right:10px; padding-top:20px;}

#footer_info { width: 920px; height: 29px; margin: 0 auto; clear:both; text-align:center; }
#footer_info p { color:#fff;text-align:center; line-height:2em;}


/* Footer  - tell us Pop-up

-----------------------------------------------------------------------*/
#tellus_form {width:267px; height:255px; }
h3.tellus-title {background:url(../i/tell_us_title.gif) top left no-repeat; text-indent:-9999px; width:267px; height:36px;  }
#login {padding-top:20px; padding-left:20px;}
.messageboxstyle{ background:url(../i/messagefield.gif) top left no-repeat; border:0; height: 123px; width: 261px; padding-top:6px; padding-left:6px; margin-bottom:20px;}