html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 


/* colours
body borders : #ccdced
subnav box background : #edeef1
medium blue : #838b9f
darkish blue (text) : #3f4d72
dark brown (h2) : #601205 
pale brown (h2 borders) : #cbb0ab 
brown (top and bottom borders) : #6b3f37 
darker blue (h3) : #2c3f6f 
yellow : #fdef7b 
 */ 



body  { 
	width: 100%; 
	text-align: left; 
	font: small/150% helvetica, "trebuchet ms", arial, sans-serif; 
	color: #3f4d72;  
	background: #f9fafb url(images/body2.png) repeat-y 50% 0; 
	border-top: 2px solid #6b3f37; /* pale brown */ 
	} 

#container  { 
	width: 880px; 
	margin: 0 auto; 
	} 

#header  { 
	position: relative; 
	float: left; 
	width: 880px; 
	height: 150px; 
	margin: 5px 0 0 0; 
	background: #fff url(images/griffin120x150.jpg) no-repeat 0 0; 
	} 

#main  { 
	float: left; 
	width: 100%; 
	padding: 10px 0 20px 0; 
	background: #fff; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	text-align: center; 
	font-size: 90%; 
	margin: 20px 0 0 0; 
	padding: 80px 0 20px 0; 
	background: #fff url(images/griffin65x70.jpg) no-repeat 50% 10px; 
	border-top: 2px solid #6b3f37; /* pale brown */ 
	} 

#intro  { 
	float: left; 
	width: 580px; 
	margin: 10px 0 0 0; 
	} 

#location  { 
	float: right; 
	width: 260px; 
	margin: 20px 0 0 0; 
	padding: 0 0 0 20px; 
	border-left: 1px dotted #838b9f; 
	} 

#minornav, 
#coursedetails  { 
	float: right; 
	width: 270px; 
	margin: 0 0 20px 20px; 
	padding: 0 0 15px 0; 
	background: url(images/minornav.gif) no-repeat 0 100%; 
	} 

#golfintro  { 
	float: left; 
	width: 550px; 
	} 

#golfdetails  { 
	float: right; 
	width: 290px; 
	margin: 10px 0 0 0; 
	padding: 0 0 0 20px; 
	} 

#contactform  { 
	float: left; 
	width: 400px; 
	} 

#map  { 
	float: right; 
	width: 450px; 
	height: 400px; 
	border: 1px solid #99aab0; 
	} 

#map.golfcourse  { 
	float: left; 
	width: 540px; 
	height: 400px; 
	margin: 20px 0; 
	} 

#golfpics  { 
	float: left; 	
	width: 100%; 
	padding: 0 0 0 20px; 
	} 

#hawkpics  { 
	float: left; 	
	width: 100%; 
	} 




/* << navigation menus >> */ 




ul#nav {
	float: right; 
	width: 700px; 
	height: 40px; 
	margin: 0; 
	padding: 0 20px; 
	font-family: constantia, georgia, serif; 
	font-variant: small-caps; 
	list-style: none; 
	background: #525d78 url(images/nav740x40.png) no-repeat 0 0; 
	}

ul#nav li  { 
	float: left; 
	width: auto; 
	line-height: 40px; 
	margin: 0; 
	padding: 0 0 0 2px; 
	background: url(images/navdot40.gif) no-repeat 0 0; 
	} 

ul#nav li#navindex  { 
	padding: 0; 
	background: none; 
	} 

ul#nav a {
	display: block;
	width: auto; 
	padding: 0 1.5em; 
	color: #fff; 
	text-decoration: none; 
	} 

ul#nav a:hover  { 
	color: #fbea5c; /* yellow */ 
	background: #838b9f; /* medium blue */ 
	text-decoration: none; 
	} 

ul#nav a:active  { 
	color: #fff; 
	} 

body#index ul#nav li#navindex a, 
body#accommodation ul#nav li#navaccommodation a, 
body#fishing ul#nav li#navfishing a, 
body#stalking ul#nav li#navstalking a, 
body#golf ul#nav li#navgolf a, 
body#news ul#nav li#navnews a, 
body#contact ul#nav li#navcontact a  { 
	color: #fbea5c; /* yellow */ 
	} 

body#index ul#nav li#navindex a:hover, 
body#accommodation ul#nav li#navaccommodation a:hover, 
body#fishing ul#nav li#navfishing a:hover, 
body#stalking ul#nav li#navstalking a:hover, 
body#golf ul#nav li#navgolf a:hover, 
body#news ul#nav li#navnews a:hover, 
body#contact ul#nav li#navcontact a:hover  { 
	color: #fdef7b; /* yellow */ 
	background: none; 
	cursor: default; 
	text-decoration: none; 
	} 

body#lodge li#navlodge a, 
body#lodge li#navlodge a:hover, 
body#lodgeexteriorgallery li#navlodgeexterior a, 
body#lodgeexteriorgallery li#navlodgeexterior a:hover, 
body#lodgeinteriorgallery li#navlodgeinterior a, 
body#lodgeinteriorgallery li#navlodgeinterior a:hover, 
body#reids li#navreids a, 
body#reids li#navreids a:hover, 
body#reidsexteriorgallery li#navreidsexterior a, 
body#reidsexteriorgallery li#navreidsexterior a:hover, 
body#reidsinteriorgallery li#navreidsinterior a, 
body#reidsinteriorgallery li#navreidsinterior a:hover, 
body#twinners li#navtwinners a, 
body#twinners li#navtwinners a:hover, 
body#twinnersgallery li#navtwinnersgallery a, 
body#twinnersgallery li#navtwinnersgallery a:hover, 
body#pools li#navpools a, 
body#pools li#navpools a:hover, 
body#salmongallery li#navsalmon a, 
body#salmongallery li#navsalmon a:hover, 
body#troutgallery li#navtrout a, 
body#troutgallery li#navtrout a:hover, 
body#catch li#navcatch a, 
body#catch li#navcatch a:hover, 
body#hatchery li#navhatchery a, 
body#hatchery li#navhatchery a:hover, 
body#hatcherygallery li#navhatcherygallery a, 
body#hatcherygallery li#navhatcherygallery a:hover, 
body#stalking li#navstalking a, 
body#stalking li#navstalking a:hover, 
body#stalkinggallery li#navstalkinggallery a, 
body#stalkinggallery li#navstalkinggallery a:hover, 
body#woodcock li#navwoodcock a, 
body#woodcock li#navwoodcock a:hover, 
body#hawking li#navhawking a, 
body#hawking li#navhawking a:hover, 
body#areagallery li#navareagallery a, 
body#areagallery li#navareagallery a:hover, 
body#sitemap #siteinfo li#navsitemap a, 
body#credits #siteinfo li#navcredits a, 
body#sitemap #siteinfo li#navsitemap a:hover, 
body#credits #siteinfo li#navcredits a:hover  { 
	color: #4d5874; 
	cursor: default; 
	text-decoration: none; 
	} 






/* << other links >> */ 


a:link  { 
	color: #0720d9; /* blue */ 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #0720d9; 
	text-decoration: none; 
	} 

a:hover { 
	color: #f8200a; /* red */ 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #fff; 
	background: #525d78; /* nav-hover grey */ 
	} 

a:active  { 
	color: #8856ed; /* purple */ 
	} 

p.gallerylink a  { 
	float: left; 
	width: 350px; 
	height: 40px; 
	text-indent: -5000px; 
	text-decoration: none; 
	background: url(images/gallerylinks.png) no-repeat 0 0; 
	} 

p.gallerylink a:hover  { 
	text-decoration: none; 
	background: url(images/gallerylinks.png) no-repeat 0 -40px; 
	} 

p.gallerylink.interior a  { 
	background: url(images/gallerylinks.png) no-repeat 0 -80px; 
	} 

p.gallerylink.interior a:hover  { 
	background: url(images/gallerylinks.png) no-repeat 0 -120px; 
	} 

p.gallerylink.exterior a  { 
	background: url(images/gallerylinks.png) no-repeat 0 -160px; 
	} 

p.gallerylink.exterior a:hover  { 
	background: url(images/gallerylinks.png) no-repeat 0 -200px; 
	} 

p.gallerylink.stalking a  { 
	background: url(images/gallerylinks.png) no-repeat 0 -240px; 
	} 

p.gallerylink.stalking a:hover  { 
	background: url(images/gallerylinks.png) no-repeat 0 -280px; 
	} 

p.gallerylink.salmon a  { 
	background: url(images/gallerylinks.png) no-repeat 0 -320px; 
	} 

p.gallerylink.salmon a:hover  { 
	background: url(images/gallerylinks.png) no-repeat 0 -360px; 
	} 

p.gallerylink.trout a  { 
	background: url(images/gallerylinks.png) no-repeat 0 -400px; 
	} 

p.gallerylink.trout a:hover  { 
	background: url(images/gallerylinks.png) no-repeat 0 -440px; 
	} 





/* << headers >> */ 


h1  { 
	float: left; 
	width: 450px; 
	height: 110px; 
	margin: 0; 
	padding: 0 0 0 140px; 
	text-indent: -5000px; 
	background: url(images/lairg06.png) no-repeat 140px 0;   
	} 

h2  { 
	float: left; 
	width: 880px; 
	margin: 0.5em 0 0.7em 0; 
	padding: 0 0 0.2em 0; 
	padding: 0.2em 0; 
	font: 200%/140% contstantia, georgia, serif; 
	letter-spacing: 0.02em; 
	color: #601205; 
	border-top: 1px solid #cbb0ab; 
	border-bottom: 1px solid #cbb0ab; /* pale brown */ 
	} 

h3  { 
	margin: 0; 
	padding: 0.6em 0 0 0; 
	font: 160%/140% contstantia, georgia, serif; 
	letter-spacing: 0.02em; 
	color: #2c3f6f; 
	} 

#location h3  { 
	padding: 0 0 0.2em 0; 
	} 

#minornav h3, 
#coursedetails h3  { 
	padding: 10px 20px 5px 20px; 
	background: #edeef1 url(images/h3.gif) no-repeat 0 0; 
	} 

h4  { 
	margin: 0; 
	padding: 0.6em 0 0 0; 
	font: 130%/140% contstantia, georgia, serif; 
	} 




/* << paragraphs >> */ 


p  { 
	margin: 0.7em 0 0 0; 
	padding: 0; 
	} 

#companyinfo p, 
#siteinfo p  { 
	float: left; 
	width: 100%; 
	padding: 0.4em 0 0 0; 
	text-align: center; 
	} 

#contactform p  { 
	padding: 0 0 0 10px; 
	} 

p#reqd  { 
	font-style: italic; 
	} 

p.seemore  { 
	padding: 0 0 0 15px; 
	background: url(images/seemore.png) no-repeat 0 50%; 
	} 

p.gallerylink  { 
	height: 40px; 
	margin: 1em 0 0 0; 
	} 



/* << lists >> */ 


ul  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style: disc; 
	} 

ol  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.2em 0 0 0; 
	} 

#siteinfo ul  { 
	display: inline; 
	float: left; 
	width: 100%; 
	text-align: center; 
	padding: 0.5em 0; 
	line-height: 140%; 
	} 

#siteinfo ul li  { 
	display: inline; 
	margin: 0; 
	padding: 0 1em; 
	} 

#minornav ul, 
#coursedetails ul  { 
	float: left; 
	width: 210px; 
	padding: 10px 20px 0 40px; 
	} 

dl  { 
	float: left; 
	width: auto; 
	margin: 0; 
	padding: 0 0 20px 0; 
	} 

dt  { 
	padding: 15px 0 5px 0; 
	font-size: 120%; 
	font-weight: normal; 
	} 

dd  { 
	padding: 0 0 0 1em; 
	} 

dl#quickcontact  { 
	position: absolute; 
	top: 10px; 
	right: 0; 
	width: 250px; 
	height: 70px; 
	margin: 0; 
	padding: 10px 0 0 0; 
	background: url(images/quickcontact.png) no-repeat 0 0; 
	} 

dl#quickcontact dt  { 
	float: left; 
	width: 45px; 
	margin: 0; 
	padding: 0; 
	text-align: right; 
	font-weight: bold; 
	font-size: 100%; 
	} 

dl#quickcontact dd  { 
	float: right; 
	width: 195px; 
	margin: 0; 
	padding: 0; 
	} 

body#contact #main dl  { 
	width: 330px; 
	} 

body#contact.cform #main dl  { 
	float: right; 
	width: 420px; 
	} 






/* << home and accom. page links >> */ 



ul#mainlinks  { 
	float: left; 
	width: 880px; 
	position: relative; 
	margin: 20px 0 0 0; 
	padding: 0; 
	list-style: none; 
	text-align: center; 
	} 

ul#mainlinks li  { 
	float: left; 
	width: 270px; 
	height: 190px; 
	padding: 0; 
	display: inline; 
	} 

ul#mainlinks li#accommodationlink, 
ul#mainlinks li#lodgelink  { 
	background: url(images/accommodation05.jpg) no-repeat 0 40px; 
	} 

ul#mainlinks li#fishinglink  { 
	position: absolute; 
	top: 0; 
	left: 300px; 
	background: url(images/fishing03.jpg) no-repeat 0 40px; 
	} 

ul#mainlinks li#golflink  { 
	position: absolute; 
	top: 0; 
	left: 600px; 
	background: url(images/golf03.jpg) no-repeat 0 40px; 
	} 

ul#mainlinks li#reidslink  { 
	position: absolute; 
	top: 0; 
	left: 300px; 
	background: url(images/reids01.jpg) no-repeat 0 40px; 
	} 

ul#mainlinks li#twinnerslink  { 
	position: absolute; 
	top: 0; 
	left: 600px; 
	background: url(images/twinners01.jpg) no-repeat 0 40px; 
	} 

ul#mainlinks h3  { 
	height: 40px; 
	line-height: 40px; 
	padding: 0; 
	background: url(images/h3.gif) no-repeat 0 0; 
	} 

ul#mainlinks p  { 
	float: left; 
	width: 270px; 
	margin: 0; 
	padding: 110px 0 0 0; 
	height: 50px; 
	line-height: 50px; 
	text-indent: -5000px; 
	} 

ul#mainlinks a  { 
	display: block; 
	float: left; 
	width: 270px; 
	height: 50px; 
	color: #4d5874; 
	background: url(images/mainlink.gif) no-repeat 0 0; 
	text-decoration: none; 
	} 

ul#mainlinks a:hover  { 
	background: url(images/mainlink.gif) no-repeat -270px 0; 
	} 





/* << pool maps >> */ 



ul#poolmaps  { 
	float: left; 
	width: 590px; 
	margin: 20px 0 0 0; 
	padding: 0; 
	list-style: none; 
	} 

ul#poolmaps li  { 
	padding: 0; 
	} 

ul#poollist  { 
	float: left; 
	width: 260px; 	
	margin: 70px 0 0 0; 
	} 

ul#poollist li  { 
	width: 100%; 
	} 

ul#poollist li#dam  { 
	height: 300px; 
	} 

ul#poollist li#wall  { 
	height: 150px; 
	} 

ul#poollist li#ladies  { 
	height: 100px; 
	} 

ul#poollist li#aquarium  { 
	height: 90px; 
	} 

ul#poollist li#phills  { 
	height: 130px; 
	} 

ul#poollist li#wood  { 
	height: 100px; 
	} 

ul#poollist li#suspension  { 
	height: 70px; 
	} 

ul#poollist li#station  { 
	height: 90px; 
	} 

ul#poollist li#middle  { 
	height: 180px; 
	} 

ul#poollist li#mill  { 
	height: 280px; 
	} 

ul#poollist li#ruin  { 
	height: 70px; 
	} 

ul#poollist li#cottagepool1  { 
	height: 50px; 
	} 

ul#poollist li#cottagepool2  { 
	height: 50px; 
	} 

ul#poollist li#cottagepool3  { 
	height: 90px; 
	} 

ul#poollist li#cottagepool4  { 
	height: 80px; 
	} 

ul#poollist li#pandorasbox  { 
	height: 120px; 
	} 

ul#poollist li#miltons  { 
	height: 100px; 
	} 

ul#poollist li#cliff  { 
	height: 110px; 
	} 

ul#poollist li#uppereleanors  { 
	height: 190px; 
	} 

ul#poollist li#eleanors  { 
	height: 190px; 
	} 


ul#poollist li#grudie  { 
	height: 100px; 
	} 

ul#poollist li#meadow  { 
	height: 80px; 
	} 

ul#poollist li#fir  { 
	height: 50px; 
	} 

ul#poollist li#field  { 
	height: 50px; 
	} 

ul#poollist li#cindas  { 
	height: 110px; 
	} 

ul#poollist li#ladyherbert  { 
	height: 100px; 
	} 

ul#poollist li#gate  { 
	height: 50px; 
	} 

ul#poollist li#beech  { 
	height: 50px; 
	} 

ul#poollist li#fryingpan  { 
	height: 50px; 
	} 

ul#poollist li#rocky  { 
	height: 60px; 
	} 

ul#poollist li#broad  { 
	height: 60px; 
	} 

ul#poollist li#grief  { 
	height: 70px; 
	} 





/* << form >> */ 



form  { 
	float: left; 
	width: 380px; 
	margin: 0; 
	padding: 20px 20px 20px 0; 
	} 

form div  { 
	margin: 0.7em 0 0 0; 
	padding: 0 0 0 10px; 
	} 

fieldset  { 
	margin: 0 0 20px 0; 
	border: none; 
	} 

legend  { 
	visibility: hidden;  
	} 

label  { 
	float: left; 
	width: 8em; 
	} 

label.message, 
label.zemTextarea  { 
	width: auto; 
	} 

input  { 
	width: 250px; 
	} 

input.radio  { 
	width: auto; 
	margin: 0 1.5em 0 0.3em; 
	} 

input.submitform, 
input.zemSubmit  { 
	width: auto; 
	margin: 5px 0 0 0; 
	padding: 0.2em 0.5em; 
	color: #f00; 
	font-weight: bold; 
	} 

input.submitform:hover, 
input.zemSubmit:hover  { 
	color: #dc591e; /* orange */ 
	cursor: pointer; 
	} 

textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	} 

select  { 
	width: 220px; 
	margin: 5px 1px 0 1px; 
	color: #dc591e; /* orange */ 
	} 

option  { 
	padding: 0 2px; 
	} 

ul.zemError {
	margin: 0 0 20px 0; 
	padding: 10px 20px; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	border: 1px solid #b43222; 
	list-style-type: none; 
	} 





/* << gallery stuff >> */ 



ul.gallery  { 
	float: left; 
	width: 590px; 
	margin: 0; 
	padding: 10px 0 20px 0; 
	list-style-type: none; 
	} 

body#area_gallery ul.gallery  { 
	width: 850px; 
	} 

ul.gallery li  { 
	float: left; 
	display: inline; 
	margin: 0 10px 10px 0; 
	} 

ul.gallery a  { 
	display: block; 
	width: 104px; /* img width plus L & R padding */ 
	height: 104px; /* img height plus T & B padding */ 
	border: 1px solid #99aab0; 
	} 

ul.gallery a:hover  { 
	display: block; 
	border: 1px solid #f00; /* red */ 
	} 

ul.gallery li img  { 
	float: left; 
	display: inline; 
	margin: 0; 
	padding: 2px; 
	background: #f6f9f5; 
	border: none; 
	} 




/* << minor, decorative elements >> */ 


img  { 
	float: left; 
	margin: 20px 20px 20px 0; 
	padding: 4px; 
        background: #f6f9f5; 
	border: 1px solid #99aab0; 
	} 

img.panorama, 
#map img  { 
	margin: 0; 
	padding: 0; 
	background: none; 
	border: none; 
	} 

body#twinners img.panorama  { 
	margin: 0 0 20px 0; 
	} 

ul#poolmaps img  { 
	margin: 0 0 10px 0; 
	} 

body#stalking #main img  { 
	float: right; 
	margin: 0 0 20px 20px; 
	} 

em  { 
	font-weight: bold; 
	font-style: normal; 
	} 
 
blockquote  { 
	padding: 10px 0 0 0; 
	background: #f5fafb; 
	} 

cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #006585; /* text colour */ 
	cursor: help; 
	} 




/* SLIMBOX */ 




#lbOverlay {

	position: fixed;

	z-index: 9999;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #000;

	cursor: pointer;

}



#lbCenter,
 #lbBottomContainer {

	position: absolute;

	z-index: 9999;

	overflow: hidden;

	background-color: #fff;

}



.lbLoading {

	background: #fff url(images/loading.gif) no-repeat center;

}



#lbImage {

	position: absolute;

	left: 0;

	top: 0;

	border: 10px solid #fff;

	background-repeat: no-repeat;

}



#lbPrevLink,
 #lbNextLink {

	display: block;

	position: absolute;

	top: 0;

	width: 50%;

	outline: none;

}



#lbPrevLink {

	left: 0;

}



#lbPrevLink:hover {

	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;

}



#lbNextLink {

	right: 0;

}



#lbNextLink:hover {

	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;

}

#lbBottom {

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size: 10px;

	color: #006585;  
	line-height: 1.4em;

	text-align: left;
	border: 10px solid #fff;

	border-top-style: none;

}



#lbCloseLink {

	display: block;

	float: right;

	width: 66px;

	height: 22px;

	background: transparent url(images/closelabel.gif) no-repeat center;

	margin: 5px 0;

	outline: none;

}



#lbCaption,
 #lbNumber {

	margin-right: 71px;

}



#lbCaption {

	font-weight: bold;

}