/*
// Crofters Hotel
// Dark Colour // Highlight Colour */




html{
min-height: 101%;
}


*{
padding: 0px;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
background-color: #;
padding-top: 20px;
padding-bottom: 20px;
border: 0px;
margin: 0px;
color: #4b4b4b;
/*
background-image: url(../images/back.png);
background-repeat: no-repeat;
background-position: top center;
*/
}

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

h1{
font-family: arial;
font-size: 1.2em;
font-weight: bold;
color: #999999;
padding-top: 0px;
margin-top: 0px;
margin-left: 8px;
margin-bottom: 2px;
margin:0px;
text-align: left;
font-size: 10pt;
letter-spacing: 1px;
}


h2{
font-size: 9pt;
font-weight: bold;
color: #;
margin: 0px;
margin-top: 10px;
}

h4{
font-size: 9pt;
font-weight: bold;
color: #ae2d23;
margin: 0px;
margin-top: 10px;
padding-bottom: 10px;
}

h3{
font-size: 9pt;
font-weight: bold;
color: #ee3450;
margin: 0px;
margin-top: 5px;
}

h3.top{
font-size: 9pt;
padding: 5px;
width: 123px;
font-weight: bold;
color: #ffffff;
border-bottom: 1px solid #cfa97a;
background: #ae2e25;
margin: 0px;
margin-top: 5px;
}

h3.mail{
font-size: 9pt;
padding: 5px;
width: 123px;
font-weight: bold;
color: #ffffff;
background: #ae2e25;
margin: 0px;
margin-top: 5px;
}

img{
border: none;
}

textarea.enquiry{
overflow: auto;
}

#text{
text-align: justify;
}


.mailsubmit{
margin-top: 10px;
margin-left: 60px;
cursor: pointer;
padding: 2px;
border: 0;
color: #ffffff;
background: #cfa97a;


}

.mailtext{
width: 120px;
}






#container{
width: 1000px;
text-align: left;
margin: 0px;
background: white;

}



#rightcol{
float: left;
width: 855px;
height: auto;
padding-top: 10px;
text-align: right;
overflow: visable;
}

#leftcol{
clear: both;
float: left;
padding-top: 0px;
margin-top: 0px;
width: 145px;
height: 500px;
overflow: visable;
}

.button{
 background: #CFA97A;
 color: #ffffff;
 border: 0;
 padding:3px;
 cursor: pointer; 
}

.button:hover{
 color: #ef3425;
  
}

.buttonx{
 background: #CFA97A;
 color: #000000;
 border: 0;
 padding:5px;
 margin-right: 5px;
 cursor: pointer; 
}

.buttonx:hover{
  color: #4b4b4b;
}

.buttonx a{
 
 color: #000000;
 
}

#response{

 color: #ef3425;
  
}

.secret{
 height: 20px; 
}




#dynloadarea{
width: 312px;
height: 267px;
margin-bottom: 5px;

}

#imgs{
text-align: center;
}

.smallimage{
margin-right: 1px;
}

.smallimage2{
margin-right: 2px;
}

.title{
width: 125px;
height: 20px;
color: #cfA97a;
font-weight: bold;

}

.title2{
width: 300px;
height: 20px;
color: #cfA97a;
font-weight: bold;

}

.ti{
width: 155px;
height: 20px;
color: #cfA97a;
font-weight: bold;

}


#image{
width: 100px;
height: 100px;
float: left;
margin-right: 5px;
margin-left: 5px;

}


#innerimage{
width: 100px;
height: 100px;
position: relative;
overflow: hidden;
}

#imagetext{

position: absolute;
top: 28px;
cursor: pointer;
width: 100px;
height: 100px;
left: 3px;
color: #ffffff;
font-weight: lighter;
font-size: 17.4px;
line-height: 120%;
letter-spacing: 50%;
font-family: arial;
text-align: center;
display: block;
}

#imagetext a{
color: #ffffff;

}










#banner{
width: 1000px;
height: 15px;
text-align: left;
background: #;
}

#innerbanner{
width: 1000;
position: relative;
}

#number{

position: absolute;
top: 0px;
right: 0px;
font-size: 15pt;
color: #ee3425;

}




#imgholder{
width: 400px;
height: 400px;
}










#contact{

width: 340px;
background: #CFA97A;
color: #FFFFFF;
padding: 5px;
}


#footer{
clear: both;
width: 870px;
margin-left: 150px;
height: 30px;
background: #CFA97A;
color: #FFFFFF;
font-size: 10px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}

#innerfooter{
width: 870px;
position:relative;
}

#footl{
position: absolute;
left: 10px;
top: 7px;
text-align: left;

}

#footr{
position: absolute;
right: 10px;
top: 7px;
text-align: left;

}

#footer a{
color: #FFFFFF;
}

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









#left
{
float: left;
padding: 0px;
font-size: 7pt;
padding-left: 5px;
width: 312px;
}

#right
{
float: left;
width: 510px;
padding: 20px;
padding-right: 0px;
padding-top: 0px;
text-align: justify;
font-size: 8pt;
color: #6d6e6f;
line-height: 160%;
}

#right3
{
float: right;
width: 410px;
padding: 20px;
padding-right: 0px;
padding-top: 0px;
text-align: justify;
font-size: 8pt;
color: #6d6e6f;
line-height: 160%;
}

.txt
{
overflow: auto;
}

#right2
{
float: left;
width: 850px;
padding: 0px;

text-align: justify;
font-size: 9pt;
color: #6d6e6f;
line-height: 140%;
}

#right a
{
color: #6d6e6f;
}

#right a:hover
{
color: #cccccc;
}

#innerright
{
position: relative;
width: 510px;
}



#location
{
position: absolute;
right: -10px;
top: 0px;
width:102px;
height: 97px;

font-size: 13pt;
font-family: arial;
text-align: left;
background: #C1A892;
}

#location a
{
width:97px;
height: 77px;
display: block;
padding: 20px 0px 0px 5px;
color: #ffffff;

}



#location a:hover
{
background-image: url(../images/nav_8.jpg);
background-repeat: no-repeat;
width:97px;
height: 77px;
color: #ffffff;
}

.text
{
width: 190px;

}

.textarea
{
width: 190px;
overflow: auto;

}

.submit
{
padding: 3px;
border: 0;
background: #ffffff;
cursor: pointer;
margin-right: 20px;
}







#nav
{
margin-top: 10px;
}

#navigation
{
width: 900px;
height: 100px;
z-index: 99;
}

#navigation li
{
list-style-type: none;
width:102px;
height: 100px;
margin-left: 5px;
float: left;
background: #000000;
}

#navigation li a
{
width:97px;
height: 80px;
padding: 20px 0px 0px 5px;
color: #ffffff;
font-size: 13pt;
font-family: arial;
text-align: left;
display: block;
}

#navigation li.about
{
background: #ae2e23;
}

#navigation li.about a:hover
{
background-image: url(../images/nav_1.jpg);
}


#navigation li a.currentabout
{
background-image: url(../images/nav_1.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentabout:hover
{
background-image: url(../images/nav_1.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li.rooms
{
background: #c1a991;
}

#navigation li.rooms a:hover
{
background-image: url(../images/nav_2.jpg);
}

#navigation li a.currentrooms
{
background-image: url(../images/nav_2.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentrooms:hover
{
background-image: url(../images/nav_2.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}


#navigation li.brasserie
{
background: #8b8e37;
}

#navigation li.brasserie a:hover
{
background-image: url(../images/nav_3.jpg);
}

#navigation li a.currentbrasserie
{
background-image: url(../images/nav_3.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentbrasserie:hover
{
background-image: url(../images/nav_3.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li.conferences
{
background: #48afda;
}

#navigation li.conferences a:hover
{
background-image: url(../images/nav_4.jpg);
}

#navigation li a.currentconferences
{
background-image: url(../images/nav_4.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentconferences:hover
{
background-image: url(../images/nav_4.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li.weddings
{
background: #e1b973;
}

#navigation li.weddings a:hover
{
background-image: url(../images/nav_5.jpg);
}


#navigation li a.currentweddings
{
background-image: url(../images/nav_5.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentweddings:hover
{
background-image: url(../images/nav_5.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}


#navigation li.functions
{
background: #c99156;
}

#navigation li.functions a:hover
{
background-image: url(../images/nav_6.jpg);
}

#navigation li a.currentfunctions
{
background-image: url(../images/nav_6.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentfunctions:hover
{
background-image: url(../images/nav_6.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}


#navigation li.contact
{
background: #7b5723;
}

#navigation li.contact a:hover
{
background-image: url(../images/nav_7.jpg);
}

#navigation li a.currentcontact
{
background-image: url(../images/nav_7.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentcontact:hover
{
background-image: url(../images/nav_7.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li.contact
{
background: #7b5723;
}

#navigation li.contact a:hover
{
background-image: url(../images/nav_7.jpg);
}

#navigation li a.currentcontact
{
background-image: url(../images/nav_7.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currentcontact:hover
{
background-image: url(../images/nav_7.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}




#navigation li.tavern
{
background: #000000;
}

#navigation li.tavern a:hover
{
background-image: url(../images/nav_9.jpg);
}

#navigation li a.currenttavern
{
background-image: url(../images/nav_9.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}

#navigation li a.currenttavern:hover
{
background-image: url(../images/nav_9.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
margin-bottom: 20px;
height: 82px;
border-bottom: 7px solid red;
}










#navigation li a:hover
{
color: #;
background-color: #888888;
}

#navigation li a.current
{
color: #;
background-color: #888888;
}

#navigation li a.current:hover
{
color: #;
}


ul.list
{
margin-left: 5px;
padding-left: 5px;
}

.linking
{
color: #ee3227;
}

.linking:hover
{
color: #ee3227;
}

.button
{
background: #CFA97A;
color: #ffffff;
}

.button:hover
{
background: #CFA97A;
color: #ee3324;
}


#weddingMenu
{
background: #E1B972;
position: relative;
width: 850px;
margin-left: 5px;
height: 100px;
}

#weddingMenuTitle
{
position: absolute;
top: 15px;
left: 10px;
color: #ffffff;
font-size: 13pt;
font-family: arial;
}

#functionsMenu
{
background: #CA9357;
position: relative;
width: 850px;
margin-left: 5px;
height: 100px;
}

#functionsMenuTitle
{
position: absolute;
top: 15px;
left: 10px;
color: #ffffff;
font-size: 13pt;
font-family: arial;
}


.menut
{
width: 500px;

}















.infobar{
width: 370px;
padding: 5px;
color: white;
background: #;
}

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



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



.indexTable{
width: 120px;
height: 120px;


}

.indexTableAboutUs{
width: 100px;
height: 120px;
padding: 0px;

color: #ffffff;
font-size: 15pt;
font-family: arial;
border: 5px;
background: #ae2e23;
}


.indexTableAboutUs:hover{
background: #CF827d;
}

.indexTableRooms{
width: 120px;
height: 120px;
color: #ffffff;
font-size: 15pt;
font-family: arial;
background: #c1a991;
}

.indexTableRooms:hover{
background: #DACBBE;
}

.indexTableBrasserie{
width: 120px;

height: 120px;
color: #ffffff;
font-size: 15pt;
font-family: arial;
background: #8b8e37;
}

.indexTableBrasserie:hover{
background: #B9BB87;
}

.indexTableTavern{
width: 120px;

height: 120px;
color: #ffffff;
font-size: 15pt;
font-family: arial;
background: #000000;
}

.indexTableTavern:hover{
background: #363636;
}

.indexTableConferences{
width: 120px;
height: 120px;
color: #ffffff;

font-size: 15pt;
font-family: arial;
background: #48afda;
}

.indexTableConferences:hover{
background: #91CEE7;
}


.indexTableWeddings{
width: 120px;
height: 120px;
color: #ffffff;
font-size: 15pt;
font-family: arial;
background: #e1b973;
}

.indexTableWeddings:hover{
background: #EDD5AB;
}

.indexTableFunctions{
width: 120px;
height: 120px;

color: #ffffff;
font-size: 15pt;
font-family: arial;
background: #c99156;
}

.indexTableFunctions:hover{
background: #EDD5AB;
}

.indexTableContactUs{
width: 120px;
height: 120px;
color: #ffffff;

font-size: 15pt;
font-family: arial;
background: #7b5723;
}


.indexTableContactUs:hover{
background: #B09A7B;
}


.link{
height: 100px;
width: 115px;
color: #ffffff;
padding: 0px 0px 20px 0px;
display: block;
overflow: hidden;
}

.link a{
height: 120px;
width: 115px;
color: #ffffff;
padding: 0px 0px 0px 5px;
display: block;
overflow: hidden;
}

ul{
margin: 0px;
padding: 0px;
}














































div.news{
padding: 3px;
padding-left: 0px;
margin: 6px 0px;
font-size: 11px;
text-align: left;
}

div.news2{
width: 123px;
padding: 5px;
margin: 0px 0px;
font-size: 11px;
text-align: left;
}

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{
width: 130px;
border-top: 1px solid #d0aa7b;
}

.sidenews2{
background: #ae2e25;
color: #ffffff;
width: 130px;
padding: 3px;
}

.mainnews{

margin-bottom: 20px;
}

div.offers{
width: 510px;
float: left;
}

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

}



div.news a{
color: ;
}

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

div.offertitle{
border-bottom: none;
font-size: 1.1em;
border-bottom: 1px solid #d0aa7b; 
}

div.news_body{
font-size: 0.9em;

line-height: 15px;
padding: 0px;
padding-top: 5px;
}

.posted{
color: #d0aa7b;
font-size: 6pt;
}

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

.btm{
width: 130px;
height: 35px;
margin-left: 0px;
position: relative;
}

.btm a{
color: #d0aa7b;
font-size: 7pt;
height: 30px; 
width: 130px;
}

.btm_date{
position: absolute;
bottom: 87px;
right: -25px;
width: 30px;
height: 30px;
border: 1px solid #CFA97A;

}

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