/* an xhtml/css website layout by Jon Jackson  - http://jon-jackson.co.uk  Free to use for any purpose
Screen layout: */

ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left: 50px;
}

body{
	margin:0 auto;
	padding:0;
	font:76% Arial, sans-serif;
	background:#F6F6FA url(../images/bg.gif) top center repeat-y;
	color:#303030;
}

#wrap{
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;
}

#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:45px;
}

#header h1{
width:250px;
margin:0 0 10px 0;
float:left;
}

#header p{
width:500px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 0 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}

#frontphoto{
margin:10px 0 0px 0;
border:0;
}

#avmenu{
	width:180px;
	margin:0 0 10px 0;
	padding:0;
	font-size:0.9em;
	background: url(../images/css-nav.gif) #fff bottom left repeat-x;
	border: 0.1em solid #DBE0ED;
	color: #303030;
	float: left;
}

#avmenu ul{
	list-style:none;
	width:150px;
	margin:0 0 20px 0;
	padding:0;
	font-size:1.1em;
}	

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
	font-weight:normal;
	height:20px;
	text-decoration:none;
	color:#999999;
	display:block;
	padding:6px 0 0 10px;
	background-color: #EDEFF6;
	border-left-color: #DBE0ED;
	border-left-width: 10px;
	border-left-style: solid;
}	
	
#avmenu li a:hover{
background:#eaeaea;
color:#333333;
border-left:4px solid #286ea0;
}

.announce{
	margin:0px 0 0px 0;
	padding:10px;
	width:130px;
	color:#303030;
	font-weight: normal;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#content{
	margin:0 0px 20px 185px;
	border-left:1px solid #DBE0ED;
	padding:0 10px 0 10px;
	line-height:1.6em;
	text-align:left;
}

#content h2{
	font-size:1.5em;
	margin:0 0 0.5em 0;
	color: #303030;
	border-bottom-color: #DBE0ED;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin-left: 20px;
	font-weight: normal;
}

#content img{
	padding:1px;
	background:#cccccc;
	color:#303030;
}

h3{
	font-size:1.3em;
	margin:0 0 10px 0;
	font-weight: normal;
}

a{
text-decoration:none;
color:#0066FF;
}

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

a:visited{
	text-decoration:none;
	color: #0066FF;
}

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #DBE0ED;
width:760px;
text-align:center;
color:#808080;
font-size:0.9em;
}

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

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

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}
#content h3 {
	font-size:1.2em;
	margin:0 0 0.5em 0;
	color: #303030;
	border-bottom-color: #DBE0ED;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin-left: 20px;
	font-style: italic;
	font-weight: normal;
}
#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
}


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

#nav-menu li
{
	float: left;
	margin: 0 0.15em;
}

#nav-menu li a
{
	background:  url(../images/css-nav.gif) #fff bottom left repeat-x;
	display: block;
	 height: 1.5em;
line-height: 1.5em;
	border: 0.1em solid #DBE0ED;
	color: #303030;
	text-decoration: none;
	text-align: center;
	width: 9em;
}

#nav-menu li a:hover
{
	background:  url(../images/css-nav_over.gif) bottom left repeat-x;
	display: block;
	height: 1.5em;
	line-height: 1.5em;
	border: 0.1em solid #DBE0ED;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	width: 9em;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
} 
h5 {
	font-size:1.2em;
	margin:0 0 0 0;
	font-weight: normal;
	color: #666666;
	border-bottom-color: #DBE0ED;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 5px;
}
#avmenu h3 {
	color: #303030;
	margin-left: 10px;
	font-weight: normal;
	border-left-color: #DBE0ED;
	border-left-style: solid;
	border-left-width: 4px;
	padding-left: 5px;
}
#avmenu p {
	font-weight: bold;
}
#fullpagecontent {
	line-height:1.6em;
}
#imagecontent {
	margin:50px 0px 20px 300px;
	padding:0 10px 0 10px;
	line-height:1.6em;
}

.centredlayer {
	background-color: #c3b7a7;
	margin: auto;
	height: 550px;
	width: 750px;
	border: 1px solid #333333;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c3b7a7;
	background-color: #838173;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	position: absolute;
	z-index: 2;
	height: 14px;
	width: 730px;
	left: 0px;
	bottom: 0px;
}
#footer a:link, a:visited {
	color: #3e4247;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover, a:active {
	color: #c3b7a7;
	text-decoration: none;
	font-weight: normal;
}
.gallery {
	margin: auto;
	height: 400px;
	width: 750px;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
}

.thumbnail {
	background-color: #FFFFFF;
	height: 5px;
	position: absolute;
	z-index: 2;
}
#leftTN1 {
	left: 10px;
	top: 10px;
} 
#leftTN2 {
	left: 10px;
	top: 138px;
}
#leftTN3 {
	left: 10px;
	top: 267px;
}
#leftTN4 {
	left: 10px;
	top: 490px;
}
#middleTN1 {
	left: 120px;
	top: 10px;
}
#middleTN2 {
	left: 120px;
	top: 170px;
}
#middleTN3 {
	left: 175px;
	top: 267px;
}
#middleTN4 {
	left: 120px;
	top: 490px;
}
#rightTN1 {
	left: 175px;
	top: 10px;
}
#rightTN2 {
	left: 230px;
	top: 170px;
}
#rightTN3 {
	left: 230px;
	top: 330px;
}
#rightTN4 {
	left: 175px;
	top: 139px;
}
.mainstageBG {
	height: 300px;
	width: 400px;
	position: absolute;
	z-index: 2;
	left: 340px;
	top: 50px;
	background-image: url(../images/sittingroom_1.jpg);
}
.mainstage {
	height: 300px;
	width: 400px;
	position: absolute;
	z-index: 5;
	left: 340px;
	top: 50px;
	visibility: hidden;
}
.title {
	color: #333333;
	text-align: right;
	vertical-align: middle;
	padding: 5px;
	width: 150px;
	z-index: 5;
	top: 10px;
	visibility: hidden;
	position: absolute;
	right: 10px;

}

#diningsh {
	background-image: url(../images/dining_1.jpg);
	background-repeat: no-repeat;
}

#bedroom2 {
	background-image: url(../images/bedroom_2.jpg);
	background-repeat: no-repeat;
}

#bedroom1 {
	background-image: url(../images/bedroom_1.jpg);
	background-repeat: no-repeat;
}
#kitchen1 {
	background-image: url(../images/kitchen_1.jpg);
	background-repeat: no-repeat;
}
#sitting1 {
	background-image: url(../images/sittingroom_1.jpg);
	background-repeat: no-repeat;
}
#kitchen2 {
	background-image: url(../images/kitchen_2.jpg);
	background-repeat: no-repeat;
}
#fullpagecontent h1 {
	font-size:1.5em;
	margin:0 0 0.5em 0;
	color: #303030;
	border-bottom-color: #DBE0ED;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin-left: 20px;
	font-weight: normal;
}
.norfolkstage {
	height: 250px;
	width: 350px;
	position: absolute;
	z-index: 2;
	left: 160px;
	top: 50px;
	background-image: url(../images/beach.jpg);
	background-repeat: no-repeat;
}
.norfolkstageover {
	height: 250px;
	width: 350px;
	position: absolute;
	z-index: 5;
	left: 160px;
	top: 50px;
	visibility: hidden;
}
.gallerynorfolk {
	margin: auto;
	height: 310px;
	width: 500px;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	margin-left: 10px;
}
#topth {
	left: 10px;
	top: 50px;
}
#blakeney {
	background-image: url(../images/blakeney.jpg);
	background-repeat: no-repeat;
}
#gallernorfolk img {
	padding:1px;
	background:#cccccc;
	color:#303030;
}
#announce p {
	margin: 2px,;
}
#mid1 {
	left: 10px;
	top: 138px;
}
#beach {
	background-image: url(../images/beach.jpg);
	background-repeat: no-repeat;
}
#bot {
	left: 10px;
	top: 227px;
}
#moreston {
	background-image: url(../images/moreston.jpg);
	background-repeat: no-repeat;
}
.titlenorfolk {
	color: #333333;
	text-align: right;
	vertical-align: middle;
	padding: 5px;
	width: 150px;
	z-index: 5;
	top: 10px;
	visibility: hidden;
	position: absolute;
	right: 40px;
}
#topth2 {
	left: 10px;
	top: 50px;
}
#wells {
	background-image: url(../images/wells.jpg);
	background-repeat: no-repeat;
}
#mid2 {
	left: 10px;
	top: 138px;
}
#loog {
	background-image: url(../images/loogmarshes.jpg);
	background-repeat: no-repeat;
}
#bot2 {
	left: 10px;
	top: 227px;
}
.norfolkstage2 {
	height: 250px;
	width: 350px;
	position: absolute;
	z-index: 2;
	left: 160px;
	top: 50px;
	background-image: url(../images/snowdrops.jpg);
	background-repeat: no-repeat;
}
#snowdrops {
	background-image: url(../images/snowdrops.jpg);
	background-repeat: no-repeat;
}
#main-text {
	background-image: url(../images/avocet2_webbk.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#main-text2 {
	background-image: url(../images/avocet2_webbkl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.imgleft {
float:left;
}
.imgright {
float:right;
}