/*

=======================
LAYOUT
=======================

*/
body, td
{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#eeeeee;
font-size:11px;
background-repeat:repeat-y;
background-position:top left;
padding-bottom: 5px;
}
#gray_bg
{
	background-color:#4f4f4f;
	width: 100%;
	height:100%;
	position:absolute;
	top: 228px;
	left: 960px;
	z-index: 2;
}
#black_bg
{
background-color:#000000;
width: 100%;
height: 228px;
position:absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#container
{
position:absolute;
left: 0px;
top: 0px;
z-index:2;
background-color:#5f5f5f;
width: 960px;
height:400px;
}


#flash_header
{
width: 960px;
background-color:#000000;
height: 250px;
margin: 0px;
padding: 0px;
}
.nav
{
background-image: url(http://www.soulbar.co.nz/_img/nav_bg.gif);
height: 322px;
width: 232px;
margin-top: 10px;
float:left;
}
.nav div
{
margin-left: 50px;
font-size:16px;
}
.nav div ul,
.nav div ul li
{
margin: 0px;
list-style-type:none;
padding: 0px;
}
.nav div li a
{
font-size:11px;
color:#eeeeee;
text-decoration:none;
line-height: 20px;
}
.nav div li a b
{
display:none; 
}
.nav div li a:hover
{
color:#ffffff;
}
.nav div li a:hover b
{
display:inline;
color:#f16e3a;
font-weight:100;
}
#content
{
float:left;
margin-left: 25px;
width: 400px;
margin-right: 40px;
} 
#right
{
float: right;
width:220px;
margin-top: 40px;
text-align:right;
}
#right .inner
{
margin-right: 40px;
text-align:right;
padding-right: 40px;
border-right: 1px solid #cccccc;
}
#right .inner ul,
#right .inner li
{
margin: 0px;
list-style-type:none;
padding: 0px;
}
#right .inner li a
{
font-size:11px;
color:#eeeeee;
text-decoration:none;
line-height: 20px;
}
#right .inner li a b
{
color:#5f5f5f;
}
#right .inner li a:hover
{
color:#ffffff;
}
#right .inner li a:hover b
{
display:inline;
color:#f16e3a;
font-weight:100;
}
#right .r_content
{
margin-right: 40px;
margin-top: 40px;
}
#right .r_content a
{
text-decoration:none;
color:#e4e2e3;
line-height: 17px;
font-size:11px;
display:block;
margin-bottom: 30px;
}
#right .r_content a img
{
border: 10px solid #3b3b3b;
}
#right .r_content a b
{
color:#f06d39;
}
#right .r_content a u
{
text-decoration:none;
}
#right .r_content a:hover
{
color: #ffffff;
}
#right .r_content a:hover img
{
border-color:#4b4b4b;
}
#right .r_content a:hover b
{
color:#ffffff;
}
#right .r_content a:hover u
{
text-decoration:underline;
}
.noFlash
{
padding-top: 20px;
margin-left: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 15px;
color:#cccccc;
}
.noFlash b
{
color:#FFFFFF;
}
.noFlash a
{
text-decoration:underline;
color:#FFFFFF;
}
.noFlash a:hover
{
text-decoration:none;
color:cccccc;
}
.footer
{
margin-top: 60px;
padding-bottom: 20px;
display:block;
clear:both;
float:left;
}
.footer a
{
border: 0px;
text-decoration:none;
}
.footer a img
{
border: 0px;
}
/*

=======================
TEXT FORMATTING 
=======================

*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-hasFlash h1 {
visibility: hidden;
}
h1
{
font-family:Arial, sans-serif;
letter-spacing: -1px;
font-weight:100;
text-align: left;
font-size: 32px;
padding: 20px 0 20px 0;
margin: 0 0px 0 0px;
border-bottom:1px solid #999999;
color:#FFFFFF;
}
p
{
font-size:11px;
color:#eeeeee;
}
p.big
{
font-size:14px;
}
p b
{
color:#FFFFFF;
}
.event
{
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #cccccc;
margin-right: 0px;
text-align:justify;
}
.event img
{
float:right;
vertical-align:top;
margin-bottom: 10px;
margin-left: 30px;
}
.form
{
margin-top: 30px;
}
.form tr td
{
vertical-align:top;
text-align:left;
}
.form .form_label
{
width: 80px;
font-size:11px;
color:#cccccc;
vertical-align:top;
}
input.blur
{
background-color: transparent;
font-size:12px;
color:#CCCCCC;
border: 1px solid #888888;
padding: 3px;
width: 120px;
}
input.focus
{
background-color:#666666;
font-size:12px;
color:#FFFFFF;
border: 1px solid #FFFFFF;
padding: 3px;
width: 120px;
}
textarea.blur
{
background-color: transparent;
font-size:12px;
color:#CCCCCC;
border: 1px solid #888888;
padding: 3px;
width: 280px;
height: 100px;
}
textarea.focus
{
background-color:#666666;
font-size:12px;
color:#FFFFFF;
border: 1px solid #FFFFFF;
padding: 3px;
width: 280px;
height: 100px;
}
input.out
{
font-size:9px;
background-color:#4B4B4B;
color:#999999;
border: 0px;
width: 100px;
height: 24px;
text-align:left;
}
input.hover
{
font-size:9px;
background-color:#333333;
cursor:pointer;
color:#FFFFFF;
border: 0px;
width: 100px;
height: 24px;
text-align:left;
}
#content .menu
{
padding-top: 20px;
display:block;
clear:left;
}
.menu dl  dt
{
float: left;
width: 300px;
margin-bottom: 12px;
line-height: 18px;
color:#eeeeee;
}
.menu dl  dd
{
float: left;
vertical-align:bottom;
line-height: 18px;
width: 40px;
text-align:right;
color:#FFFFFF;
}
a
{
text-decoration:underline;
color:#FFFFFF;
}
a:hover
{
text-decoration:none;
}
b
{
color:#ffffff;
}
.wine_list
{
width: 100%;
margin-bottom: 20px;
}
thead
{
font-weight:bold;
}
.wine_list .name
{
text-align:left;
padding-bottom: 10px;
font-size:10px;
}
.wine_list thead .name
{
font-size: 11px;
}
.wine_list .price
{
text-align:center;
width: 50px;
padding-bottom: 10px;
}
.wine_list  thead .price
{
font-size:9px;
font-weight:100;
color:#888888;
font-family:Arial, Helvetica, sans-serif;
padding-bottom: 10px;
}
.wine_list  tbody .price
{
font-size:11px;
font-weight:100;
color:#cccccc;
padding-bottom: 10px;
}
.border
{
border: 10px solid #4b4b4b;
}
.wrapleft { border:0;float:left}
.wrapright { border:0;float:right}

.special
{
font-family:Arial, sans-serif;
letter-spacing: -1px;
font-weight:100;
font-size:18px;
line-height: 16px;
width: 200px;
color:#ffffff;
margin-top: 6px;
}