html, body {
height: 100%;
margin: 0;
padding: 0;

}


img#bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

img#fwflogo{
position:fixed;
top:0;
left:10px;
float:left;
z-index:2;
}

#flashAd{
position:fixed;
top:396px;
left:16px;
float:left;
z-index:3;
width:120px;
height:120px;
}

div.main{
position:absolute;
float:left;
left:0px;
height:100%;
width:700px;
z-index:2;
}

div.mainframe{
position:relative;
margin-left:150px;
z-index:2;
text-align:center;
}

div.sidebar{
position:absolute;
right:0px;
background-color:#ffffff;
width:275px;
height:630px;
padding-right:20px;
padding-left:10px;
top:0px;
z-index:3;
font-family:arial,helvetica;
}

div.sidebartext{
padding-left:10px;
padding-right:5px;
font-family:arial,helvetica;
font-size:small;
text-align:left;
}

div.sidebartext a{
text-decoration:none;
color:#000000;
}

div.sidebartext a:hover{
text-decoration:underline;
}

div.sidebar p{
font-size:small;
padding-left:2px;
text-align:left;
}

div.sidebar a{
text-decoration:none;
color:#000000;
}

div.sidebar a:hover{
text-decoration:underline;
}

div.top{
z-index:2;
position:absolute;
top:0px;
left:180px;
}

div.topframe{
z-index:2;
text-align:center;
}

div.topframe a:hover{
 /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}


div.top a:hover{
 /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}


div.scroll {
height: 220px;
width: 480px;
background-color:#ffffff;
  border:1px solid #ffffff
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
overflow:hidden;
margin-left:20px;
padding:15px;
}

div.scroll2 {
height: auto;
width: 480px;
background-color:#ffffff;
  border:1px solid #ffffff
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
overflow:hidden;
margin-left:20px;
padding:15px;
}

div.scroll h2{
font-size:medium;
}

/* ----------   Load External Fonts --------- */

@font-face {
font-family: "anivers";
src: url("http://www.finewinefair.org/fonts/Anivers_Regular.otf") format("opentype");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
font-family: "aniversbold";
src: url("http://www.finewinefair.org/fonts/Anivers_Bold.otf") format("opentype");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
font-family: "kabelmed";
src: url("http://www.finewinefair.org/fonts/ITCKabelStd-Medium.otf") format("opentype");
}

@font-face {
font-family: "kabelbook";
src: url("http://www.finewinefair.org/fonts/ITCKabelStd-Book.otf") format("opentype");
}

@font-face {
font-family: "kabelbold";
src: url("http://www.finewinefair.org/fonts/ITCKabelStd-Bold.otf") format("opentype");
}

@font-face {
font-family: "anivers";
src: url("http://www.finewinefair.org/fonts/Anivers_Regular.eot");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
font-family: "aniversbold";
src: url("http://www.finewinefair.org/fonts/Anivers_Bold.eot");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
font-family: "kabelmed";
src: url("http://www.finewinefair.org/fonts/ITCKabelStd-Medium.eot");
}

@font-face {
font-family: "kabelbook";
src: url("http://www.finewinefair.org/fonts/ITCKabelStd-Book.eot");
}

@font-face {
font-family: "kabelbold";
src: url("http://www.finewinefair.org/fonts/ITCKabelStd-Bold.eot");
}

/* ----------   Main Text Box Format --------- */

div.contentbox {
height: auto;
width: 560px;
background-color:#ffffff;
background: rgba(255, 255, 255, 0.8);
  border:2px solid #ffffff;
  border-radius:15px;
/*  --- Old Opacity Code --- */  
  /* for IE
  filter:alpha(opacity=80);
  CSS3 standard
  opacity:0.8; */
/* ------------------------- */
margin-left:20px;
font-family:kabelmed, "Gill Sans", Verdana;
font-size:small;
padding:10px 30px 30px 30px;
text-align:center;
}

div.contentbox p{
text-align:justify;
}

div.contentbox h4{
text-align:left;
font-family:kabelbold, "Gill Sans", Verdana;
margin: 30px 0px 20px 0px;
padding:0;
font-size:34px;
color:black;
}

div.contentbox strong{
font-family:kabelbold;}

div.contentbox table{
text-align:left;
}

div.submenu {
text-align:left;
font-size:16px;
margin-left:0px; 
color:grey
}

div.contentbox ul{
text-align:left
}

div.contentbox img{
text-align:left
}

div.contentbox a{
text-decoration:none;
color:#000000;
}

div.contentbox a:hover{
text-decoration:underline;
}

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

div.exhibitor{
min-height:130px;
background: grey;
background-color:rgba(153,153,153,0.4);
border:1px solid black;
padding:10px 10px 4px 10px;
text-align:left;
}

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

div.scroll h2{

font-family:kabelmed, "Lucida Sans Unicode" ,Verdana;
text-align:center;
}

div.scroll p{
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
margin-left:5px;
margin-top:5px;
}





table.buyticket{
padding:5px;
font-size:small;
}

table.buyticket a{
text-decoration:underline;
}

fieldset{
margin:15px;
}

/* ---------  homepage ---------- */

#homepage{
	width:550px;
	overflow: hidden;
	margin:10px 125px 60px 125px;
	text-align:justify;
	color:black;
	line-height:16px;
}

.basic{
	font-family:kabelmed, "Lucida Sans Unicode", Verdana;
	font-size:14px;
	}

#headline{
	border:2px solid white;
	padding:0px 30px;
	background: white;
	background: rgba(255, 255, 255, 0.8);
	}

#shout{
	font-size:44px;
	font-family:kabelbold, "Lucida Sans Unicode", Verdana;
	}
	
#byeline{
	font-size:24px;
	font-family:kabelmed, "Lucida Sans Unicode", Verdana;
	}
	

