/* CSS Document */
body,form,div {
	margin:	0;
	padding: 0;
}

body{
background-color:#F2F2F2;
font-family: Arial, Helvetica, sans-serif;
color: #7B240D;
height:1%;
}

#container{
margin: 0 auto;
width:950px;
border: 1px solid #7B240D;
overflow:auto;
position:relative;
z-index:6;
background-color:#F9F4D9;
}

a:link, a:avisited, a:active{
color: #7B240D;

}


#header{
background-image:url(../images/header.png);
position:relative;

	width:950px;
	height:120px;

}

#headerside{
color:#FFFFFF;
position:absolute;
left: 760px;
top:2px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}


.floatbox{
background-image:url(../images/floatbox.png);
background-repeat:no-repeat;
position:absolute;
top:120px;
left:400px;
width:464px;
height:43px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7B240D;
z-index:4;

}
#headerside h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7B240D;

}


#logo{
float:left;
border: 0px solid #FFFFFF;
background-color:#F7F1D7;
width: 459px;
height:120px;
padding-left: 20px;

}



#smallbox1{
clear:both;
float:left;
width:200px;
height:120px;
border: 1px solid #FFFFFF;
background-image:url(../images/housefront.jpg);
background-repeat:no-repeat;
}

#smallbox2{

float:left;
width:200px;
height:120px;
background-image:url(../images/boots.jpg);
background-repeat:no-repeat;
border: 1px solid #FFFFFF;
display:inline;
}


#bigphoto{
width:469px;
height:auto;
float:right;

border-right: 0px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
position: relative;
margin-top:-155px;
z-index:-1


}
#bigphoto-bedroom{
width:469px;
float:right;
border-right: 0px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
position: relative;
top:0px;
left:0px;
margin-top:-155px;


z-index:-1

}


#maincontent{

border: 0px solid #FFFFFF;
float:left;
width:478px;
min-height: 520px;
/*top:350px;*/
background-color:#F9F4D9;
background-image:url(../images/mainback.jpg);
background-repeat:repeat-x;


}


#tagline{
clear:left;
background-image:url(../images/tagline.jpg);
background-repeat:no-repeat;

float:left;
width:400px;
height:50px;
border: 1px solid #FFFFFF;
}
/**********************************************************************************************
                                    Bottom layout pictures
**************************************************************************************************/
#smallmenu{
clear:left;
float:left;
width:277px;
height:195px;

border: 1px solid #FFFFFF;
background-color:#524A1C;
padding-bottom:0px;
}

#smallmenu ul{
list-style:none;

}


#bottomimage{

border: 1px solid #FFFFFF;
float:left;
width:199px;
height:195px;
background-image:url(../images/bottomimagehome.jpg);
background-repeat:no-repeat;




}

#bottomimage1{

border: 1px solid #FFFFFF;
float:left;
width:250px;
height:195px;
background-image: url(../images/manorbottom.jpg);
background-repeat:no-repeat;




}
#bottomimage2{

border: 1px solid #FFFFFF;
float:left;
width:215px;
height:195px;
background-image: url(../images/boots.jpg);
background-repeat:no-repeat;




}




#Self-Catering-bottomimage{

border: 1px solid #FFFFFF;
float:left;
width:199px;
height:195px;
background-image: url(../images/selfbath.jpg);
background-repeat:no-repeat;

}

#Self-Catering-bottomimage1{

border: 1px solid #FFFFFF;
float:left;
width:250px;
height:195px;
background-image: url(../images/selfliving.jpg);
background-repeat:no-repeat;
}
#Self-Catering-bottomimage2{

border: 1px solid #FFFFFF;
float:left;
width:215px;
height:195px;
background-image: url(../images/selfwine.jpg);
background-repeat:no-repeat;

}


#occassion-bottomimage{

border: 1px solid #FFFFFF;
float:left;
width:199px;
height:195px;
background-image: url(../images/occassions-bath.jpg);
background-repeat:no-repeat;

}

#occassion-bottomimage1{

border: 1px solid #FFFFFF;
float:left;
width:250px;
height:195px;
background-image: url(../images/occassions-out.jpg);
background-repeat:no-repeat;
}
#occassion-bottomimage2{

border: 1px solid #FFFFFF;
float:left;
width:215px;
height:195px;
background-image: url(../images/occassion-light.jpg);
background-repeat:no-repeat;

}

#food-bottomimage{

border: 1px solid #FFFFFF;
float:left;
width:199px;
height:195px;
background-image: url(../images/food-food.jpg);
background-repeat:no-repeat;

}

#food-bottomimage1{

border: 1px solid #FFFFFF;
float:left;
width:250px;
height:195px;
background-image: url(../images/food-kitchen.jpg);
background-repeat:no-repeat;
}
#food-bottomimage2{

border: 1px solid #FFFFFF;
float:left;
width:215px;
height:195px;
background-image: url(../images/food-cab.jpg);
background-repeat:no-repeat;

}









/*****************************************************************************************************

*******************************************************************************************************/




#bottom{
clear:both;
float:left;
width:949px;


}

#footerimage{

border: 1px solid #FFFFFF;
float:right;
width:545px;
height:200px;
background-image:url(../images/light-bottom.jpg);
background-repeat:no-repeat;


}

/*#footerimage1{
border: 1px solid #FFFFFF;
float:right;
width:270px;
height:200px;


}*/


#footer{
clear:both;
width:948px;
border: 1px solid #FFFFFF;
height:50px;
background-image:url(../images/footerback.png);
background-repeat:repeat-x;
}




#footer p{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
padding-bottom: 0px;
padding-top: 5px;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
}
/*#footer a:link , a:visited ,  a:active{
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}


/*****************************************************************************************************************

                                          Menu Styles
										  
******************************************************************************************************************/


/**************************Menu items*******************************************************/
#menuback{
clear:both;
float:left;
width: 950px;
border: 0px solid #D1B271;
height:33px;

background-image:url(../images/menu.png);
background-repeat:repeat-x;
	position: inherit;
		z-index:0

}
#mainmenu, #mainmenu ul {
	padding: 0;
	margin:0;
	margin-left:4px;
	list-style: none;
	float: left;
	width: 935px;
	line-height: 25px;
	background: url('images/template/menu_icon.gif') no-repeat left;
	
	font-weight: normal;
	position: inherit;
		z-index:1

	
	}

#mainmenu li {
	float: left;
	padding-top:3px;
	padding-left: 0;
	margin : 0;
	background: url('images/template/menu_icon.gif') no-repeat left;

}
#mainmenu li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 90px;
	font-weight: normal;
	margin: 0;
	z-index: 90;
	
}
#mainmenu a {
	display: block;
	width: auto;
	color: white;
	letter-spacing:2px;
	font-family:  Arial, sans-serif;
	font-size : 0.8em;
	text-decoration: none;
	border-right: solid 1px #FFFFFF;
	padding : 0 3px 0 5px;
	z-index: 90;
}
#mainmenu a:hover {
color: #CCCCCC;
}
#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, #mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	left: -1000em;
}
#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, #mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#mainmenu li:hover, #mainmenu li.sfhover { 
}
#mainmenu li ul a{
width:120%;
border: none;
background-image:url(../images/menu.png);
background-repeat:repeat-x;
border-right:solid 1px  #FFFFFF;
border-left:solid 1px  #FFFFFF;
}

.currentpage{
color: #CCCCCC;
	letter-spacing:2px;
	font-family:  Arial, sans-serif;
	font-size : 0.8em;
	border-right: solid 1px #FFFFFF;
	padding : 0 5px 0 5px;
	
	}

/***************************************************menuend**********************************************/


/********************************************************************************************************

                                           Bottom Menu list
										   
************************************************************************************************************/

.markermenu{
list-style-type: none;
margin: 10px 0px 0px 10px;
padding: 0;
width: 170px;

}

.markermenu li a{
	background: #524A1C url(../images/arrow-list-red.gif) no-repeat;
	background-position: -.7em;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	width:160px;
	padding: 5px 5px 2px 2px;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 0px solid #B5B5B5;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 170px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #FFFFFF;
}

.markermenu li a:hover{
	color: #CCCCCC;
	background: #524A1C url(../images/arrow-list-red.gif) no-repeat; /*onMouseover image change. Remove if none*/
	background-position: -.2em;
}

/***************************************************************************************************/										   
										   


/****************************************************************************************************************
                                                 Typography

*******************************************************************************************************************/

#maincontent p{
font-family: Arial, Helvetica, sans-serif;
color: #7B240D;
font-size:0.75em;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;





}


#maincontent h1{
letter-spacing: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
color:#7B240D;
}

#maincontent h2{
letter-spacing: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
color:#7B240D;
font-weight:bold;
}

#maincontent ul
{
list-style-type: none;
padding: 0;
margin: 0;
padding-left:10px;
}

#maincontent li
{
background-image: url(../images/list.jpg) ;
background-repeat: no-repeat;
background-position: 0 .7em;
padding-left: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #7B240D;
}


/*******************************************************************
          bedroom 
*******************************************************************/

#menuback-bedroom{
clear:both;
float:left;
width: 950px;
border: 0px solid #D1B271;
height:33px;

background-image:url(../images/menu2.png);
background-repeat:repeat-x;
	position: inherit;
		z-index:0

}

#bedroom-bottomimage{

border: 1px solid #FFFFFF;
float:left;
width:199px;
height:195px;
background-image: url(../images/bedroom-bottom.jpg);
background-repeat:no-repeat;




}

#bedroom-bottomimage1{

border: 1px solid #FFFFFF;
float:left;
width:222px;
height:195px;
background-image: url(../images/bedroom-door.jpg);
background-repeat:no-repeat;




}
#bedroom-bottomimage2{

border: 1px solid #FFFFFF;
float:left;
width:242px;
height:195px;
background-image: url(../images/bedbottom.jpg);
background-repeat:no-repeat;

}

/******************************************************************************/

#local-bottomimage{
border: 1px solid #FFFFFF;
float:left;
width:199px;
height:195px;
background-image: url(../images/surf.jpg);
background-repeat:no-repeat;
}

#local-bottomimage1{

border: 1px solid #FFFFFF;
float:left;
width:222px;
height:195px;
background-image: url(../images/northdevon.jpg);
background-repeat:no-repeat;




}
#local-bottomimage2{

border: 1px solid #FFFFFF;
float:left;
width:242px;
height:195px;
background-image: url(../images/roadnorth.jpg);
background-repeat:no-repeat;

}

/************************************************************************************************************************************
                                        End of Bottom Images

**************************************************************************************************************************************/

/* form elements */

form {

	margin:0px 0px 0px 5px;

	padding: 0;

	border: 0px solid #eee;
	

}

label {

	display:block;

	font-weight: normal;

	margin:0px 0px 0px 5px;
	font-size:0.75em;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	

}

input {

	padding: 2px;

	border:1px solid #eee;

	font: Arial, Helvetica, sans-serif;
color: #7B240D;
font-size:0.75em;

}

textarea {

	width:400px;

	padding:2px;

	font: normal 1em Arial, Helvetica, sans-serif;

	border:1px solid #eee;

	height:100px;

	display:block;

	color: #7B240D;
	margin:0px 0px 0px 5px;
}

input.button { 

	margin:0px 0px 0px 5px;
font-size:0.75em;
	font: Arial, Sans-serif; 

	border: 1px solid #524A1C;
	background-color: #524A1C; 

	padding: 1px 1px; 

    color: #FFFFFF;
	text-align:center;

}

.box{
text-align:center;
}