body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	background-color: #e3deda;
}


h1{ font-size: 20px; color: #6a1414; margin: 0 0 0 0; font-weight: 600;}
h2{ font-size: 16px; color:#6a1414; margin: 5px 0 0 0; }

p.rate{ font-size: 18px; color: #6a1414; }
p.quote{ font-size: 14px; font-weight: 500; margin-top:-10px;}
p.sign { padding-left: 20px; margin-top:-10px;}

p.name{ font-size: 20px;}

p.start{ width: 200px; margin-top: 5px; }
.clear{ clear: both; float: none; text-indent: -9999px;}

a{color: #6a1414; text-decoration:none;}

a img {margin: 5px;}

/*--------------------------------------------
Main container element
--------------------------------------------*/

#container{
	width: 100%;
	margin: 0 auto;
}

/*--------------------------------------------
Head section with phone and logo details
--------------------------------------------*/

#head{ 
	width: 100%;
	height: 335px;
	background:url(../images/top_back.jpg) repeat-x;
}

#headinfo{
	width: 960px;
	height: 376px;
	margin: auto;
	background-image:url(../images/topimageback.jpg);
	_position: absolute;
	_left: 50%;
	_margin-left: -480px;
	}

#phone{
	float: left;
	width: 400px;
	font-size: 16px;
	text-align:right;
	color: #fff;
	padding: 0 0 0 20px;
	margin: -5px 0 0 0;
	*margin-top: 15px;
}

#logo{
	float: left;
	width: 430px;
	height: 78px;
	margin: 0 50px 0 30px;
}

/*--------------------------------------------
Menu buttons
--------------------------------------------*/

#buttons{
	width: 890px;
	padding: 83px 0 0 0;
	margin: auto;
	color: #FFF;
	*width: 990px;
	*margin-top: -65px;
	*margin-left: -5px;
	_width: 940px;
}

.menu{
	font-size:16px;
	padding: 0px;
	overflow: hidden;
}
	
.menu li{
	display: inline;
	font-size: 16px;
}
	
.menu li a{
	color: #fff;
	float: left;
	padding: 2px 16px;
	text-decoration: none;
}

.menu li a:hover{
	background: #fff;
	color: #000;
	*margin-top: 0px;
	*padding-bottom: 5px;
}

.menu li.current a{
	background:#fff;
	color: #000;
	*padding-bottom: 5px;
}

.menu li a:visited{
	text-decoration: none;
}

/*--------------------------------------------
photo flicker gallery
--------------------------------------------*/

#flicker{
	width: 910px;
	height: 236px;
	padding: 0 0 0 0;
	margin: -12px 0 0 24px;
	*margin-top: -15px;
	_margin-top: 5px;	
	}


/*
content divs
*/
#contentinner{
	width: 960px;	
	margin: 0 auto;
}

/*--------------------------------------------
left content divs
--------------------------------------------*/

#leftcontent{
	float: left;
	width: 700px;
	height: auto;
	background-color: #e3deda;
	margin: 50px 0 0 0;
	padding: 0 10px 10px 20px;
	*padding-bottom: 20px;
	
}

#leftcontent p{
	*margin-top: 10px;	
}

#column1{
	float: left;
	width: 215px;
	height: 500px;
	background:url(../images/column_back.jpg) no-repeat;
	padding: 0 10px 0 10px;
}

#column2{
	float: left;
	width: 215px;
	height: 500px;
	background:url(../images/column_back.jpg) no-repeat;
	padding: 0 10px 0 10px;
}

#column3{
	float: left;
	width: 210px;
	height: 500px;
	background:url(../images/column_back.jpg) no-repeat;
	padding: 0 10px 0 10px;
}

#sm_images{
	width: 200px;
	height: 132px;
	padding: 8px 0 0 0;
}

#room{
	float: right;
	width: 180px;
	height: 115px;
}

#gallery{
	width: 700px;
}

#breakfast{ 
	float: right;
	width: 250px;
	height: 167px;
	padding: 5px;
}
/*--------------------------------------------
right content divs
--------------------------------------------*/

#rightcontent{
	float: left;
	width: 210px;
	background-color: #e3deda;
	margin: 50px 0 0 0;
	padding: 0 0 10px 0;
}

#rightcontent a{color:#fff;}

#booking{
	width: 210px;
	height: 230px;
	padding: 0 0 10px 0;
}

td.calendarDateInput {color:#000;}

#parking{
	width: 207px;
	height: 57px;
	background:url(../images/parking_bk.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

#info{
	width: 207px;
	height: 57px;
	background:url(../images/info_bk.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

#reviews{
	width: 207px;
	height: 57px;
	background:url(../images/reviews_bk.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

#text{
	width:120px;
	height: auto;
	color: #fff;
	margin: 0 0 0 70px;
	padding: 1px 0 0 10px;
	*padding-top: 10px;
}

#gallery img{
	*border: 2px solid #6a1414;
}
/*--------------------------------------------
Footer
--------------------------------------------*/

#footer{
	border-top: 1px solid #bcb7b4;
	text-align: center;
	color:#3e3834;
	background-color:#d0cbc7;
	padding: 0 0 5px 0;

}

#footer a{
	color: #3e3834;
	text-decoration:none;
}

#footer li{
	list-style-type: none;
}

.second-nav{
	*margin-top: 11px;
}

ul.second-nav li{
	display: inline;
}

ul.second-nav li a{
	padding: 12px 10px ;
}


ul.second-nav li a:hover{
	background-color:#bcb7b4;
}

.nav-content{
	margin-left: 20px;
}
/*--------------------------------------------
contact details on footer
--------------------------------------------*/


ul.contact li{
	display: inline;
	margin-right: 25px;
}

ul.contact li a{
	padding: 12px 10px ;
}

/*--------------------------------------------
				contact Styles			
--------------------------------------------*/

form.contact{
	background-color: #fff;
	margin: 0 20px 20px 0;
	_margin: 0 0 0 0;
	padding:  10px;
	width: 670px;
	font-size: 100%;
	border: 1px solid #bcb7b4;
}

fieldset
{
	float: left;
	clear: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
}

form.contact input{
	width: 350px;
	margin-left: 25px;
}

legend
{
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}

fieldset ul
{
	padding: 1em 1em 0 1em;
	list-style: none;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}

label
{
	float: left;
	width: 100px;
}

label.enquiry{
	width: 350px;
}

fieldset.submit
{
	width:450px;
	float: none;
	border: 0;
	margin: 0 auto;
}

/*--------------------------------------------
				contact Styles			
--------------------------------------------*/


#modernbricksmenu2{
padding: 0;
margin: 6px 0 0 0;
width: 100%;
border-top: 1px solid #332f2b; 
background: transparent;
*margin-bottom: -40px;
}

#modernbricksmenu2 ul{
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu2 a{
float: left;
display: block;
color: white;
text-decoration: none;
margin: 0 1px 0 0; 
padding: 5px 10px;
background-color: #332f2b; 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #6a1414; 
color: white;
}

#modernbricksmenu2 #current a{ 
background-color: #6a1414; 
color: white;
border-color: #6a1414; 
}