/*skiplinks*/
@import url(/includes/css/gva_skiplinks.css);
/*undo browser defaults*/
:link,:visited { text-decoration:none;}
ul, ol{ list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;  }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  form, body, html, p, blockquote, fieldset, input, dl, dt, dd
{ margin:0px; padding:0;}
a img,:link img,:visited img, fieldset { border:none;  }
th{
text-align:left;
}

/*main layout styling in current source order*/
html {
padding:0;
margin:0;
}

body{
font-family: "lucida sans Unicode", "Lucida Grande", tahoma, verdana, arial, sans-serif;
margin:0 0 0 1px;
padding:0;
color:#5E736A;
z-index:1;
font-size:62.5%;
background: #fcfcfa url(/img/bg/horiz_repeat_stripe.jpg) repeat-x left top;
}

p{
	margin-top:1em;
	line-height:1.4em;
	text-align:left;
}

#wrapper_all{
background: url(/img/bg/vert_repeat_mainarea.jpg) repeat-y left top;
width:756px;
margin:5px auto 0 auto;
position:relative;
}
#container_all{

}

/*further header h1 styling on inner and front sheets*/
/*=header*/
#header{
height:185px;
background: url(/img/bg/header.jpg) no-repeat left top;
}




#header #logo{
display:block;
position:absolute;
right:0;
top:0;
background: url(/img/bg/logo_screen.jpg) no-repeat left top;
width:184px;
height:185px;
overflow:hidden;
text-indent:-999em;
}


/*=navigation*/


#container_all #header ul{
list-style:none;
list-style-image: none;
float:left;
width:189px;
height:106px;
margin:70px 0 0 0;
padding:0px 0 0 0;
}

#container_all #header ul#nav_col_2{
width:233px;
}


/*this preloads (2cols for this site)*/
#header #nav_col_1{
background:url(/img/bg/nav_col1_rollnew.jpg) no-repeat -999em -999em;
}

#header #nav_col_2{
background:url(/img/bg/nav_col2_rollnew2.gif) no-repeat -999em -999em;
}

/*opera needs the width in here, also IE needs the float so the width stops keeps each li following the next - */
#container_all #header ul li{
margin:0px 0 1px 0;
padding:0;
float: left;
width: 189px;
position:relative;
height:15px;
}

#container_all #header ul#nav_col_2 li{
width:233px;
}


#container_all #header ul li span{
position:absolute;
top:0;
left:0;
height:15px;
width: 189px;
}


#container_all #header ul#nav_col_2 span{
width:233px;
}



#header #nav_col_1 li span{
background-image:url(/img/bg/nav_col1new.jpg);
background-repeat:no-repeat;
}

#header #nav_col_2 li span{
background-image:url(/img/bg/nav_col2new2.gif);
background-repeat:no-repeat;
}

#header #nav_col_1 li span:hover,
#header #nav_col_1 li.onpage span
{
cursor:pointer;
background-image:url(/img/bg/nav_col1_rollnew.jpg);
}

#header #nav_col_2 li span:hover,
#header #nav_col_2 li.onpage span
{
cursor:pointer;
background-image:url(/img/bg/nav_col2_rollnew2.gif);
}

#header #nav_col_1 li.onpage span:hover,
#header #nav_col_2 li.onpage span:hover
{
cursor:default;
}

/*
#container_all #header ul li.onpage span{
background-image:none;
}
*/
#container_all #header ul li a {
	display: block;
	height:15px;
	width: 189px;
	color:#9fa09b;
}
#container_all #header ul#nav_col_2 li a {

	width: 233px;

}


/*start counting from top of text - there is 1px gap between each 15+1 = 16px*/
#container_all #header ul li.home_nav span,
#container_all #header ul li.cocktails_nav span

{
background-position:0 -7px;
}



/*#container_all #header ul li.about_nav span,
#container_all #header ul li.london_nav span
{

}*/

#container_all #header ul li.history_nav span,
#container_all #header ul li.q_nav span

{
background-position:0 -23px;
}



#container_all #header ul li.gva_nav span,
#container_all #header ul li.contact_nav span
{
background-position:0 -39px;
}




#container_all #header ul li.london_nav span
{
background-position:0 -55px;

}





/*=footer*/
#footer{
width:756px;
clear:both;
}

#footer #legal_footer{
text-align:right;
font-weight:bold;
clear:both;
position:absolute;
display:inline;
width:756px;
margin-top:1em;
color:#aaa;
}


/*=links*/
#content a:link{
color:#9DBD2D;
text-decoration: none;
border-bottom:1px dotted #9FA09B;

}
#content a:visited {
color:#9DBD2D;
text-decoration: none;
border-bottom:1px dotted #9FA09B;

}
#content a:hover {
text-decoration: underline;
color: #9FA09B;


}
#content a:active {
color:#9DBD2D;
text-decoration: none;
border-bottom:1px dotted #9FA09B;

}

h1, h2, h3, h4, h5, h6{
font-family: "Georgia", "Trebuchet MS", serif;
color:#9DBD2D;
font-weight:normal;
}


.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

.err{
color:#c00;
}

#gone{
border:3px solid #1d1d1d;
background:#ad2323;
color:#fff;
padding:12px;
font-size:13px;
}

#gone p{
margin-bottom:1em;
}

#gone a:link{font-weight:bold; text-decoration:underlined;}



/*=links*/
#gone a:link, #gone a:visited {
color:#fff;
text-decoration: none;
border-bottom:1px dotted #9FA09B;
}

#gone a:hover, #gone a:active {
text-decoration: underline;
color: #9FA09B;
}

.message{
margin-bottom:1em;
background:#833A31;
color:#fff;
padding:15px;
}
