html, body
{
height: 100%;
}

img
{
border: 0px;
}

.both 
{
background-image: url(images/stripes.jpg); 
background-repeat: repeat;
padding: 0;
margin: 0;
top: 0px;
font-size: 12px;
}

ul.wide li 
{ 
margin: 10px -15px;
}

ul.bullet li
{
list-style-image: url(images/adobepdf.jpg);
border: none; 
}

#maincontainer
{
position: relative;
background-image: url(images/background.jpg);
background-repeat: repeat;
top: 0px;
background-color: #666666;
width: 750px;
min-height: 980px;
padding: 0px;
border: none; 
margin: 0 auto;
z-index: 1;
}

#maincontainercontact
{
position: relative;
background-image: url(images/background.jpg);
background-repeat: repeat;
top: 0px;
background-color: #666666;
width: 750px;
min-height: 1150px;
padding: 0px;
border: none; 
margin: 0 auto;
z-index: 1;
}

#maincontainerrealale
{
position: relative;
background-image: url(images/background.jpg);
background-repeat: repeat;
top: 0px;
background-color: #666666;
width: 750px;
min-height: 1250px;
padding: 0px;
border: none; 
margin: 0 auto;
z-index: 1;
}

#leftshadowsrealale
{
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
left: -20px;
height: 1250px;
width: 10px;
z-index: 5;
}

#rightshadowsrealale
{
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
left: 750px;
height: 1250px;
width: 10px;
z-index: 5;
	}
	
.vertical-text {
	position: absolute;
	top: 175px;
	margin: 0px;
	left: 770px;
	z-index: 5;
	color:#666666;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 1px 0px #e1e1e8;
}


#leftshadowscontact
{
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
left: -20px;
height: 1150px;
width: 10px;
z-index: 5;
}

#rightshadowscontact
{
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
left: 750px;
height: 1150px;
width: 10px;
z-index: 5;
}

#leftshadows
{
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
left: -20px;
height: 980px;
width: 10px;
z-index: 5;
}

#rightshadows
{
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
left: 750px;
height: 980px;
width: 10px;
z-index: 5;
}

#mainpic
{
position: absolute;
top: 0px;
left: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: 750px;
height: 600px;
border: none; 
z-index: 2;
}

#topnav
{
position: absolute;
top: 130px;
left: 15px;
margin: 0;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border: none; 
z-index: 2;
}

#navbanner
{
position: relative;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
background-color: #666666;
top: 0px;
width: 750px;
height: 150px;
padding: 0px;
margin: 0px;
border: 0px;
text-align: left;
z-index: 4;
}

#navbanner2
{
position: relative;
background-image: url(images/background.jpg);
background-color: #666666;
top: 0px;
width: 750px;
height: 150px;
padding: 0px;
margin: 0px;
border: 0px;
text-align: left;
z-index: 4;
}

#logo
{
position: relative;
width: 700px;
height: 100px;
padding: 15px;
border: none; 
margin: 0;
z-index: 5;
}

#telephonenumber {position: absolute; top: 50px; right: 20px;}
.telephonenumber {font-family: georgia, times, serif; color: #cccccc; font-size: 20px; }
#telephonenumber a {color: #cccccc; text-decoration: none;}
#telephonenumber a:hover {text-decoration: underline; color: #ffffff;}

#whitebox
{
overflow: hidden;
position: relative;
top: 20px;
float: left;
padding-left: 20px;
padding-right: 20px;
margin-left: 20px;
width: 330px;
background-color: #ffffff;
opacity: 0.8; /* For Firefox and Safari */
filter:alpha(opacity=80); /* For IE */z-index: 5;
}

#logos
{
position: relative;
top: 450px;
left: 0px;
float: right;
padding-left: 0px;
padding-right: 0px;
width: 210px;z-index: 10;
}


#whitebox2
{
position: relative;
top: 20px;
float: left;
padding-left: 20px;
padding-right: 20px;
margin-left: 20px;
width: 420px;
background-color: #ffffff;
opacity: 0.8; /* For Firefox and Safari */
filter:alpha(opacity=80); /* For IE */z-index: 5;
}


#bottom
{
position: relative;
top: 25px;
float: left;
width: 700px;
height: 50px;
z-index: 5;
}

#bottomabsolute
{
position: absolute;
top: 625px;
float: left;
width: 700px;
height: 50px;
z-index: 5;
}

#bottomourfood {position: absolute; top: 910px; float: left; width: 700px; height: 50px; z-index: 5;}

#bottomevents {position: absolute; top: 640px; float: left; width: 700px; height: 50px; z-index: 5;}

#bottomlinks {position: absolute; top: 720px; float: left; width: 700px; height: 50px; z-index: 5;}

#bottomcontact {position: absolute; top: 960px; float: left; width: 700px; height: 50px; z-index: 5;}

ul
{
list-style: none;
}

#showhide
{
position: absolute;
top: 150px;
left: -120px;
text-align: right;
z-index: 7;
}