/*-------------------------
colour #bbbb99
--------------------------*/
body
{
	margin: 0;
	padding: 0;
	font: 85% Century Gothic, arial, hevetica, sans-serif;
	text-align: center;
	text-decoration:none;
	color: #111;
	background: #bbbb99;
}

a:link { color: #111;text-decoration:none; }
a:visited { color: #b93411;text-decoration:none; }
a:focus { color: #000;text-decoration:none; }
a:hover { color: #7d8206; text-decoration:none;}
a:active { color: 111; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; }

h2
{
	color: #111;
	font: 140% Century Gothic, georgia, times, "times new roman", serif;
}



h3
{
	color: #111;
	font: bold 120% Century Gothic, georgia, times, "times new roman", serif;
}


h4
{
	color: #rrr;
	font: bold 120% Century Gothic, georgia, times, "times new roman", serif;
}

h2 a { text-decoration: none; }



/* ------------------------------
box styles colour:#f0f2da
------------------------------ */

#box
{
	margin: 1em auto;
	width: 800px;
	text-align: left;
	text-decoration: none;
	background-color:#f0f2da;
	border: 1px solid #676767;
}

/* ------------------------------
header styles
------------------------------ */

#header
{
	height: 165px;
	width: 100%;
	position: relative;
	background: url(hobbs8.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;
}

#header h1
{
	position: absolute;
	left: -500em;
}


            


#skipmenu
{
	position: absolute;
	left: 0;
	top: 5px;
	width: 645px;
	text-align: right;
}

#skipmenu a
{
	color: #555;
	text-decoration: none;
}

/* ------------------------------
mainnav styles
------------------------------ */

#mainnav
{
	background: #D1D7C8;
	color: #272900;
	padding: 2px 0;
	margin-bottom: 22px;
}

#mainnav ul
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #C4C769;
}

#mainnav li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #C4C769;
}

#mainnav li a
{
	text-decoration: none;
	color: #272900;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
}

/* ------------------------------
menu styles
------------------------------ */

#menu
{
	float: right;
	width: 165px;
	border-left: 1px solid #C5C877;
	padding-left: 15px;
}

#menu ul
{
	margin: 1em 0;
	padding: 0;
}

#menu ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

/* ------------------------------
contents styles colour:#f0f2da
------------------------------ */

#contents
{
	float: left;
	width: 580px;
	margin: 0 0 0 25px;
	background-color:#f0f2da;
	text-decoration:none;
}

#contents p { 	line-height: 130%; 
	padding: 5px 0 0 5px;
	text-decoration: none;
				
}





.imagefloat
{
	float: left;
	padding: 2px;
	border: 1px solid #9FA41D;
	margin: 0 0 10px 10px;
}

/* ------------------------------
footer styles
------------------------------ */

#footer
{
	clear: both;
	color: #272900;
	text-align: center;
	font-size: 90%;
	background: #D1D7C8;
	padding: 5px;
}



/* ----------------------------
gallery page 
--------------------------------*/


/* The containing box for the gallery. */
#container {
    position:relative;
    width:705px;
    height:460px;
    margin:7px auto 0 auto;
    border:0px solid #bbbb99;
	   }

/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#bbbb99;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#111;
    text-decoration:none;
    border:1px solid #bbbb99;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }



#container a.slideh1 {
    background:url(picarchie.jpg);
    height:60px;
    width:60px;
    }

#container a.slideh2 {
    background:url(piced.jpg);
    height:60px;
    width:60px;
    }
#container a.slideh3 {
    background:url(picamber.jpg);
    height:60px;
    width:60px;
    }
#container a.slideh4 {
    background:url(picelaine.jpg);
    height:60px;
    width:60px;
    }


#container a.slideh5{
    background:url(picdartmoor.jpg);
    height:60px;
    width:60px;
    }
#container a.slideh6 {
    background:url(picdoughal.jpg);
    height:60px;
    width:60px;
    }

#container a.slideh7{
    background:url(picozzie.jpg);
    height:60px;
    width:60px;
    }

#container a.slideh8{
    background:url(piccharlestowngirl.jpg);
    height:60px;
    width:60px;
    }


#container a.slided1 {
    background:url(picspooky.jpg);
    height:60px;
    width:60px;


    }
#container a.slided2 {
    background:url(picelvis.jpg);
    height:60px;
    width:60px;
    }

#container a.slided3 {
    background:url(picviv.jpg);
    height:60px;
    width:60px;
    }
#container a.slided4 {
    background:url(picmonty.jpg);
    height:60px;
    width:60px;
    }
#container a.slided5 {
    background:url(picjahsra.jpg);
    height:60px;
    width:60px;
    }

#container a.slided6 {
    background:url(picbridie.jpg);
    height:60px;
    width:60px;
    }


#container a.slided7 {
    background:url(picpadraic.jpg);
    height:60px;
    width:60px;
    }

#container a.slided8{
    background:url(pichobbes.jpg);
    height:60px;
    width:60px;
    }

#container a.slided9{
    background:url(picbonnie.jpg);
    height:60px;
    width:60px;
    }

#container a.slided10{
    background:url(picbobby.jpg);
    height:60px;
    width:60px;
    }

#container a.slided11{
    background:url(picgeorge.jpg);
    height:60px;
    width:60px;
    }

#container a.slidec1 {
    background:url(piccoco.jpg);
    height:60px;
    width:60px;
    }


#container a.slidec2 {
    background:url(picdreams.jpg);
    height:60px;
    width:60px;
    }


#container a.slidec3 {
    background:url(picpuddles.jpg);
    height:60px;
    width:60px;
    }

#container a.slidec4 {
    background:url(picpoes.jpg);
    height:60px;
    width:60px;
    }

#container a.slidec5 {
    background:url(piclily.jpg);
    height:60px;
    width:60px;
    }

#container a.slidec6 {
    background:url(picchester.jpg);
    height:60px;
    width:60px;
    }

#container a.slidec7 {
    background:url(piczeppo.jpg);
    height:60px;
    width:60px;
    }


#container a.slideW1 {
    background:url(pictiger1.jpg);
    height:60px;
    width:60px;
    }

#container a.slideW2 {
    background:url(pictiger2.jpg);
    height:60px;
    width:60px;
    }

#container a.slidew3 {
    background:url(picwolf.jpg);
    height:60px;
    width:60px;
    }

#container a.slideF1 {
    background:url(picdigesting.jpg);
    height:60px;
    width:60px;
    }


#container a.slideF2 {
    background:url(piccow.jpg);
    height:60px;
    width:60px;
    }



  

#container a.slide21{
    background:url(.jpg);
    height:60px;
    width:60px;
    }



#container a.slide22{
    background:url(../images/p12_t.jpg);
    height:60px;
    width:60px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:150px;
    height:330px;
	background: #bbbb99;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin:20px 0px 0px 0px;
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #bbbb99;
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:500px;
    height:400px;
    top:20px;
    left:10px;
    color:#111;
    background:#bbbb99;
    }

#container a.gallery:hover img {
    border:1px solid #bbbb99;
    float:left;
    margin-right:5px;
    }

#container a.slide2:hover img, #container a.slidei:hover img {
    float:right;
    }

#container{
    background:#bbbb99 url('galleryfill.jpg') no-repeat  25px;
	border: 2px solid #111;
    }