* {
  margin: 0;
  padding: 0;
}


body {
margin:auto;
margin-top:0px;
background-color:#ccc;
font-family: Helvetica, Verdana, Arial,  sans-serif;
text-align: center;  /*   for IE */

}


/* Wrapper */
#wrapper {
width:931px;
min-height: 400px;
height:400px;
margin-left: auto;
margin-right: auto;
background: url(images/wrapper_bg.jpg) repeat-y;
height:auto !important; /* for modern browsers */
}


/* ----- HEADER ----- */

.fadein{
display:none;
}

#header {
width:931;
height: 60px;
background: url(images/header.jpg) no-repeat;
}

#menu ul{
list-style-type: none;
}

#menu{
width: 310px;
float: left;
position: relative;
left:20px;
background: url(images/smallgrad_bg.jpg) repeat-x;
min-height:400px; 
height:auto !important; /* for modern browsers */
height:430px; 
background-color:#fff;
}

#menu_padding{

width: 145px;
position: relative;
top: -50px;
left: 160px;

color:#000;
z-index: 3;

}

#menu_padding a{

font-size: 10px;
color: #000;
text-decoration: none;

}

#menu_padding a:hover{


color: #ccc;

}
/* ----- MAIN CONTENT ----- */

#floatingbox{
  width:180px;
  height:180px;
  position: relative;
  
  top: 140px;
  left: -70px;
 z-index: 1; 
 border-right: 8px solid #666;
 border-bottom:  8px solid #666;
 border-left: 8px solid #ccc;
 border-top: 8px solid #ccc;
background-color:#fff;
}



#content { 

width:931px;
min-height:350px; 
height:auto !important; /* for modern browsers */
height:350px; 
margin-left:0;
margin-right:auto;
margin-top:0px;
text-align: left;
background: url(images/wrapper_bg.jpg) repeat-y;
color:#fff;
}

#maintext_padding { 

width:550px;
min-height:400px; 
height:auto !important; /* for modern browsers */
height:430px; 
position:relative;
top: 0px;
left: 30px;
text-align: left;
color:#000;
background: url(images/bigcell_bg.jpg) no-repeat;
}

#maintext_padding_wedding { 

width:550px;
min-height:599px; 
height:auto !important; /* for modern browsers */
height:599px; 
position:relative;
top: 0px;
left: 30px;
text-align: left;
color:#000;
background: url(images/wedding_bg.jpg) no-repeat;
}

#maintext_padding_corporate { 

width:550px;
min-height:599px; 
height:auto !important; /* for modern browsers */
height:599px; 
position:relative;
top: 0px;
left: 30px;
text-align: left;
color:#000;
background: url(images/corporate_bg.jpg) no-repeat;
}

#maintext_padding_blank { 

width:550px;
min-height:599px; 
height:auto !important; /* for modern browsers */
height:599px; 
position:relative;
top: 0px;
left: 30px;
text-align: left;
color:#000;

}

#maintext_padding_blank h1{ 
font-size: 14px;
font-weight: bold;
}


#opbox{
width:470px;
height: 120px;
position: absolute;
top: 350px;
left: 10px;
filter:alpha(Opacity=70);
-moz-opacity:.70;
z-index: 3;
background-color:#fff;
padding:10px;
}

#opbox_wedding{
width:460px;
height: 300px;
position: absolute;
top: 240px;
left: 10px;
filter:alpha(Opacity=70);
-moz-opacity:.70;
z-index: 3;
background-color:#fff;
padding:10px;
}

#opbox_corporate{
width:460px;
height: 370px;
position: absolute;
top: 200px;
left: 10px;
filter:alpha(Opacity=70);
-moz-opacity:.70;
z-index: 3;
background-color:#fff;
padding:10px;
}

#opbox_corporate ul{
list-style-type: disc;
list-style-position: inside;
line-height: 14px;
}


#footer{
	width:931px;
	height: 40px;
	margin:auto;
	font-size: 10px;
	color:#666;
	position:relative;
	clear:both;
	padding-top:20px;
	background: url(images/footer_bg.jpg) no-repeat;
	text-align:right;
	}


#maintext{
	font-size: 12px;
	width:581px;
	margin-left:0px;
	float:left;
	position:relative;
	/* background: url(images/wrapper_bg.jpg) repeat-y; */
	background: url(images/bigcell_tallbg.jpg) repeat-y;
	background-position: 30px  0px;
	color:#000;
	min-height: 300px;
}

#maintext_blank{
	font-size: 12px;
	width:581px;
	margin-left:0px;
	float:left;
	position:relative;
	/* background: url(images/wrapper_bg.jpg) repeat-y;
	background: url(images/bigcell_tallbg.jpg) repeat-y;
	background-position: 30px  0px; */
	color:#000;
	min-height: 300px;
}

#elementpic{

	width: 400px;
	float: left;
	text-align:right;
	
	
}
#stats{
	width:220px;
	margin-left:30px;
	float:left;
	}


#gallery{

margin:auto;
}

#cafemenu{
width:500px;

}

.title{
font-size: 18px;
font-weight:bold;
}

.infotext{
	font-size: 14px;
	
	}
.locationtext{
	font-size: 12px;
}
a.backbutton {
	font-size: 12px;
	
	color:#933;
	text-decoration:none;
	}
a.backbutton:hover{color:#fff;}

.hidden {
	position: absolute;
	top: -10000px;
}

.tinytext{
font-size:10px;
}

UL.tabNavigation {
		   list-style: none; 
		    margin-left: 10px;
		    padding: 0px;
		    width: 490px;
		    background: url(images/cateringmenu_bg.jpg) no-repeat;
		    background-color: #fff;
		}

		UL.tabNavigation LI {
		  /* display: inline; */
		    font-size:10px;
			
		}

		UL.tabNavigation LI A {
		  /*   padding: 3px 5px; */
		  background-color: #fff;
		    color: #000;
		    text-decoration: none;
		}

		UL.tabNavigation LI A.selected {
		    background-color: #666;
		    color: #fff;
		    /* padding-top: 7px; */
		}
		
		
		
		UL.tabNavigation LI A:hover {
		    background-color: #6CF;
		    color: #000;
		    /* padding-top: 7px; */
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			padding: 0px;
			margin-top: 3px;
			border-top: 1px solid #333;
			border-left: 1px solid #333;
			border-bottom: 1px solid #333;
			background-color: #fff;
			float:left;
			width: 490px;
			margin-left: 10px;
		
		}
		


		div.tabs > div h2 {
			margin-top: 0;
		}

#catering_padding{
width:490px;
margin:auto;
margin-top: 10px;
}

#catering_padding ul{
list-style-position:outside;
margin-left: 20px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	font-size: 12px;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 10;
	width:500px;
	font-size:10px;
	text-align: center;
	}




#popuppics{
width:500px;
height: 400px;
margin:auto;
background-color: #666;


}

#popupcaption{
clear:all;
width:480px;
height: 150px;
padding: 10px;
margin: auto;
background-color: #666;
font-size: 12px;
color:  #fff;
text-align: left;
}

#popupcaption a{
text-decoration: none;
color: #ccc;
}

#popupcaption a:hover{
color: #fff;
text-decoration: underline;
}

#historytext{
width: 470px; padding-left: 10px; padding-bottom: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
}

#contact_table{
font-size: 12px;
}

#map{
width: 485px;
height:341px;
background: url(images/map.jpg) no-repeat;
}

a.maplink{color: #666; font-weight: bolder; text-decoration:none;}
 a.maplink:hover{color:#66F;text-decoration:underline;}