@charset "utf-8";

/* Created by John Fyfe Patrick 
Copyright 2001 - 2009 
email johnfyfepatrick@yahoo.co.uk
written for Argyll Adventure Inveraray =======*/

* {	margin: 0; padding: 0; }
img { border: none; }

/* links & type ==============*/
body { font-family: Verdana, Geneva, sans-serif; font-size: 8pt; color: #70441c; background-image: url(images/backtile.jpg); background-repeat: repeat-x; background-position: left top; line-height: 1.2em; text-align: justify; }

a {outline: none; }
a:link { color: #70441c; text-decoration: underline; font-weight: bold; }
a:visited {color: #70441c; text-decoration: underline; font-weight: bold;  }
a:hover { color: #70441c; text-decoration: none ; font-weight: bold; }

.hoverdim {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)"; filter:alpha(opacity=25); zoom:1}
.hoverdim:hover {opacity:0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter:alpha(opacity=100)}

/* layout ===============*/
#preamble { position:absolute; left:1px; top:-500px; width:601px; height:1px; z-index:1; visibility: visible; overflow: hidden; }
#wrapper { margin: 0 auto; padding: 0px; background: url(images/backdrop.jpg) no-repeat scroll 50% 0; height: 650px; }
#viewport {width: 750px; height: 346px; overflow: hidden ; margin: 0 auto; margin-top: 133px ; position: relative ;}
#home { background: url(images/homeback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ;    }
#horse { background: url(images/horseback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ; }
#fun { background: url(images/funback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ; }
#map { background: url(images/mapback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ; }
#info { background: url(images/infoback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ; }
#vol { background: url(images/volback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ; }
#liv { background: url(images/livback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ; }
#paint { background: url(images/paintback.jpg) no-repeat ; width: 750px; height: 346px; position: relative ; }

/* Home ===============*/
#hometext {	position: absolute; top: 20px; left: 200px; width: 440px; }
#home ul { position: absolute; top: 140px; left: 361px; font-size: 11pt; }
#home ul li {padding-top: 5px ; }

/* Horse Riding ===============*/
.sprite {background: url(images/btnsprites.jpg); }
.spritesize {height:78px; width: 113px; }
.pic1 { background-position: 0 0; position: absolute; left: 225px; top: 60px; }
.pic2 { background-position: -113px 0; position: absolute; left: 355px; top: 60px; }
.pic3 { background-position: -226px 0; position: absolute; left: 485px; top: 60px; }
.pic4 { background-position: -339px 0; position: absolute; left: 615px; top: 60px; }
#horselhp { position: absolute; top: 155px; left: 225px; width: 245px; }
#horserhp { position: absolute; top: 155px; left: 485px; width: 245px; }
#ridepricelistcontent { color: #000; padding: 10px; line-height: 1.3em; text-align: justify;}
.sprite3 {background: url(images/pricelist.jpg); }
.spritesize3 {height:25px; width: 140px; }
.pic30 { background-position: 0 -25px; position: absolute; left: 225px; top: 20px; }

/* Fun Park ===============*/
.spritesize2 {height:76px; width: 113px; }
.pic5 { background-position: 0 -78px; position: absolute; left: 145px; top: 55px; }
.pic6 { background-position: -113px -78px; position: absolute; left: 265px; top: 55px; }
.pic7 { background-position: -226px -78px; position: absolute; left: 385px; top: 55px; }
.pic8 { background-position: -339px -78px; position: absolute; left: 505px; top: 55px; }
.pic25 { background-position: -452px -78px; position: absolute; left: 625px; top: 55px; }
#funlhp { position: absolute; top: 140px; left: 215px; width: 240px; }
#funrhp { position: absolute; top: 140px; left: 475px; width: 260px; }
#parkpricelistcontent { color: #fff; padding: 10px; line-height: 1.3em; text-align: justify;}
.pic31 { background-position: 0 -25px; position: absolute; left: 140px; top: 20px; }

/* Map ===============*/
.pic9 { background-position: 0 -154px; position: absolute; left: 220px; top: 55px; }
.pic10 { background-position: -113px -154px; position: absolute; left: 350px; top: 55px; }
.pic11 { background-position: -226px -154px; position: absolute; left: 480px; top: 55px; }
.pic12 { background-position: -339px -154px; position: absolute; left: 610px; top: 55px; }
#maplhp { position: absolute; top: 165px; left: 185px; width: 335px; font-size: 8pt; line-height: 1.1em; }

#traveldirectionscontent { color: #fff; padding: 10px; }
#traveldirectionscontent a:link { color: #ff0; text-decoration: none; }
#traveldirectionscontent a:visited {color: #ff0; text-decoration: none; }
#traveldirectionscontent a:hover { color: #ff0; text-decoration: underline; }

/* Information ===============*/
.pic13 { background-position: 0 -232px; position: absolute; left: 225px; top: 65px; }
.pic14 { background-position: -113px -232px; position: absolute; left: 350px; top: 65px; }
.pic15 { background-position: -226px -232px; position: absolute; left: 475px; top: 65px; }
.pic16 { background-position: -339px -232px; position: absolute; left: 600px; top: 65px; }
#infolhp { position: absolute; top: 160px; left: 220px; width: 230px; }
#inforhp { position: absolute; top: 160px; left: 475px; width: 250px; }
#linkscontent { color: #fff; padding: 10px; line-height: 1.3em; text-align: justify;}
#linkscontent a:link { color: #fff; text-decoration: underline; font-weight: bold; }
#linkscontent a:visited {color: #fff; text-decoration: underline; font-weight: bold;  }
#linkscontent a:hover { color: #fff; text-decoration: none ; font-weight: bold; }

/* Volunteer ===============*/
.pic17 { background-position: 0 -310px; position: absolute; left: 235px; top: 55px; }
.pic18 { background-position: -113px -310px; position: absolute; left: 360px; top: 55px; }
.pic19 { background-position: -226px -310px; position: absolute; left: 485px; top: 55px; }
.pic20 { background-position: -339px -310px; position: absolute; left: 620px; top: 55px; }
#vollhp { position: absolute; top: 145px; left: 190px; width: 265px; }
#volrhp { position: absolute; top: 145px; left: 470px; width: 260px; }

/* Livery ===============*/
.pic21 { background-position: 0 -388px; position: absolute; left: 225px; top: 45px; }
.pic22 { background-position: -113px -388px; position: absolute; left: 355px; top: 45px; }
.pic23 { background-position: -226px -388px; position: absolute; left: 485px; top: 45px; }
.pic24 { background-position: -339px -388px; position: absolute; left: 620px; top: 45px; }
#livlhp { position: absolute; top: 135px; left: 225px; width: 245px; }
#livrhp { position: absolute; top: 135px; left: 485px; width: 250px; font-size: 8pt;  }
#livrhp ul {margin-top : 5px ; margin-left : 12px ; line-height: 1.4em;}
#livrhp p {font-size: 9pt; }

/* Paint ===============*/
.pic26 { background-position: 0 -466px; position: absolute; left: 215px; top: 55px; }
.pic27 { background-position: -113px -466px; position: absolute; left: 350px; top: 55px; }
.pic28 { background-position: -226px -466px; position: absolute; left: 485px; top: 55px; }
.pic29 { background-position: -339px -466px; position: absolute; left: 620px; top: 55px; }
#paintlhp { position: absolute; top: 140px; left: 215px; width: 250px; }
#paintrhp { position: absolute; top: 140px; left: 485px; width: 245px; }
#paintpricelistcontent { color: #fff; padding: 10px; line-height: 1.3em; text-align: justify;}
#paintballrulescontent { color: #fff; padding: 10px; line-height: 1.3em; text-align: justify;}
.pic32 { background-position: 0 -25px; position: absolute; left: 212px; top: 22px; }
.sprite4 {background: url(images/consentprice.jpg); }
.spritesize4 {height:25px; width: 95px; }
.spritesize5 {height:25px; width: 90px; }
.pic33 { background-position: -95px -27px; position: absolute; left: 240px; top: 300px; }
.pic34 { background-position: 0 -27px; position: absolute; left: 340px; top: 300px; }

/* navigation =================*/
ul#nav { list-style-type: none; padding: 0px; margin: 0 auto; position: relative; height: 16px; width: 740px; }
#nav a {text-indent: -9999px; display: block; height: 16px; text-decoration: none; overflow: hidden; }
li#nm1 {position: absolute; top: 120px; left: 0; height: 16px; width: 50px; background: url(images/navbar.jpg) no-repeat 1px -18px; }
li#nm2 { position: absolute; top: 120px; left: 60px; height: 16px; width: 125px; background: url(images/navbar.jpg) no-repeat -55px -18px;  }
li#nm3 { position: absolute; top: 120px; left: 195px; height: 16px; width: 94px; background: url(images/navbar.jpg) no-repeat -189px -18px; }
li#nm4 {position: absolute; top: 120px; left: 297px; height: 16px; width: 86px; background: url(images/navbar.jpg) no-repeat -289px -18px; }
li#nm5 {position: absolute; top: 120px; left: 391px; height: 16px; width: 40px; background: url(images/navbar.jpg) no-repeat -379px -18px; }
li#nm6 {position: absolute; top: 120px; left: 440px; height: 16px; width: 100px; background: url(images/navbar.jpg) no-repeat -422px -18px; }
li#nm7 {position: absolute; top: 120px; left: 550px; height: 16px; width: 100px; background: url(images/navbar.jpg) no-repeat -526px -18px; }
li#nm8 {position: absolute; top: 120px; left: 660px; height: 16px; width: 70px; background: url(images/navbar.jpg) no-repeat -632px -18px; }


li#nm1 a:hover {background: url(images/navbar.jpg) no-repeat 1px 1px; }
li#nm2 a:hover {background: url(images/navbar.jpg) no-repeat -55px 1px; }
li#nm3 a:hover {background: url(images/navbar.jpg) no-repeat -189px 1px; }
li#nm4 a:hover {background: url(images/navbar.jpg) no-repeat -289px 1px; }
li#nm5 a:hover {background: url(images/navbar.jpg) no-repeat -379px 1px; }
li#nm6 a:hover {background: url(images/navbar.jpg) no-repeat -422px 1px; }
li#nm7 a:hover {background: url(images/navbar.jpg) no-repeat -526px 1px; }
li#nm8 a:hover {background: url(images/navbar.jpg) no-repeat -632px 1px; }

/* misc ============*/
.clear { clear: both; }
.bold {	font-weight: bold; }
.hidden{display:none;}

/* Footer =============*/
#footercontent {/*height: 70px;*/ width: 750px; margin: 0 auto; margin-top: 65px ; position: relative; }
#footercontent p { font-size: 9px; /*color: #009;*/ }
#lhand p { position: absolute; left: 5px; top: -5px; text-align: left; display: block; width: 250px; }
#lhandimage { position: absolute; left: 345px; top: -5px; }
#rhand p { position: absolute; left: 420px; top: 10px; text-align: left; width: 280px; line-height: 11px; }
#rhandimage { position: absolute; left: 700px; top: 0; }
.footsprite {background: url(images/footlogos.jpg) no-repeat; }
.footspritesize {height:60px; width: 45px; }
.stb {background-position: 0 0; }
.green {background-position: -46px 0; }
#xhtmlimage { position: absolute; left: 2px; top: 50px;  }
#cssimage { position: absolute; left: 85px; top: 50px; }
#csslogo p {position: absolute; left: 155px; top: 52px; text-align: left; width: 280px; }
.csssprite {background: url(images/csssprite.gif) no-repeat; }
.cssspritesize {height:33px; width: 80px; }
.xhtml {background-position: 0 0; }
.css {background-position: -86px 0; }