/* CSS Document */

/* Global Layout Styles */

html,body{margin:0;padding:0}

body {
font: 0.8em/1.5em Verdana, "Trebuchet MS", sans-serif;
background: url(../assets/generic/inn-on-the-tay-bg.jpg) no-repeat center top fixed;
text-align:center;
color: #2a291f;
}


#container {
position:relative;
background:#e6e4d1;
width: 756px;
margin: 0 auto;
}

#header {
float:left;
position: relative;
width: 100%;
height: 130px;
margin:0;
padding:0;
border-bottom: 15px solid #9f9b74;
}

#banner {
float:left;
height: 177px;
width: 756px;
margin:0;
padding:0;
}

#navigation {
float:left;
width: 100%;
height: auto;
min-height:30px;
background: #9f9b74;
padding:0.3em 0 0 0;
margin:0;
}

#navigationxmas {
float:left;
width: 100%;
height: 25px;
background: #aa103f;
padding:0.3em 0 0 0;
margin:5px 0 0 0;
}


#content {
float:left;
width:520px;
margin:0;
padding:0 0 1em 0;
}

#content.full {
float:left;
width:750px;
margin:0;
padding:0 0 1em 0;
}

#content.full img {margin:10px 10px 0 0;}

#contentcon {
float:left;
width:520px;
margin:0;
padding:0 0 1em 0;
}

#contenthome {
float:left;
width: 215px;
margin:0;
padding:0;
}

#contentstory {
float:left;
width: 715px;
min-height:1150px;
margin:0;
padding:4em 0 0 0;
background:url(../assets/generic/paperbg.jpg) top center no-repeat;
}

#content.snow {
background:url(../assets/misc/snowbg.gif) repeat-y;
}

#lownav {
float:left;
background: #b5b18a;
margin:0;
padding:0.2em 0 0 0;
width:100%;
height:20px;
}

#reserve {
float:left;
background: #9f9b74;
margin:0.5em 0 0 0;
padding:0;
width:100%;
}

#footer {
clear:both;
width: 100%;
}

/* HEADER Layout Styles */

#header h1  {
background: url(../assets/generic/inn-on-the-tay-logo.gif) no-repeat;
text-indent: -9999px;
height: 94px;
margin:0.5em 0 0 1em;
padding:0;
}

#header h1 a {
float:left;
width: 196px;
height:94px;
display: block;
}

#header p.address {
color: #5b5942;
padding:0;
font-size: 0.8em;
text-align: right;
margin: -85px 1em 0 0;
}

#header p a:link, #header a:visited {
color: #5b5942;
text-decoration:none;
}

#header p a:hover, #header a:active {
color: #9f9b74;
text-decoration:underline;
}

#banner img {
float:left;
}

/* NAVIGATION Layout Styles */

#navigation ul {
margin:0;
padding:0;
}


#navigation li {
float:left;
margin:0;
padding:5px 9px;
display:inline;
border-right: 1px dotted #6f6c4d;
font: 0.85em/1.5em Verdana, "Trebuchet MS", sans-serif;
font-weight:bold;
} 

#navigation li.last {border: none;}

#navigation li a:link, #navigation li a:visited {
color: #0b0a08;
text-decoration:none;
}

#navigation li a:hover, #navigation li a:active {
padding:5px 0;
margin:0;
background:url(../assets/navigation/drop.gif) no-repeat center center;
color: #fbf9f5;
}

#navigation li ul li {border:none; width:15em; text-align:left;}

#navigation li ul {
position: absolute;
width: 15em;
left: -999em;
}

#navigation li:hover ul {
left: auto; 
background: #9f9b74;
padding:3px 0;
}

#navigation li:hover ul, #navigation li.sfhover ul {left: auto;}


/* LOWER NAVIGATION Layout Styles */

#lownav ul {
margin:0;
padding:0;
}

#lownav li {
text-transform: uppercase;
margin:0;
padding:0 0.5em;
display:inline;
border-right: 1px dotted #6f6c4d;
height:20px;
font: 0.8em/1.5em Verdana, "Trebuchet MS", sans-serif;
font-weight:bold;
} 

#lownav li.last {border: none;}

#lownav li a:link, #lownav li a:visited {
color: #0b0a08;
text-decoration:none;
}

#lownav li a:hover, #lownav li a:active {
color: #fbf9f5;
text-decoration:underline;
}

/* Highlight Page Layout Styles - MAIN */

body#home a#navhome,
body#bar a#navbar,
body#rest a#navrest,
body#rooms a#navrooms,
body#menus a#navmenus, 
body#tariffs a#navtariffs,
body#treats a#navtreats, 
body#activity a#navactivity, 
body#gallery a#navgallery, 
body#contact a#navcontact,
body#local a#navlocal
{background: url(../assets/navigation/drop.gif) no-repeat center center;
padding:5px 0;
color: #fbf9f5;
text-decoration:underline;
}


body#home a#navlhome {color: #fbf9f5; text-decoration:underline;}
body#story a#navstory {color: #fbf9f5; text-decoration:underline;}
body#links a#navlinks {color: #fbf9f5; text-decoration:underline;}
body#test a#navtest {color: #fbf9f5; text-decoration:underline;}
body#season a#navseason {color: #fbf9f5; text-decoration:underline;}
body#burns a#navburns {color: #fbf9f5; text-decoration:underline;}


/* CONTENT Layout Styles */

#content p {
text-align: justify;
font-size: 0.85em;
line-height: 2em;
padding:0.7em;
margin:0;
}

#content p em {
font-style:normal;
font-weight: bold;
color: #663;
}

#content p b {
color: #663;
}

#content a:link, #contenthome a:link {
color: #663;
text-decoration:none;
}

#content a:visited, #contenthome a:visited {
color: #663;
text-decoration:none;
}

#content a:hover, #content a:active, #contenthome a:hover, #contenthome a:active {
color: #231f20;
text-decoration:none;
}

#content a:link img, #content a:visited img {
border: 1px solid #9f9b74;
}

#content a:hover img, #content a:active img {
border: 1px solid #dedbc5;
}


#content a.red:link, #content a.red:visited {
color: #f00;
text-decoration:none;
}

#content a.red:hover, #content a.red:active {
color: #fff;
text-decoration:none;
}

#content.full p.test {
padding: 1em 2em;
margin:1em;
border: 1px dotted #231f20;
}

.small {
font-size:0.8em;
}

.blue {color: #739fd3; font-weight:bold;}

.white {color: #dedbc5; font-size:1.2em; text-transform:uppercase;}

#content p em.val {color: #F00}

.khaki {color: #663;}

#content em.xmas {color: #dd0a14;}

#content em.autumnal {color: #ecad39}

#reserve h3 {
margin:0;
padding:0.2em 0;
text-indent:-9999px;
background:url(../assets/generic/make-your-reservation.gif) no-repeat center;
}

/* CONTENT TITLES AND QUOTES*/

#content h3 {
width: 515px;
height: 40px;
text-indent:-9999px;
margin:0.7em 0 0.3em 0.2em;
padding:0;
}

#contenthome h4 {
width: 214px;
height:31px;
text-indent:-9999px;
margin:10px 0 0 10px;
}

#content h3.thankstitle, #content h3.missingtitle {
margin-top: 1.5em;
}

#contenthome h4.welcome {background:url(../assets/titles/welcome-to-the-inn.gif) no-repeat; margin-top:10px;}

#content h3.bartitle {background: url(../assets/titles/the-bar.gif) no-repeat;}
#content h3.resttitle {background: url(../assets/titles/the-restaurant.gif) no-repeat;}
#content h3.roomstitle {background: url(../assets/titles/the-rooms.gif) no-repeat;}
#content h3.menustitle {background: url(../assets/titles/menus.gif) no-repeat;}
#content h3.menusgentitle {background: url(../assets/titles/menus_gen.gif) no-repeat;}
#content h3.tariffstitle {background: url(../assets/titles/tariffs.gif) no-repeat;}
#content h3.contacttitle {background: url(../assets/titles/contact-us.gif) no-repeat;}
#content h3.linkstitle {background: url(../assets/titles/links.gif) no-repeat;}
#content h3.thankstitle {background: url(../assets/titles/thank-you.gif) no-repeat;}
#content h3.missingtitle {background: url(../assets/titles/oops.gif) no-repeat;}
#content h3.sorrytitle {background: url(../assets/titles/sorry.gif) no-repeat;}
#content h3.nicetitle {background: url(../assets/titles/nice.gif) no-repeat;}
#content h3.gallerytitle {background: url(../assets/titles/gallery.gif) no-repeat;}
#content h3.activitytitle {background: url(../assets/titles/activity.gif) no-repeat;}

#content h3.pubtitle {background: url(../assets/titles/pubs.gif) no-repeat;}
#content h3.attractionstitle {background: url(../assets/titles/attractions.gif) no-repeat;}
#content h3.outdoortitle {background: url(../assets/titles/outdoor_activity.gif) no-repeat;}
#content h3.pitlochrytitle {background: url(../assets/titles/pitlochry.gif) no-repeat;}
#content h3.aberfeldytitle {background: url(../assets/titles/aberfeldy.gif) no-repeat;}

#content h3.nightawaytitle {background: url(../assets/titles/night-away.gif) no-repeat;}
#content h3.winterfuntitle {background: url(../assets/titles/winter-fun.gif) no-repeat;}
#content h3.vouchertitle {background: url(../assets/titles/vouchers.gif) no-repeat;}

#contactdetails h3.downloadtitle {background: url(../assets/titles/downloads.gif) no-repeat;}
#contactdetails h3.valmenutitle {background: url(../assets/titles/val_menu.gif) no-repeat; height: 40px;}

#quotes {
margin-top:3em;
padding:0;
float:right;
width: 210px;
}

#quotes h2 {
margin:0;
padding:0;
text-indent:-9999px;
height: 320px;
}

#quotes h2.lazy {background:url(../assets/quotes/lazy-sunday.gif) no-repeat;}
#quotes h2.dining {background:url(../assets/quotes/dining-experience.gif) no-repeat;}
#quotes h2.enjoyed {background:url(../assets/quotes/enjoyed.gif) no-repeat;}
#quotes h2.sacha {background:url(../assets/quotes/sacha.gif) no-repeat;}
#quotes h2.brilliant {background:url(../assets/quotes/brilliant.gif) no-repeat;}
#quotes h2.roast {background:url(../assets/quotes/sunday-roast.gif) no-repeat;}
#quotes h2.jenmartin {background:url(../assets/quotes/jenmartin.gif) no-repeat;}
#quotes h2.food {background:url(../assets/quotes/food.gif) no-repeat;}
#quotes h2.activity {background:url(../assets/quotes/activity.gif) no-repeat;}

#quotes h2.winter {background:url(../assets/quotes/winter.gif) no-repeat;}
#quotes h2.impecable {background:url(../assets/quotes/impecable.gif) no-repeat;}
#quotes h2.newyear {background:url(../assets/quotes/newyear.gif) no-repeat;}

/* CONTACT LAYOUT */

#contactdetails h3 {
float:left;
width: 225px;
height: 40px;
text-indent:-9999px;
margin:0;
padding:0;
}

#contactdetails h3.contacttitle {background: url(../assets/titles/contact-us.gif) no-repeat;}

#contactdetails {
margin:2em 0 1em 0;
padding:0;
float:right;
width: 230px;
}

#contactdetails p {
text-align:justify;
font-size:0.85em;
margin:0.5em 0 0 0;
padding: 0.5em 2em 0.5em 0;
}

#contactdetails a:link, #contactdetails a:visited {
color: #9f9b74;
text-decoration:none;
}

#contactdetails a:hover, #contactdetails a:active {
color: #231f20;
text-decoration:none;
}

#contactdetails img {
float:left;
margin-top:0.5em;
}

/* CONTENT STORY Layout Styles */

#contentstory p {
margin: 0 6em 0 6em;
padding:0.5em;
font-size: 0.85em;
color: #333;
}

#contentstory h3 {
float:left;
text-indent:-9999px;
background:url(../assets/titles/our-story.gif) no-repeat;
width: 252px;
height:64px;
margin: 2.5em 0 0 110px;
}


/* CONTENT HOME Layout Styles */


#contenthome p {
margin:0;
font-size: 0.8em;
line-height: 1.7em;
text-align: justify;
padding:1.3em 0 0 1.8em;
}

#homeads {
width:510px;
float:right;
margin:0;
padding:0;
}

#homeads h3 {
text-indent:-9999px;
}


#homeads p {
min-height:40px;
font-size: 0.75em;
line-height:2em;
padding:175px 0.2em 0 0.2em;
margin:0 0 0 0 ;
text-align:left;
}

#homeads p a:link, #homeads p a:visited {
text-decoration:none;
color: #2a291f;
}

#homeads p a:hover, #homeads p a:active {
text-decoration:none;
color: #73715c;
}

#homeads h5.more a {
display:block; 
width: 149px; 
height: 30px;
overflow:hidden;
}

#homeads h5.more {
width:149px;
text-indent:-9999px;
margin:1em 0 0.5em 0;
padding:0;
}

#homeads h5.more a:link, #homeads h5.more a:visited{
display:block;
background:url(../assets/home/more.gif) no-repeat;
}

#homeads h5.more a:hover, #homeads h5.more a:active {
background:url(../assets/home/more_r.gif) no-repeat;
}


.ad {
float:left;
width: 150px;
min-height:400px;
margin:1.5em 1.2em 1.5em 0;
padding:0;
}

.ad.roomad {background: url(../assets/home/room_ad.jpg) no-repeat;}
.ad.timesad {background: url(../assets/home/times_ad.jpg) no-repeat;}
.ad.restad {background: url(../assets/home/restaurant_ad.jpg) no-repeat;}
.ad.activead {background: url(../assets/home/activity_ad.jpg) no-repeat;}


/* HIGHLAND PERTHSHIRE FEED Layout Styles */

body#feedbody {
font: 0.8em/1.5em Verdana, "Trebuchet MS", sans-serif;
background: #e6e4d1;
text-align:center;
color: #2a291f;
}

.feedItem {font: 0.8em/1.5em Verdana, "Trebuchet MS", sans-serif; text-align:left;}
#HPFeed h2 {font-size:1em; text-align:left; color:#231f20;}
#HPFeed h3 {font-size:1.2em;}
#HPFeed h3 a:link, #HPFeed h3 a:visited {color: #737053}
#HPFeed h3 a:hover, #HPFeed h3 a:active {color: #9f9b74}

span.head2 {color:#999572; font-size:0.9em; font-style:italic;s}

/* FOOTER Layout Styles */

#footer p {
font-size: 0.7em;
text-align:left;
padding: 0.5em 0;
color:#403f34;
margin:0;
}

#footer p a:link, #footer p a:visited {
text-decoration:none;
color: #403f34;
}

#footer p a:hover, #footer p a:active {
text-decoration:underline;
color: #9f9b74;
}

#footer p#valid {
float:left;
padding-left: 1.5em;
}

#footer p#build {
float: right;
padding-right: 1.5em;
}


/* Form Layouts */

form#innform {
padding:20px 10px 10px 10px;  
font-size:0.85em; 
float:left;
}

form#innform p {
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#innform fieldset#hidden {
display:none;
}

form#innform fieldset#feedback p {padding:4px; margin:0;}

form#innform fieldset {
display:block; 
border:1px dotted #9f9b74; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em;  
float:left;
width:95%;
}

form#innform fieldset:hover {
border:1px dotted #231f20; 
}

form#innform legend {
font-size:1em; 
font-weight:bold; 
border:1px solid #dedbc5; 
margin-bottom:15px; 
padding:6px; 
background:#9f9b74; 
color:#231f20;
}

* html form#innform legend { padding:5px; margin:10px;}

form#innform label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:left; 
padding-right:10px; 
color:#231f20; 
margin-bottom:0.5em;
}

form#innform input {
float:left;
border:1px solid #9f9b74; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#dedbc5;
color: #231f20;
}

fieldset#feedback input {
width: 20px;
padding-top: 0.5em; 
}

fieldset#feedback p {
font-size:1em;
}


form#innform input:hover { background:#9f9b74; border:1px solid #dedbc5; color:#2a2815;}
form#innform input:focus {background:#dedbc5; border:1px solid #dedbc5; color:#86825d;}

form#innform select {margin:0 0 1em 0.5em;}

form#innform textarea {
float:left;
width:410px; 
height:10em; 
border:1px solid #9f9b74; 
padding:0.5em; 
overflow:auto;
background:#dedbc5;
color:#2a2815;
}

form#innform textarea:hover { background:#9f9b74; border:1px solid #dedbc5; color:#2a2815;}
form#innform textarea:focus {background:#dedbc5; border:1px solid #dedbc5; color:#2a2815;}


form#innform #button1, form#innform #button2 {
float:left;
color:#dedbc5; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background: #9f9b74; 
border:1px solid; 
border-color:#dedbc5 #dedbc5 #2a2815 #2a2815;
}

form#innform #button1:hover, form#innform #button2:hover {
color:#2a2815; 
background:#dedbc5; 
border:1px solid; 
border-color:#2a2815 #2a2815 #9f9b74 #9f9b74; 
}