@charset "utf-8";

/* Created by John Fyfe Patrick 
Copyright 2009 
email johnfyfepatrick@yahoo.co.uk
written for InverarayAccommodation.com  =======*/

* {	margin: 0; padding: 0; }
img { border: none; }

/* links & type ==============*/
body {font-family: Verdana, Geneva, sans-serif; font-size: 9pt; color: #70441c; background-image: url(images/backtile.jpg); background-repeat: repeat-x; background-position: left top; line-height: 1.1em; text-align: justify; background-color: #FFFEEC; }

ul { border-style: none; list-style-type:none; }
ul li { display: inline; font-weight: bold; }

a:link {color: #70441c; text-decoration: none; }
a:visited {color: #70441c; text-decoration: none; }
a:hover { color: #70441c; text-decoration: underline; }

/* layout ===============*/
#prespeel{ position:absolute; left:1px; top:-500px; width:401px; height:1px; z-index:1; visibility: visible; overflow: hidden; position: relative;}
#wrapper { margin: 0 auto; padding: 0px; background: url(images/backdrop.jpg) no-repeat 50% 0; height: 570px; position: relative; }
#content { margin: 0 auto; width: 750px; position: relative; }
#innercontent { padding-top: 85px; }

/* footer ================*/
#footer ul { position: absolute; left: 92px; top: 505px; }
#copyright { position: absolute; left: 0px; top: 540px; font-size: 7pt; }
#xhtmlimage {position: absolute; left: 425px; top: 535px; }
#cssimage { position: absolute; left: 505px; top: 535px; }
#csslogo p {position: absolute; left: 580px; top: 540px; text-align: left; width: 170px; font-size: 7pt; }
.csssprite {background: url(images/csssprite.jpg) no-repeat; }
.cssspritesize {height:29px; width: 75px; }
.cssspritesize2 {height:29px; width: 70px; }
.xhtml {background-position: 0 0; }
.css {background-position: -76px 0; }

/* misc =====================*/
.bold {	font-weight: bold; }
.hidden{display:none;}

/* town house panel =====================*/

#townhouseinveraray #clickme { position: absolute; left: 95px; top: 12px; color: #70441c; }
#townhouseinveraray img { position: absolute; left: 10px; top: 30px; }
#townhouseinveraray #title { position: absolute; left: 425px; top: 10px; color: #70441c; font-size: 10pt;}
#townhouseinveraray #blurb { position: absolute; left: 372px; top: 30px; width: 365px; color: #70441c; font-size: 7.5pt; }
#townhouseinveraray ul {text-align: left; color: #70441c; }
#townhouseinveraray ul li {display: block; font-weight: normal; }

#btnprice { position: absolute; left: 369px; top: 257px; }
#btntravel { position: absolute; left: 499px; top: 257px; }
#btndetail { position: absolute; left: 629px; top: 257px; }

.btnsprite {background: url(images/btnsprite.gif) no-repeat; }
.btnspritesize {height:23px; width: 125px; }
.btnspritesize2 {height:23px; width: 90px; }

.price {background-position: 0 0; }
.travel {background-position: -125px 0; }
.detail {background-position: -250px 0; }

#moredetailcontent { color: #fff; padding: 10px; text-align: justify; }

#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; }

#inventory ul {margin-left: 0; padding-left: 2em;}
#inventory ul li { 	display: block; font-weight: normal; padding-bottom: 1em;}

#moredetailcontent table {margin-left: 2em; border: 0; }
#moredetailcontent a:link { color: #ff0; text-decoration: none; }
#moredetailcontent a:visited {color: #ff0; text-decoration: none; }
#moredetailcontent a:hover { color: #ff0; text-decoration: underline; }

#termtextcontent { color: #fff; padding: 10px; text-align: justify; }


/* loft panel =====================*/

#loftinveraray #clickloft { position: absolute; left: 455px; top: 12px; color: #70441c; }
#loftinveraray img { position: absolute; right: 10px; top: 30px; }
#loftinveraray #lofttitle { position: absolute; left: 90px; top: 10px; color: #70441c; font-size: 10pt;}
#loftinveraray #loftblurb { position: absolute; left: 15px; top: 30px; width: 365px; color: #70441c; font-size: 7.5pt; }

#loftinveraray ul {text-align: left; color: #70441c; }
#loftinveraray ul li {display: block; font-weight: normal; }

#loftinveraray #btnloftprice { position: absolute; left: 155px; top: 257px; }
#loftinveraray #btnlofttravel { position: absolute; left: 285px; top: 257px; }
#loftinveraray #btnloftdetail { position: absolute; left: 380px; top: 257px; }



#loftdetailcontent { color: #fff; padding: 10px; text-align: justify; }

#loftinventory ul {margin-left: 0; padding-left: 2em;}
#loftinventory ul li { 	display: block; font-weight: normal; padding-bottom: 1em;}

#loftdetailcontent table {margin-left: 2em; border: 0; }

#loftdetailcontent a:link { color: #ff0; text-decoration: none; }
#loftdetailcontent a:visited {color: #ff0; text-decoration: none; }
#loftdetailcontent a:hover { color: #ff0; text-decoration: underline; }




/* inveraray panel ===============*/

#inveraraydescpane #title2 { position: absolute; left: 285px; top: 10px; color: #70441c; font-size: 10pt;}
#inveraraydescpane #blurb2 { position: absolute; left: 10px; top: 30px; width: 390px; color: #70441c; }
#inveraraydescpane #blurb3 { position: absolute; left: 420px; top: 30px; width: 290px; color: #70441c; font-size: 7.5pt; }

#btnattract { position: absolute; left: 455px; top: -55px; }
#btnevents { position: absolute; left: 545px; top: -55px; }
#btntour { position: absolute; left: 611px; top: -55px; }

.btnspritesize3 {height:23px; width: 85px; }
.btnspritesize4 {height:23px; width: 65px; }
.btnspritesize5 {height:23px; width: 70px; }

.attract {background-position: -345px 0; }
.event {background-position: -435px 0; }
.tour {background-position: -500px 0; }

#clickmeinver { position: absolute; left: 10px; top: 153px; color: #70441c; }
#inveraraydescpane img { position: absolute; left: 5px; top: 170px; }

#attracttextcontent { color: #fff; padding: 10px; line-height: 1.3em; text-align: justify;}
#eventstextcontent { color: #fff; padding: 10px; line-height: 1.3em; text-align: justify;}
#touringtextcontent { color: #fff; padding: 10px; line-height: 1.3em; text-align: justify;}

/* testimonals panel ===============*/

#quote1 { position: absolute; left: 35px; top: 10px; width: 320px }
#quote2 { position: absolute; left: 395px; top: 10px; width: 320px }
#quote4 { position: absolute; left: 395px; top: 65px; width: 320px }
#quote5 { position: absolute; left: 35px; top: 80px; width: 320px }
#quote7 { position: absolute; left: 35px; top: 170px; width: 320px }
#quote6 { position: absolute; left: 395px; top: 140px; width: 320px }
blockquote {color: #70441c; font-size: 10pt; display: block; font-weight: normal; text-align: left; }
blockquote {margin: 2em 0px; padding-left: 40px; }
blockquote:before {color: #70441c; content: '\201C'; font-family: Arial, Helvetica, sans-serif; font-size: 5em; font-weight: bold; line-height: 0px; margin: 0px 5px 0px -40px; vertical-align: bottom; }


/* news letter ===============*/
#newsletter p {	position: absolute;	left: 55px;	top: 46px;	display: block; font-weight: bold; text-align: left; font-size: 8pt;}
#newsletter img { position: absolute; left: 190px; top: 44px; }
.btnspritesize6 {height:18px; width: 60px; }
.news {background-position: -570px 0; }

/* contact ===============*/
#contactname p {	position: absolute;	left: 30px;	top: 12px;	display: block; font-weight: bold; text-align: left; font-size: 8pt;}



