/* 
	borellis screen based style sheet 

	version: 1.0
	last update: 20-03-2006

*/
body { margin: 0; padding: 0; 
	color: #7f7f7f; position: relative; width: 100%; 
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #aaa;
}


* html body {
	font-size: x-small; /* IE5/win */
	f\ont-size: small; /* all other IE versions */
}

#main-body { 
	color: #7d7d7d;
	font: 11px Arial, Helvetica, sans-serif;
	background: transparent url(../images/bg.gif) repeat-y 50% 0; }

/* generic styles */
a { text-decoration:none; color: #000; }
a:hover { text-decoration: underline; }

h4, h5 { color: #81a6dd; margin: 11px 0 0 0; font-size: 11px;  }
h5 { font-size: 12px; }

p { margin: 2px 0 0 0; }

table { padding: 0; margin: 11px 0 0 0; }
table th { color: #81a6dd; text-align:left; }


/* main container */
#container { margin: 0 auto 0; width: 720px; text-align: left; position: relative; }


#container .spacer { clear: both; }



/* splash - header */
#splash-header {
	position: absolute; top: 40px;	left: 0; width: 720px; height: 520px;
}

/* header style for home page link */
#splash-header #home { 
	position: absolute; top: 0; left:0; width: 720px; height: 520px; 
	display:block; z-index: 2; }

#splash-header h1, #splash-header h2 { padding: 0; margin: 0; }

/* splash - borellis header */
#splash-header h1 { 
	position: absolute; top: 0;	left: 0; width: 720px; height: 520px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-color: transparent;
}

#splash-header h1 span, #splash-header h2 span, #splash-header a span { display: none; }

/* splash - welcome text */
#splash-header h2 { display: none; }

#splash-header a { display: block; height: 520px; text-decoration: none; }




/* borellis home header */
#borellis-header { position: absolute; top: 0; left: 0; width: 720px; height: 100px; }
#borellis-header h1, #borellis-header h2 { padding: 0; margin: 0; }
#borellis-header h1 { 
	position: absolute; top: 0;	left: 0; width: 720px; height: 87px;

	background-position:0 0;
	background-repeat:no-repeat;
	background-color: transparent;
}
#borellis-header h1 span, #borellis-header h2 span, #borellis-header a span { display: none; }



/* home -  menu rollovers */
#promo dl,
#about dl,
#wine dl,
#eat dl,
#comedy dl { float: left; margin: 140px 0 0 0;}

#promo dl dt a span, #promo dl dd,
#about dl dt a span, #about dl dd,
#wine dl dt a span, #wine dl dd,
#eat dl dt a span, #eat dl dd,
#comedy dl dt a span, #comedy dl dd { display: none; }

#about dl { padding: 0 0 0 30px; }
#about dl dt a {
	display: block; width: 72px; height: 213px; 
	background: transparent url(../images/about.jpg) no-repeat 0 0; }
#about dl dt a:hover {	background-position: 0 -213px;}

#wine dl { padding: 0 0 0 60px; }
#wine dl dt a { 
	display: block; width: 100px; height: 213px; 
	background: transparent url(../images/wine.jpg) no-repeat 0 0; }
#wine dl dt a:hover { background-position: 0 -213px;}

#eat dl { padding: 0 0 0 40px; }
#eat dl dt a { 
	display: block; width: 109px; height: 213px; 
	background: transparent url(../images/eat.jpg) no-repeat 0 0; }
#eat dl dt a:hover { background-position: 0 -213px;}

#comedy dl { padding: 0 0 0 40px; }
#comedy dl dt a {
	display: block; width: 120px; height: 213px;
	background: transparent url(../images/comedy.jpg) no-repeat 0 0; }
#comedy dl dt a:hover { background-position: 0 -213px;}

#promo dl { padding: 0 0 0 10px; }
#promo dl dt a {
	display: block; width: 117px; height: 213px;
	background: transparent url(../images/promo.jpg) no-repeat 0 0; }
#promo dl dt a:hover { background-position: 0 -213px;}


/* header container */
#header { position: relative; top: 0; left: 0; width: 720px; height: 87px; }
#header h1, #header h2 { padding: 0; margin: 0; }
#header h1 { 
	position: absolute; top: 0;	left: 0; width: 720px; height: 87px;

	background-position:0 0;
	background-repeat:no-repeat;
	background-color: transparent;
}
#header h1 span, #header h2 span, #header a span { display: none; }

#header h1 a { 
	position: absolute; top: 0; left:0;
	display: block; z-index: 10; width: 720px; height: 1px; padding: 45px 0 40px 0; }


/* menu styles */
#menu { 
	position: relative; width: 136px; float: left;
	margin: 68px 0 0 0;
	font-size: 11px; }
#menu h2 { display: none; }
#menu ul { margin: 0 0 0 30px; padding: 0; list-style: none; background-image:none;}
#menu ul li { margin: 0; padding: 0; display: block; background-image:none;  }

#menu a { display: block; padding: 0; width: 100px; color: #aab1bc; }
#menu li#current a, #menu a:hover, #menu li#current span { text-decoration: none; color: #81a6dd; }



/* content container */
#content { position: relative; width: 584px; float: left; }

#content h3 span { display: none; }

#content form { margin: 10px 0 20px 0; 	padding: 0; }
#content form dl { margin: 0; padding: 0; }
#content form dl dt { margin: 0; padding: 0 0 2px 0; }
#content form dl dd { margin: 0; padding: 0 0 11px 0; }
#content form input { width: 250px; background-color: #fff; }

#content form textarea { width: 250px; height: 100px; background-color: #fff; }

#content form dl dt a { display: block; width: 56px; height: 1px; padding: 5px 0 4px 0; margin: 0; background: url(../images/submit.gif) no-repeat 0 0; }
#content form dl dt a span { display: none; }

#content form dl dt.radio { float: left; display: block; padding: 0 0 30px 0; width: 100px; }
#content form dl dd.radio input { width: auto; border:none;}
#content form dl dd.radio span { display: block; width: 100px; float: left; }

#content form dl dt.mlist { float: left; display: block; padding: 0 0 30px 0; width: 170px; }
#content form dl dd.mlist input { width: auto; border:none; }



#content span.warning { color: red; }
#content form.hidden, #content input.hidden { padding: 0; margin: 0; display: none; }

#content input,
#content textarea { border: 0.1em solid #aaa; }
#content input.invalid,
#content textarea.invalid {
	background-color: #ffcccc; border: 0.1em; border-color: #bb0000 !important; border-style: solid; }
#content input.invalid:focus,
#content textarea.invalid:focus {
	background-color: #ffcccc; border: 0.1em; border-color: #bb0000 !important; border-style: solid; }
#content input:focus,
#content textarea:focus { 
	background-image: none; border: 0.1em; border-color: #000; border-style: solid; }


#content input[type="checkbox"]:focus,
#content input[type="radio"]:focus { border: 0; }
#content .boxes { border: none; }
#content .required { background: #fff url(../images/required.gif) no-repeat center right; }
#content .top { background-position: 100% 5%; }

#content .body { position: relative; display: block; }

.eat #content .body { width: 340px; }
.wine #content .body { width: 350px; }
.about #content .body { width: 350px; }
.promo #content .body { width: 350px; }



.about #content h3 {
	display: block; width: 584px; height: 1px; padding: 28px 0 28px 0; margin: 0 0 11px 0;
	background: transparent url(../images/about-head.jpg) no-repeat 0 0;
}

.promo #content h3 {
	display: block; width: 584px; height: 1px; padding: 28px 0 28px 0; margin: 0 0 11px 0;
	background: transparent url(../images/promo-head.jpg) no-repeat 0 0;
}

	
.comedy #content h3 {
	display: block; width: 584px; height: 1px; padding: 28px 0 28px 0; margin: 0 0 11px 0;
	background: transparent url(../images/comedy-head.jpg) no-repeat 0 0;
}

.eat #content h3 {
	display: block; width: 584px; height: 1px; padding: 28px 0 28px 0; margin: 0 0 11px 0;
	background: transparent url(../images/eat-head.jpg) no-repeat 0 0;
}

.wine #content h3 {
	display: block; width: 584px; height: 1px; padding: 28px 0 28px 0; margin: 0 0 11px 0;
	background: transparent url(../images/wine-head.jpg) no-repeat 0 0;
}


#content .break-top { padding-top: 10px; background: transparent url(../images/line-break.gif) no-repeat 0 0;}
#content .break-bottom { padding-bottom: 5px; background: transparent url(../images/line-break.gif) no-repeat 0 100%;}


#content .items { position:relative; width: 99%; }

#content .items .item { position: relative; width: 99%; }
#content .items .item dl,
#content .items .item dl dt,
#content .items .item dl dd { margin: 0; padding: 0; }

#content .items .item dl dt,
#content .items .item dl dd { padding: 0 20px 0 0; }

#content .items .item dl { margin-top: 6px; }


#content .items .item dl.left{ padding: 8px 0 6px 0; display: block; float: left; width: 350px; background: transparent url(../images/line-break.gif) repeat-x 0 0; }
#content .items .item dl.right{ padding: 8px 0 6px 0; margin-right: 30px; display: block; float: right; width: 130px; background: transparent url(../images/line-break.gif) repeat-x 0 0; }

html>body #content .items .item dl.right{ margin-right: 60px; }

#content .items .item dl.left dt { color: #000; }

#content .items .item dl.right dt.none { padding: 0; }

#content .items .item dl.right dt { color: #81a6dd; padding: 0 0 12px 0; }
#content .items .item dl.none dt { padding: 0; }

#content .items .item dl dt.padded, 
#content .items .item dl.padded dt { padding: 14px 0 0 0; }

#content .items div.first dl.left,
#content .items div.first dl.right { background:none; }

#content .items div.list dl.left, 
#content .items div.list dl.right { margin-top: 0; padding: 0; }

#content .items div.padded dl.left, 
#content .items div.padded dl.right { margin-top: 5px; padding-top: 0; }

#content .items div.line dl.left, 
#content .items div.line dl.right { margin-top: 0; padding: 14px 0 0 0; }

#content .promise p { color: #81a6dd; margin: 11px 0 10px 0; padding: 0; font-size: 11px; }

#content .top-anchor { position: relative; }
#content .top-anchor a { 
	position: absolute; top: 10px; left: -100px;
	display: block; width: 30px; padding: 0 0 0 15px;
	background: transparent url(../images/arrow-up.gif) no-repeat 0 2px;
	color: #aab1bc; }

#content .top-anchor a span { font-size: 12px; }

.promo #content { background: transparent url(../images/vert-sep.gif) no-repeat 245px 110px; padding: 0 0 60px 0; }
.promo #content .body p { color: #81a6dd; }
.promo #content h4 { color: #000; font-weight: normal; }
.promo #content .left p,
.promo #content .right p { color: #7f7f7f; padding-right: 45px; }

.promo #content .left,
.promo #content .right { width: 260px; padding: 0 0 0 8px; }

.promo #content .left,
.promo #content .right { float: left; padding-bottom: 180px;}

.promo #content .left a,
.promo #content .right a { color: #81a6dd;}


.promo #content .left { background: transparent url(../images/food-promo.jpg) no-repeat left bottom; }
.promo #content .right { background: transparent url(../images/wine-promo.jpg) no-repeat left bottom; }


.comedy #content { background: transparent url(../images/long-sep.gif) no-repeat 240px 70px; }

.comedy #content h4,
.comedy #content h5 { margin: 0; color: #81a6dd; font-weight: normal; }

.comedy #content h5 { font-size: 11px;  }

.comedy #content .left p,
.comedy #content .right p { color: #7f7f7f; padding-right: 45px; margin-bottom: 11px;  }

.comedy #content .left,
.comedy #content .right { width: 260px; padding: 0; }

.comedy #content .left,
.comedy #content .right { float: left; padding-bottom: 295px;}

.comedy #content .left a,
.comedy #content .right a { color: #7f7f7f;}


.comedy #content .left { background: transparent url(../images/comedy-image.jpg) no-repeat left bottom; }
.comedy #content .right { background: transparent url(../images/music-image.jpg) no-repeat left bottom; }