/*
CSS for Twist Some More site
*/
/* html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
/*        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
  /*      min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
/* }  */

body {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #8B8989;*/
  background: url(images/black_55_thumb.jpg);
  line-height: 125%;
  padding: 0;
  margin: 0;
}

h1 {
  font-family: "Monotype Corsiva", "Brush Script MT", "Bradley Hand ITC", Georgia, Times, serif;
  padding-top: 0.4em;
  padding-bottom: .4em;
  padding-left: .4em;
  margin: 0;
  /*background: red url(backgrounds/header-bg.jpg) repeat-y right; */
/*  background: white url(images/tagline_bg1.png) no-repeat bottom left; */
  background: white url(images/tagline_bg4.png) no-repeat bottom left;
/*  border: 1px solid black;     */
}

h2 {
  font-family: "Monotype Corsiva", "Brush Script MT", "Bradley Hand ITC", Georgia, Times, serif;
  font-weight: normal;
  margin-top: 30px;
  padding-top: .2em;
  padding-bottom: .4em;
  padding-left: .4em;
/*  background: white url(images/tagline_bg1.png) no-repeat bottom left; */
  background: white url(images/tagline_bg4.png) no-repeat bottom left;
/*  border: 1px solid black; */
}

h3, h4{
  font-family: "Monotype Corsiva", "Brush Script MT", "Bradley Hand ITC", Georgia, Times, serif;
  font-weight: normal;
  margin-bottom: 8px;
  padding-left: .4em;
}

p {
  font-size: small;
}

#bodycontent p {
  padding-left: 10px;
  padding-right: 10px;
}

#cater_enquiries {
  width: 500px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  font-weight: bold;
  font-size: 120%;
  padding-top: .1em;
  padding-bottom: .1em;
  padding-left: .4em;
  background: white url(images/tagline_bg3.png) repeat-x bottom left;
  border: 1px solid #605d5d;
}

#venue_links {
  width: 600px;
  margin-top: 33px;
  margin-left: 150px;
  font-style: italic;
  font-weight: bold;
  font-size: 120%;
}

#convenience_enquiries {
  /*  position: absolute;
  top: 210px;
  left: 175px; */
  width: 350px;
  margin: auto;
  font-weight: bold;
  font-size: 120%;
  padding-top: .2em;
  padding-bottom: .1em;
  padding-left: .8em;
  background: white url(images/tagline_bg3.png) repeat-x bottom left;
  border: 1px solid black;
}

li {
  font-size: small;
  list-style-type: none;
}

ul.bulleted li {
  padding-left: 10px;
  padding-right: 10px;
  font-size: small;
  list-style-type:disc;
}

.testimonial_credit {
  font-weight: normal;
  color: gray;
}

a {
  font-weight: bold;
}

a:link {
  color: black;
}

a:visited {
  color: black; /*white;  /*#8B1A1A; */
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: #B22222;
}

a:active {
  color: red;
  background-color: #D9D3CB;
}

.piclink {
  padding: 20px;
  padding-left: 10px;
  text-decoration: none;
}

.piclink:hover {
  text-decoration: none;
  color: #B22222;
  background-color: #eeeeee;
}

.email_link {
  font-weight: normal;
  font-size: small;
  color:  #8B1A1A;
}

.pagelink:link{
  color: #8B1A1A;
}

.pagelink:visited{
  color: #8B1A1A;
}

.pagelink:hover {
  text-decoration: none;
  color: white;
  background-color: #B22222;
}

.pagelink:active {
  color: red;
  background-color: #D9D3CB;
}

.fun {
  color: #339999;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

blockquote.fun {
  font-style: italic;
  color: black;
  margin-bottom: 30px;
}


/*
This section deals with the position of items on the screen.
It uses absoloute positioning - fixed x and y coordinates measured
from the top-left corner of the browser's content display.
*/

/*  TEMPORARY BORDERS FOR POSITIONING PURPOSES
#header, #tagline, #navigation, #bodycontent {
  border: 1px solid red;
  padding: 2px;
  margin-bottom: 2px;
}
*/

#header {
  width: 960px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
/*  background-color: white; /*#ffff66;*/
/*  border-right: 1px solid #686F8A;
  border-left: 1px solid #686F8A; */
}

#bannerimage {
  width: 960px;
  height: 242px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  background: url(images/banner_img.jpg) no-repeat center top;
/*  background: url(images/newban1.png) no-repeat center top;*/
}

#tagline {
  top: 242px;
  width: 950px;
  height: 40px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  border-left: 5px solid white;
  border-right: 5px solid white;
  background: white url(images/tagline_bg4.png) no-repeat bottom left;
/*  background: #fcf6cf url(images/tagline_bg.png) top no-repeat; */
}

#tagline p {
  margin: 0;
  height: 40px;
  font-style: normal;
  font-weight: bold;
  font-size: 150%;
  color: #333333;
  font-family: "Monotype Corsiva", "Brush Script MT", "Bradley Hand ITC", Georgia, Times, serif;
  padding-top: .2em;
  padding-bottom: .2em;
  letter-spacing: 0.1em;
  text-align: center;
/*  background: #bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right; */
}

#allcontent {
  position: relative;
  width: 950px;
  /*min-height: 100%;*/
  height: 77em;
  background-color: #dddddd;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  border-left: 5px solid white;
  border-right: 5px solid white;
}

#navigation {
  position: absolute;
  margin: 8px;
  width: 190px;
  height: 42em; /* 670px; */
  background: #7f7f7f url(images/perfect_tomato-6.jpg) bottom no-repeat;
/*  border: 1px solid #605d5d; */
}

#navigation ul{
  position: relative;
  left: -30px;
  margin-top: 20px;
/*  margin-left: 0; */
}


#navigation li{
/*  font-family: Verdana, Helvetica, Arial, sans-serif; */
  position: relative;
  left: 5px;
  font-family: "Monotype Corsiva", "Brush Script MT", "Bradley Hand ITC", Georgia, Times, serif;
  font-weight: bold;
  font-size: 120%;
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 35px;
  height: 28px;
  background: url(images/chilli.png) left no-repeat;
/*  background: url(images/icon2.png) left no-repeat; */
}

#navigation li.longtext{
  margin-bottom: 38px;
}

#newsdiv {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 165px;
  height: 65px;
  background: #7f7f7f;
  /*border: 1px solid #605d5d; */
}

a#newslink {
    display: block;
    width: 162px;
    height: 62px;
    background: #7f7f7f url(images/twist_in_news.gif);
    margin: 0 auto;
}

a#newslink:hover {
    background: #7f7f7f url(images/twist_in_news_hover.gif);
}

a .alt { display: none; }

#bodycontent {
/*   position: relative;*/
  position: absolute;
  left: 198px;
  margin: 8px;
  width: 730px;
  height: 75em;
/*  height: 50em; /*800px; */
  background-color: #eeeeee;
 /* border: 1px solid #605d5d; */
  }

#footer_nav {
  position: absolute;
  top: 1200px; /*1075px;*/
  left: 198px;
  margin: 8px;
  width: 576px;
  background-color: #dddddd;
  font-size: x-small;
}

.feature {
  float: right;
  margin: 15px;
}

#uli {
  margin: -10px 15px 10px 15px;
}

/*  position: absolute;
  top: 500px;
  left: 240px;
} */

.navicon {
  text-decoration: none;
  float: left;
  display: inline;
  margin-right: 10px;
} 

/*  #organic {
  margin-top: -90px;
  margin-right: -35px;
  float: right;
}   */ 


#apple {
  margin-top: -40px;
  margin-right: -20px;
  float: right;
}

#newsman {
  margin-top: -70px;
  margin-right: -30px;
  float: right;
}

#foodwine {
  position: absolute;
  top: 565px;
  left: 290px;
}

#basil {
  position: absolute;
  top: 800px;
  left: -160px;
/*  float: left;
  margin-top: 150px;
  margin-left: -170px; */
}

#catering_img {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
}

#demo_img {
  float: left;
  margin-top: 0;
  margin-right: 15px;
}

#demo_img2 {
  position: absolute;
  top: 335px;
  left: 15px;
} 

#demo_img3 {
  position: absolute;
  top: 65px;
  left: 15px;
}

#picnic_img {
  float: right;
  margin-top: 0;
  margin-right: 15px;
}

#saladserve {
  position: absolute;
  top: 710px;
  left: -140px;
}

#conv_img1 {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

#conv_img2 {
  float: right;
  margin-left: 10px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

#strawb {
  margin: 40px auto 0 190px;
}

#lemons {
  margin: 25px auto 0 200px;
}

#cafe {
 /* float: right;*/
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
}

#uli_cafe {
  float: right;
  margin: 70px 50px 20px 0;
}


/*This section deals with the styling of the contact form */

form.contact fieldset {
  margin-top: 0;
  border: 2px solid #551011;
  padding: 10px 20px 10px 50px;
}

form.contact legend {
  font-weight: bold;
  font-size: 90%;
  color: black;  /*#551011; */
  padding: 5px;
}

form.contact input[type="checkbox"] {
  border: 1px solid #551011;
}

form.contact input[type='text'] {
  border: 1px solid #551011;
  width: 25em;
}

form.contact textarea {
  border: 1px solid #551011;
}

form.contact {
  padding: 0;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 150%;
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: #551011;
}

form.contact label.fixedwidth {
  display: block;
  width: 11em;
  float: left;
}

form.contact .buttonarea input{
  margin-left: 110px;
  background-color: #8C1717;
  color: white;
  font-weight: bold;
  padding: 7px;
  border: 1px solid white;   
  font-family: Georgia, Times, serif;
  text-align: center;
}

form.contact .buttonarea input.reset_button {
  margin-left: 170px;
}

form.contact .buttonarea {
/* text-align: center; */
  padding: 4px;
  background: white url(images/tagline_bg3.png) repeat-x bottom left;
/*  background: white url(images/tagline_bg1.png) no-repeat bottom left; */
  margin-top: 15px;
}

form.contact .enterdetails {
  margin: 10px;
}

form.contact #checkbox_list {
  line-height: 200%;
}
form.contact p {
  font-weight: bold;
/*  font-size: normal; */
  padding: 0;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: -10px; 
}

/*This section deals with the styling of the menu table */

table.menu {
  border-collapse: collapse;
  margin: 10px;
  margin-left: 25px;
}

table.menu th, table.menu td{
  padding: 5px 5px;
  border: 1px solid #000066;
}

table.menu th{
  text-align: left;
  height: 2em;
  background: #eeeeee url(images/tagline_bg2.png) bottom left;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.menu td{
  font-size: small;
  background: #eeeeee url(images/tagline_bg3.png) repeat-x top;
}

table.menu .centertext {
  text-align: center;
}

#portionsize {
  position: absolute;
  top: 43em;
  width: 180px;
  height: 15em;
  margin: 8px;
  border: 1px solid black;
  background-color: #eeeeee;
}

#portionsize p {
  padding-left: .4em;
  font-size: 0.9em;
}

#portionsize h3 {
  font-family: "Monotype Corsiva", "Brush Script MT", "Bradley Hand ITC", Georgia, Times, serif;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  padding-top: .2em;
  padding-bottom: .4em;
  padding-left: .4em;
  background: white url(images/tagline_bg4.png) no-repeat bottom left;
  margin: 0;
  letter-spacing: 0.1em;
}

/*This section deals with the styling of the contactdetails table */

table.contactdetails {
  border-collapse: collapse;
  margin: 10px;
}

table.contactdetails td{
  width: 400px;
  font-size: small;
  padding: 0;
/*  border: 1px solid black; */
}

span.fixedwidth {
  font-weight: bold;
  color: #551011;
  display: block;
  width: 7em;
  float: left;
}

#goto_top {
  position: absolute;
  top: 1175px; /*1050px; */
  left: 280px;
  font-size: x-small;
  text-align: center;
  text-decoration: none;
}

#goto_top a{
  text-decoration: none;
}

/*This section deals with the styling of the image gallery */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#thumbnails {
  display:block;
  width:200px;
  height:490px;
  overflow:auto;
/*  float:right; */
  margin-top:10px;
  border:1px solid black;
  padding:5px;
}

.gall_lnk img.thumb {
 border: 1px solid black;
 width: 80px;
 height: 80px;
}

.gall_lnk:hover{
  background-color: transparent;
}

.gall_lnk:hover img.thumb{
  border: 1px solid red;
}

.gall_lnk span{ /*CSS for large image*/
/*visibility: hidden; */
display: none;
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
color: black;
text-decoration: none;
font-size: 65%;
font-weight: bold;
margin-top: 0;
line-height: 1.4em;
}

* html .gall_lnk span{display:block;left:-999em}

.gall_lnk:hover img.hr{ /*CSS for large image*/
/*  visibility: visible; */
  display: block;
  padding: 2px;
/*  width:400px;
  height:268px; */
  border:1px solid black;
}

.gall_lnk:hover img.vt{ /*CSS for large image*/
/*  visibility: visible; */
  display: block;
  padding: 2px;
/*  width:268px;
  height:400px; */
  border:1px solid black;
}

.gall_lnk:hover span{ /*CSS for large image containing area*/
  display: block;
/*  visibility: visible; */
  z-index: 50;
  width:275px;
  top: 20px;
  left: 270px; /*position where large image should offset horizontally */
}

.gall_lnk:hover span.hr{ /*CSS for large image containing area*/
  width:408px;
}

/*.gall_lnk:hover span.vt{ /*CSS for large image*/
/*  visibility: visible;
  width:275px;
} */

#validcode {
  position: absolute;
  top: 1350px;
  left: 1120px;
}