/* CSS Document */

body{
		background-color:#8aa9bd;/*#336699*/
		background-repeat:repeat;
		padding:20px;
		margin:0px;
}

html{
		background-color:#8aa9bd;
		padding:0px;
		margin:0px;
}
/*Layout for welcome page--------------------------------------------------------------*/
#wrappermain{
	background-image:url(../images/redoback.jpg);
	background-repeat:no-repeat;
	width:850px;
	height:635px;
	margin-left:auto;
	margin-right:auto;
}

#welnav{
	width:800px;
	height:25px;
	float:left;
	margin:0px;
	padding:70px 0px 0px 40px;
	}/*padding-left:40px;
	padding-top:517px;
	width:850px;
	height:25px;
	}
*/


/*Layout for cottage pages--------------------------------------------------------------*/

#wrapper{
	background-image:url(../images/contentbackground.jpg);
	background-repeat:no-repeat;
	width:850px;
	height:773px;
	margin-left:auto;
	margin-right:auto;
	}
	
#center{
	
	width:725px;
	height:440px;
	margin:0px;
        padding:30px 10px 0px 60px;
	float:left;
    text-align:justify;
	overflow:hidden;
	}
	
#mainnav{
	width:800px;
	height:25px;
	float:left;
	margin:0px;
	padding:70px 0px 0px 40px;
	}
	
#cottagelinks{
	width:850px;
	height:152px;
	margin:0px;
	float:left;
	padding:0px 0px 0px 0px;
	}
	
#cottagelinks img.link{
	padding:0px;
	margin:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	}
	
/*Layout for other pages--------------------------------------------------------------*/
#wrapperother{
	background-image:url(../images/contentbackgroundlong.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:850px;
	height:1250px;
	margin-left:auto;
	margin-right:auto;
	}
	
#centerother{
	
	width:725px;
	height:auto;
	margin:0px;
        padding:30px 10px 0px 60px;
	float:left;
    text-align:justify;
	overflow:hidden;
	}
	
#mainnavother{
width:800px;
	height:25px;
	float:left;
	margin:0px;
	padding:70px 0px 0px 40px;
	}

/*text and image positioning formatting*/

a.nav1, a.nav1:link,a.nav1:visited{
	width:110px;
	height:17px;	/*border:1px solid #000000;*/ /*use margin top NOT margin Bottom as this can cause problems in Opera*/
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
	line-height:1em;
	text-align:center;
	float:left;
}

a.nav1:hover{
	color:#fff;
	background:#669999;
}

/*and now for the active*/
a.nav1:active{
	color:#000;
	background:#99cccc;
}	

img.imgintext{
	margin:0px 0px 20px 30px;
	float:right;
		
}
	
p{
	font-family:Verdana, "Trebuchet MS",Arial, Helvetica, Geneva, sans-serif;
	font-size:85%;
	color:#003300;
	line-height:1.5em;
	font-weight:550;
}

h2{
    font-family:Verdana, "Trebuchet MS",Arial, Helvetica, Geneva, sans-serif;
	color:#003366;
	font-size:85%;
	line-height:1.5em;
	font-weight:550;
}

/*gallery css----------------------------------------------------*/
#container {width:680px; height:700px; margin: auto; padding-top:60px;}
#container b {font-weight:normal; width:850px; text-align:center; position:absolute; top:250px; left:0; color:#eee; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; line-height:1.5em; z-index:1;}

a.gallery, a.gallery:visited {background-repeat:no-repeat;display:inline; color:#000; text-decoration:none; width:75px; height:75px; border:1px solid #ccc; float:left; margin:8px 9px; position:relative; cursor:pointer; }

a.slidea {background:url(../images/thumbnails/a.jpg); background-repeat:no-repeat;}
a.slideb {background:url(../images/thumbnails/b.jpg);background-repeat:no-repeat;}
a.slidec {background:url(../images/thumbnails/c.jpg);background-repeat:no-repeat;}
a.slided {background:url(../images/thumbnails/d.jpg);background-repeat:no-repeat;}
a.slidee {background:url(../images/thumbnails/e.jpg);background-repeat:no-repeat;}
a.slidef {background:url(../images/thumbnails/f.jpg);background-repeat:no-repeat;}
a.slideg {background:url(../images/thumbnails/g.jpg);background-repeat:no-repeat;}
a.slideh {background:url(../images/thumbnails/h.jpg);background-repeat:no-repeat;}
a.slidei {background:url(../images/thumbnails/i.jpg);background-repeat:no-repeat;}
a.slidej {background:url(../images/thumbnails/j.jpg);background-repeat:no-repeat;}
a.slidek {background:url(../images/thumbnails/k.jpg);background-repeat:no-repeat;}
a.slidel {background:url(../images/thumbnails/l.jpg);background-repeat:no-repeat;}
a.slidem {background:url(../images/thumbnails/m.jpg);background-repeat:no-repeat;}
a.sliden {background:url(../images/thumbnails/n.jpg);background-repeat:no-repeat;}

a.gallery span {visibility:hidden; display:block; position:absolute; width:850px; height:400px; top:189px; left:9px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;cursor:default;}

a.slidea span {left:-101px; top:175px;}
a.slideb span {left:-196px; top:175px;}
a.slidec span {left:-291px; top:175px;}
a.slided span {left:-386px; top:175px;}
a.slidee span {left:-481px; top:175px;}
a.slidef span {left:-576px; top:175px;}
a.slideg span {left:-671px; top:175px;}
a.slideh span {left:-101px; top:84px;}
a.slidei span {left:-196px; top:84px;}
a.slidej span {left:-291px; top:84px;}
a.slidek span {left:-386px; top:84px;}
a.slidel span {left:-481px; top:84px;}
a.slidem span {left:-576px; top:84px;}
a.sliden span {left:-671px; top:84px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}