/*
// New Dungeon Ghyll Hotel
// Dark Colour // Highlight Colour // Purple Contrast // Brown Contrast #6a643c*/




html{
min-height: 101%;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #221746;
padding: 0px;
border: 0px;
margin: 0px;
color: #666;
behavior: url("csshover.htc");
background-image: url(../images/backgrad.png);
background-repeat: repeat-x;
background-position: top left;
}

a{
text-decoration: none;
color: #363636;
}
a:hover{
color: #a5a5a5;
}

h1{
font-family: verdana, sans-serif;
font-size: 1.1em;
font-weight: normal;
color: #6a643c;
padding-top: 0px;
margin-top: 0px;
margin-left: 8px;
margin-bottom: 2px;
margin:0px;
font-size:1.4em;
letter-spacing: 1px;
}


h2{
font-size: 1em;
font-family: Georgia, Garamond, arial, verdana, sans-serif;
font-weight: strong;
letter-spacing: 1px;
color: #6a643c;
margin: 3px 0px;
text-align: center;
}

img{
border: none;
}

ul{
list-style-type: none;
}





















#container{
clear: both;
width: 950px;
text-align: left;
margin: 0px;
overflow: hidden;
background-color: white;
background-image: url(../images/containerback3.png);
background-repeat: repeat-y;
}

#rightcol{
float: left;
width: 149px;
overflow: hidden;
/*
background: #dad08a;
border-left: 1px solid #6a643c;
*/
}

#centrecol{
float: left;
width: 600px;
height: auto;
text-align: left;
overflow: hidden;
}

#leftcol{
clear: both;
float: left;
width: 201px;
padding-bottom: 10px;
overflow: hidden;
/*
background: #dad08a;
border-right: 1px solid #6a643c;
*/
}










#banner{
width: 950px;
height: 150px;
text-align: left;
background: #dad08a;
position: relative;
}

#bannerl{
float: left;
width: 600px;
height: 150px;
}

#bannerr{
float: left;
width: 260px;
height: 150px;
}


#subholder{
font-size: 0.9em;
position: absolute;
top: 0px;
left: 600px;
height: 150px;
color: white;
background-image: url(../images/trans.png);
padding-left: 15px;
padding-right: 15px;
width: 220px;
}

#imgholder{
position: relative;
z-index: 0;
width: 950px;
height: 200px;
}

img.overlay{
position: absolute;
z-index: 3;
top:0px;
left: 0px;
}

#content{
width: 580px;
text-align: justify;
padding: 10px;
font-size: 11px;
line-height: 12pt;
color: #363636;
overflow: hidden;
/*
background-image: url(../images/contback.jpg);
background-poition: top right;
background-repeat: no-repeat;
*/
}

#content p{
padding: 3px;
margin: 2px;
}







#footer{
width: 898px;
height: 100px;
color: #e2e2e2;
font-size: 11px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}

#footl{
float: left;
width: 400px;
text-align: left;
padding: 5px;
}

#footr{
float: left;
width: 470px;
text-align: right;
padding: 5px;
}

#footer a{
color: #69633f;
}

#footer a:hover{
color: #e9e2b1;
}









#contleft{
float: left;
width: 200px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
}


#contright{
float: left;
width: 330px;
margin-top: 10px;
margin-bottom: 10px;
}










.infobar{
width: 320px;
padding: 5px;
color: #363636;
background: #dad08a;
}

#contright.infobar{
margin-bottom: 5px;
}

.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
background: transparent;
}

.altp{
color: #111;
}





.menuitem{
width: 580px;
margin-bottom: 5px;
}

.menutitle{
float: left;
width: 480px;
padding: 5px;
}

.menutitlenofloat{
width: 550px;
padding: 5px;
font-size: 1.1em;
}

.menuprice{
float: left;
width: 60px;
text-align: right;
}

.menuveg{
float: left;
width: 0px;
}

h2.menusection{
background: #e9e2b1;
font-size: 1.1em;
padding: 5px;
}









div.tes{
width: 200px;
background-image: url(../images/tesduring1.png);
background-repeat: repeat-y;
text-align: right;
}

div.testop{
width: 200px;
height: 30px;
background-image: url(../images/testop1.png);
background-repeat: no-repeat;
}

div.tesbottom{
width: 200px;
height: 10px;
background-image: url(../images/tesbottom1.png);
background-repeat: no-repeat;
}

div.tes p{
margin: 0px 10px;
padding-top: 3px;
background-image: url(../images/speech.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 24px;
font-size: 0.8em;
min-height: 30px;
text-align: left;
}

div.tes span{
font-size: 9px;
color: #6a643c;
text-align: right;
margin-right: 10px;
}











div.news{
padding: 3px;
background: #e9e2b1;
margin: 6px 1px;
font-size: 11px;
text-align: justify;
}

div.news h2{
font-size: 1em;
}

div.testholder{
width: 200px;
padding: 5px 0px;
background-color: #e9e2b1;
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
}

.sidenews{
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
}

.mainnews{
border: 1px solid #6a643c;
margin-bottom: 20px;
}

div.offers{
width: 260px;
float: left;
margin: 10px;
min-height: 200px;
}

div.news p{
padding: 2px;
margin: 0px;
}

div.news a{
color: #6a643c;
}

div.news_title{
font-size: 15px;
font-family: Georgia, Garamond, arial, verdana, sans-serif;
padding: 2px;
color: #6a643c;
border-bottom: 1px solid #6a643c;
}

div.offertitle{
border-bottom: none;
font-size: 1.1em;
}

div.news_body{
font-size: 0.9em;
text-indent: 10px;
line-height: 15px;
padding: 5px;
padding-top: 5px;
}

.posted{
color: #6a643c;
}

div.noindent{
text-indent: 0px;
}

.btm{
width: 130px;
height: 35px;
margin-left: 12px;
}

.btm_date{
width: 30px;
height: 30px;
border: 1px solid #6a643c;
float: left;
}

.btm_more{
width: 75px;
padding-top: 7px;
text-align: center;
float: left;
}





.imbord{
border: 5px solid #e9e2b1;
}




.pricecell{
font-weight: bold;
border: 1px solid #b6b6b6;
}

.nobord{
border: none;
}

.pricetitle{
background: #dad08a;
}








div.tesver{
width: 650px;
overflow: auto;
background: #f1f1f1;
margin-bottom: 1px;
}
div.tesvername{
float: left;
width: 120px;
font-weight: bold;
padding: 4px;
}
div.tesvertxt{
float: left;
width: 420px;
padding: 4px;
}
div.tesverbtn{
float: left;
width: 80px;
text-align: center;
padding: 4px;
}

div.tesverbtn img{
margin-top: 12px;
}





.wine_list{
float: left;
width: 270px;
overflow: auto;
font-size: 11px;
padding: 6px 2px;
}

div.wine_list h4{
font-size: 13px;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
padding-bottom: 2px;
border-bottom: 1px solid #dad08a;
}

#wine_left, #wine_right{
width: 320px;
float: left;
overflow: auto;
}

#wine_right{
width: 260px;
font-size: 11px;
}

























#footholder{
clear: both;
width: 100%;
height: 100px;
margin: 0px 0px;
text-align: center;
background-color: #110c23;
padding-top: 5px;
}

#address{
float: left;
width: 140px;
text-align: left;
border-right: 1px solid #69633f;
padding: 5px;
}

#contactdetails{
float: left;
width: 500px;
text-align: left;
padding: 5px;
padding-left: 15px;
}

#otherfoot{
float: left;
width: 200px;
padding: 5px;
}










#navholder{
width: 100%;
height: 27px;
margin: 5px 0px;
text-align: center;
background-color: #dad08a;
}















#menu {
width: 895px;
z-index: 99;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
width: 100px;
z-index: 500;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 6px;
width: auto;
font-size: 0.8em;
z-index: 500;
margin-right: 2px;
background-image: url(../images/aback.png);
background-repeat: repeat-x;
text-align: left;
}

#menu h2 {
color: #221746;
cursor: pointer;
text-transform: uppercase;
z-index: 99;
}

#menu a {
color: #000;
cursor: pointer;
text-decoration: none;
z-index: 99;
}

#menu a.toplink {
color: #221746;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 500;
}

#menu a.trans {
border-top: 1px solid #dad08a;
color: #e2e2e2;
background: url(../images/trans.png);
width: 12em;
z-index: 500;
}

#menu a:hover {
color: #999;
}

#menu li {position: relative; z-index: 500;}

#menu ul ul {
position: absolute;
z-index: 500;
left: 0px;
}

#menu ul ul ul {
position: absolute;
z-index: 500;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}






ul#as0{
width: 50px;
}

ul#as1{
width: 143px;
}

ul#as2{
width: 115px;
}

ul#as3{
width: 55px;
}

ul#as4{
width: 107px;
}

ul#as5{
width: 62px;
}

ul#as6{
width: 78px;
}

ul#as7{
width: 51px;
}

ul#as8{
width: 93px;
}

ul#as9{
width: 75px;
}

ul#as10{
width: 53px;
}










h2.clearafter{
clear: both;
}


.gallery_edit{
display: block;
float: left;
width: 50px;
height: 50px;
border: 3px double #ccc;
}




a.brochure-download{
display: block;
border-bottom: 1px solid #dad08a;
padding: 2px 3px;
margin: 1px 10px;
}






#side-tab-container{
position: absolute;
top: 40px;
left: 0px;
width: 25px;
}

.side-tab{
display: block;
margin-bottom: 10px;
font-size: 11px;
}

.side-tab img{
border: 0;
text-decoration: none;
}

a.side-tab:hover{
color: #888888;
}