/* Live in Style - Horizon Pictures */
/* Colors  -->  background: black (#000000), borders: firebrick (#B52021), font: whitesmoke */

/* Foundation */
body     { color: whitesmoke; font-size: 80%; font-family: trebuchet ms, sans-serif;
           background-color: dimgray; margin: 0px; }
html     { overflow: -moz-scrollbars-vertical; }
table    { font-size: 100%; }
td       { vertical-align: top; }
ul       { margin-top: 5px; }
li       { margin-right: 50px; }
textarea { font-family: sans-serif; }
br.clear { clear: both; }
br.all   { clear: both; } /* old */

/* Links */
a         { color: slategray; font-weight: bold; text-decoration: none; border-bottom: 1px dotted slategray; }
a:hover   { color: darkslateblue; border-color: darkslateblue; }
a:active  { color: darkgray; }
a:visited { color: darkgray; }
a.plain   { border: none; }
img       { border-style: none; }

/* Document */
h1         { font-size: 170%; text-align: right; font-family: comic sans ms, american typewriter, sans-serif; margin: 0px; }
h2         { text-align: right; color: silver; font-size: 70%; font-family: verdana, sans-serif; margin: 0px; }
h3         { text-align: right; font-size: 100%; font-weight: normal; font-family: sans-serif; margin: 15px 0px 0px 0px; }
h4         { font-size: 110%; font-family: verdana, sans-serif; border-bottom: solid 1px; margin: 0px 0px 15px 0px; }
h5         { float: left; color: black; background-color: silver; font-size: 95%; font-family: verdana, sans-serif; padding: 0px 10px; margin: 0px 0px 0px 0px; }
h6         { color: silver; font-size: 75%; margin: 0px 0px 10px 0px; }
.title     { font-size: 100%; font-weight: bold; font-style: italic; text-transform: uppercase; }
.subtext   { margin: 0px 25px; }
.note      { text-align: right; }
.footer    { text-align: center; color: silver; font-size: 80%; font-family: sans-serif; margin-top: 0px; }
.click     { cursor: pointer; }
div.more_link { display: table; float: right; cursor: pointer; border: 1px solid darkslategray; margin: 0px 25px; padding: 2px; color: darkslategray; font-weight: bold; }
div.more_link:hover { color: darkblue; border: 1px solid darkblue; }

/* Rentals */
table.rental td.price { text-align: right; padding-right: 0px; }
table.rental th { font-size: 110%; font-style: italic; border-bottom: 1px solid white; text-align: left; }
table.rental td { border-bottom: 1px solid white; padding-right: 10px; }
table.rental td.sub { padding-left: 20px; }

/* High-Level Layout */
div.main    { width: 700px; margin: 0px auto; background-color: black;
              background-image: url("graphics/header-banff.jpg"); background-repeat: no-repeat;
              border-left: 50px solid firebrick; border-right: 50px solid firebrick; }
div.content { margin-left: 30px; margin-right: 30px; }

/* Navigation Bar */
div#nav        { text-align: center; }
div#nav a span { display: block; font-size: 90%; text-transform: uppercase; padding: 1px 7px 0px 7px; }
div#nav a      { display: inline-block; background-color: firebrick; color: white; border: 2px solid silver; margin: 7px 6px; }
div#nav a:hover, div#nav a.current
               { color: black; background-color: gainsboro; border-color: dimgray; border-color: dimgray; }

/* Home Page */
p.home        { position: relative; left: 0px; top: 10px; }
img.home1, img.home2, img.home3, img.home4
              { position: absolute; border: 6px solid silver; }
img.home1     { left: 340px; top:  20px; }
img.home2     { left: 120px; top: 130px; }
img.home3     { left:   0px; top:   0px; }
img.home4     { left: 170px; top:  40px; }
div.links_box { float: right; text-align: right; }
img.highlight { border: 2px solid gainsboro; }
a:hover img.highlight { opacity: 0.8; border-color: yellow; }

/* Message Form */
table#perfect         { background-color: darkslategray; border: solid cadetblue 1px;
                        padding: 7px; margin-left: auto; margin-right: auto; }
table#perfect caption { color: white; background-color: cadetblue;
                        font-size: 110%; font-weight: bold; padding: 3px;
                        margin-left: auto; margin-right: auto; }
table#perfect th      { text-align: right; font-weight: bold; }
table#perfect div     { text-align: center; margin-top: 6px; }
table#perfect span    { float: right; font-size: 65%; }
table#perfect a       { color: cadetblue; text-decoration: none; }