@charset "UTF-8";

html
{
	background: url(../img/bg/paper.jpg) repeat top left;
}

body
{
	position: relative;
}

p
{
	text-align: left;
	font-family: Georgia, serif;
	line-height: 1.5em;
	padding-bottom: 5px;
}

ul
{
	text-align: left;
	font-family: Georgia, serif;
	line-height: 1.5em;
	list-style: disc;
}

h2, h3
{
	text-align: left;
	font-family: Georgia, serif;
	font-size: 1.5em;
	line-height: 2em;
	list-style: disc;
}

#logo
{
	position: absolute;
	top: 30px;
	left: 270px;
	width: 412px;
	height: 104px;
	z-index: 10;
}
#logo h1 
{
	display: none;
}

#navigation
{
	position: absolute;
	background: url(../img/bg/navigation.png) no-repeat top left;
	left: 19px;
	top: 36px;
	width: 781px;
	height: 86px;
	z-index: 20;
}

#navigation a span  { display: none; }

#navigation a { margin: 0 10px; }

#menu_arrow 
{
	position: absolute;
	top: 44px;
	height: 20px;
	width: 17px;
	background: url(../img/illu/menu_arrow.png) no-repeat top left;
	z-index: 21;
}
/*these are used to position the arrow in the correct position on each page*/
.home_page { left: 34px; }
.daily_menu_page { left: 138px;  }
.venue_hire_page { left: 263px; }
.contact_us_page { left: 364px; }
.car_boot_page { left: 491px; }
.gallery_page { left: 612px; }

a#home_nav_link { background: url(../img/illu/home_nav_link.png) no-repeat top left; height: 58px; width: 60px; float: left; cursor: pointer; }
a#daily_menu_nav_link { background: url(../img/illu/daily_menu_nav_link.png) no-repeat top left; height: 58px; width: 100px; float: left; cursor: pointer; }
a#venue_hire_nav_link { background: url(../img/illu/venu_hire_nav_link.png) no-repeat top left; height: 58px; width: 100px; float: left; cursor: pointer; }
a#contact_us_nav_link { background: url(../img/illu/contact_us_nav_link.png) no-repeat top left; height: 58px; width: 90px; float: left; cursor: pointer; }
a#car_boot_nav_link { background: url(../img/illu/car_boot_sale_nav_link.png) no-repeat top left; height: 58px; width: 120px; float: left; cursor: pointer; }
a#gallery_nav_link { background: url(../img/illu/gallery_nav_link.png) no-repeat top left; height: 58px; width: 90px; float: left; cursor: pointer; }

a.home_nav_link_selected { }
a.daily_menu_nav_link_selected {  }
a.venue_hire_nav_link_selected {  }
a.contact_us_nav_link_selected { }
a.car_boot_nav_link_selected { }
a.gallery_nav_link_selected { }

/*
#smudge
{
	float: left;
	background: url(../img/bg/smudge.png) no-repeat top left;
	width: 100%;
	height: 100%;
}

#twirls
{
	float: left;
	background: url(../img/bg/twirls.png) no-repeat top left;
	width: 100%;
	height: 100%;
}
*/


#mainarea_photo
{
	background: url(../img/bg/mainarea_photos.png) no-repeat top left;
	background-position: 0 0;
	position: absolute;
	top: 105px;
	left: 185px;
	height: 606px;
	width: 774px;
}

#mainarea_photo_simple
{
	background: url(../img/bg/mainarea_photos_simple.png) no-repeat top left;
	background-position: 22px 0;
	position: absolute;
	top: 105px;
	left: 185px;
	height: 606px;
	width: 774px;
}

#mainarea_content
{
	position: absolute;
	top: 37px;
	left: 66px;
	height: 501px;
	width: 701px;
	background: url(../img/bg/mainarea_photo.jpg) no-repeat left -251px;
	z-index: 19;
}


#home_feature
{
	background: url(../img/illu/cafe_house.png) no-repeat top left;
	height: 165px;
	width: 341px;
	z-index: 20;
	bottom: 50px;
	position: absolute;
	left: 0;
}

#flying_plane
{
	background: url(../img/illu/flying_plane.png) no-repeat top left;
	height: 19px;
	width: 59px;
	z-index: 20;
	top: 320px;
	position: absolute;
	left: 560px;
}

#main_text
{
	width: 745px;
	overflow: hidden;
	position: absolute;
	top: 569px;
	left: -66px;
/*	z-index: 100;
	box-shadow:inset 10px #000000;
	-moz-box-shadow:inset 10px #000000;*/
}

#main_text_inner
{
	background: #FFF;
	width: 665px;
	float: left;
	padding: 0 40px;
}

#main_text_bottom
{
	background: url(../img/bg/mainarea_text_bottom.png) no-repeat bottom left;
	float: left;
	width: 775px;
	display: block;
	height: 26px;
	margin-bottom: 20px;
}

#main_text_toggle
{
	position: absolute;
	top: 62px;
	left: 80px;
	background: url(../img/illu/text_scroll_pull.png) no-repeat top left;
	height: 52px;
	width: 522px;
	z-index: 25;
	cursor: pointer;
}

#menu_board
{
	background: url(../img/bg/menu_board.png) top left no-repeat;
	position: absolute;
	top: 70px;
	left: 88px;
	width: 612px;
	height: 436px;
	z-index: 25;
}

.menu_column_one, .menu_column_two
{
	width: 220px;
	position: absolute;
}

.menu_column_one 
{
	top: 70px;
	left: 70px;
}
.menu_column_two
{
	top: 70px;
	left: 316px;
}



#menu_board 
{
	display: none;
}

#menu_board p
{
	color: #D4D4D2;
	
}

#deserts, #kids, #sandwiches, #hamburgers, #mains { display: none; }

#breakfast_sub_nav 
{
	position: absolute;
	top: 125px;
	left: 8px;
	height: 45px;
	width: 91px;
	cursor: pointer;
	z-index: 15;
	display: none;
}

#mains_sub_nav
{
	position: absolute;
	top: 175px;
	left: 30px;
	height: 45px;
	width: 74px;
	cursor: pointer;
	z-index: 15;
	display: none;
}
#hamburgers_sub_nav
{
	position: absolute;
	top: 225px;
	left: -5px;
	height: 45px;
	width: 104px;
	cursor: pointer;
	z-index: 15;
    display: none;
}
#sandwiches_sub_nav
{
	position: absolute;
	top: 275px;
	left: -4px;
	height: 45px;
	width: 103px;
	cursor: pointer;
	z-index: 15;
	display: none;
}
#kids_sub_nav
{
	position: absolute;
	top: 325px;
	left: 42px;
	height: 45px;
	width: 63px;
	cursor: pointer;
	z-index: 15;
	display: none;
}
#desserts_sub_nav
{
	position: absolute;
	top: 375px;
	left: 21px;
	height: 45px;
	width: 81px;
	cursor: pointer;
	z-index: 15;
	display: none;
}

#facebook_link
{
	position: absolute;
	top: 545px;
	left: 211px;
	height: 48px;
	width: 54px;
	display: block;
	z-index: 24;
	background: url(../img/illu/facebook_link.png) top left no-repeat;
}


#loungefest_link
{
	position: absolute;
	top: 545px;
	left: 66px;
	height: 48px;
	width: 125px;
	display: block;
	z-index: 22;
	background: url(../img/illu/loungefest_link.png) top left no-repeat;
}

#advertising
{
	position: absolute;
	top: 150px;
	left: 490px;
	height: 500px;
	width: 500px;
	display: block;
	z-index: 25;
	background: url(../img/illu/advertising_sep_11.png) top left no-repeat;
}

#opening_times
{
	position: absolute;
	top: 480px;
	left: 88px;
	height: 50px;
	width: 560px;
	display: block;
	z-index: 22;
	color: #fff;
	font-family: Georgia, serif;
	font-size: 1.1em;
	text-align: left;
}

#hamburger_drawing
{
	position: absolute;
	z-index: 30;
	width: 117px;
	height: 104px;
	top: 200px;
	left: 70px;
}
#bread_drawing
{
	position: absolute;
	z-index: 30;
	width: 89px;
	height: 61px;
	top: 280px;
	left: 440px;
}
#cake_drawing
{
	position: absolute;
	z-index: 30;
	width: 103px;
	height: 108px;
	top: 250px;
	left: 440px;
}

#gallery_slider
{
	width: 647px;
	height: 501px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 27px;
	display: none;
}

#gallery_holding
{
	width: 2588px /* 1941px /*1294px*/;
	height: 501px;
	position: absolute;
	top: 0;
	left: 0;
}

#modal_gallery_show
{
	background: left;
	position: absolute;
	top: 0;
	left: 0;
	background: #333;
	z-index: 50;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	display: none;
}

#modal_gallery_photo_holder
{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 51;
	background: url(../img/bg/modal_image.jpg) bottom left repeat #FFF;
}


#modal_galery_image img
{
	float: left;
}

#close_modal_image
{
	position: absolute;
	top: -8px;
	right: -8px;
	cursor: pointer;
}

.polaroid_thumbnail
{
	cursor: pointer;
}

#picture1 {position: absolute; top: 99px; left: 23px;}
#picture2 {position: absolute; top: 220px; left: 23px;}
#picture3 {position: absolute; top: 326px; left: 23px;}
#picture4 {position: absolute; top: 99px; left: 157px;}
#picture5 {position: absolute; top: 220px; left: 157px;}
#picture6 {position: absolute; top: 326px; left: 157px;}
#picture7 {position: absolute; top: 99px; left: 332px;}
#picture8 {position: absolute; top: 220px; left: 332px;}
#picture9 {position: absolute; top: 326px; left: 332px;}
#picture10 {position: absolute; top: 99px; left: 466px;}
#picture11 {position: absolute; top: 220px; left: 466px;}
#picture12 {position: absolute; top: 326px; left: 466px;}
#picture13 {position: absolute; top: 99px; left: 705px;}
#picture14 {position: absolute; top: 220px; left: 705px;}
#picture15 {position: absolute; top: 326px; left: 705px;}
#picture16 {position: absolute; top: 99px; left: 839px;}
#picture17 {position: absolute; top: 220px; left: 839px;}
#picture18 {position: absolute; top: 326px; left: 839px;}

#picture19 {position: absolute; top: 99px; left: 1014px;}
#picture20 {position: absolute; top: 220px; left: 1014px;}
#picture21 {position: absolute; top: 326px; left: 1014px;}
#picture22 {position: absolute; top: 99px; left: 1148px;}
#picture23 {position: absolute; top: 220px; left: 1148px;}
#picture24 {position: absolute; top: 326px; left: 1148px;}

#picture25 {position: absolute; top: 99px; left: 1323px;}
#picture26 {position: absolute; top: 220px; left: 1323px;}
#picture27 {position: absolute; top: 326px; left: 1323px;}
#picture28 {position: absolute; top: 99px; left: 1457px;}
#picture29 {position: absolute; top: 220px; left: 1457px;}
#picture30 {position: absolute; top: 326px; left: 1457px;}

#picture31 {position: absolute; top: 99px; left: 1638px;}
#picture32 {position: absolute; top: 220px; left: 1638px;}
#picture33 {position: absolute; top: 326px; left: 1638px;}
#picture34 {position: absolute; top: 99px; left: 1772px;}
#picture35 {position: absolute; top: 220px; left: 1772px;}
#picture36 {position: absolute; top: 326px; left: 1772px;}


#previous { position: absolute; top: 215px; left: -114px; display: none; }
#next { position: absolute; top: 215px; right: -85px; display: none; }



#contact
{
	position: absolute;
	top: 100px;
	left: 95px;
	width: 494px;
	height: 323px;
	background: url(../img/bg/contact.png) top left no-repeat;
	text-align: left;
	padding: 40px 0 0 40px;
	font-family: Georgia, serif;
}

#contact h2
{
	font-size: 18px;
}

#contact .contact_form_row
{
	float: left;
	padding: 10px 0;
	width: 400px;
}

#contact .contact_form_row span.contact_form
{
	float: left;
	width: 100px;
}


#contact .contact_form_row input[type=text]
{
	border: 1px solid #000;
	height: 25px;
	width: 200px;
}

#contact .contact_form_row textarea
{
	border: 1px solid #000;
	height: 75px;
	width: 200px;
}

#contact .contact_form_row .buttons
{
	margin: 0 5px;
}

#contact .contact_form_row #submit_button
{
	margin-left: 100px;
}

.error
{
	color: #900;
}

#venue_hire
{
	position: absolute;
	top: 80px;
	right: 25px;
}
#venue_hire_1 
{
	position: absolute;
	top: 70px;
	left: 20px;
	z-index: 25;
	width: 290px;
	height: 410px;
}
#venue_hire_2 
{
	position: absolute;
	top: 70px;
	left: 380px;
	z-index: 25;
	width: 290px;
	height: 410px;
}