/*************************************************** 
Title:       Montgomery Studios - print style sheet
Author:    Mike Montgomery
URL:        montgomerystudios.com

Colors:     Blue: #263B85 Dark Blue: #1B2A5E Tan: #DFC97A Toupe: #978440
****************************************************/
body, #content, #header, #footer, #nav, h1, h1 a, h1 a img, h2, h2 a, #footer p, #footer ul {
   border: 0;
   margin: 0;
   padding: 0;
   }
body {
   /* 3.gif is the seal. */
   background: #DFC97A url(/images/3.gif) no-repeat 97% 400px;
   font-size: .9em;
   }
h1 {
   /* 13.jpg is the fountain pen and handwriting. */
   background: url(/images/13.jpg) no-repeat right top;
   height: 350px;
   }
h2 {
   /* 14.gif is the slogan. */
   background: url(/images/14.gif) no-repeat left top;
   border-bottom: 7px solid #1B2A5E;
   height: 75px;
   position: relative;
   text-indent: -7000px;
   top: -75px;
   }
h3, h3 a {
   border: 0;
   font-weight: normal;
   font-family: Georgia, Times, Serif;
   font-size: 1.3em;
   margin: .3em 20px;
   }
p, blockquote, #content li, #footer li {
   font-family: "Garamond Premr Pro", "Hoefler Text", Constantia, "BaskervilleOldface", Baskerville, Garamond, "Times New Roman", serif;
   font-size: 0.9em;
   line-height: 1.6em;
   text-align: left;
   margin: .5em 20px;
   }
form {
   color: #1B2A5E;
   margin: 1em 10em;
   width: 42em;
   }
   form label {
      float: left;
      margin-bottom: 1em;
      padding-right: 2em;
      text-align: right;
      width: 20em;
      }
   form input, form textarea {
      float: right;
      margin-bottom: 1em;
      width: 20em;
      }
   form div p {
      clear: both;
      }
abbr, acronym, .help {
   border-bottom: 1px dotted #333;
   cursor: help;
   }
#accessibility {
   position: absolute;
   top: -10000px;
}
/* Note: ul#nav li a {line-height + border-bottom} = ul#nav {height} */
/* Note: ul#nav {height + border-bottom} = #content {top} */
ul#nav {
   background: #263B85;
   border-bottom: .3em solid #1B2A5E;
   height: 1.55em;
   list-style: none;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
   }
   ul#nav li {
      display: block;
      float: left;
      height: 1.5em;
      width: 20%;
      }
      ul#nav li a {
         background: #263B85;
         border-bottom: .05em solid #fff;
         border-right: 1px solid #fff;
         color: #fff;
         display: block;
         font-family: GoudySans, Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
         font-size: 1em;
         line-height: 1.5em;
         text-align: center;
         text-decoration: none;
         }
         ul#nav li a:hover {
            background: #1B2A5E;
            }
#header {
   /* 10.jpg is the tan gradient and blue stripe. */
   background: url(/images/15.jpg) repeat-x left top;
   color: #000;
   height: 357px;
   left: 0;
   min-width: 650px;
   width: 100%;
   }
ul#taglines {
   margin: 0 0 50px 225px;
   position: relative;
   }
   ul#taglines li {
      display: block;
      font-family: "Day Roman", Georgia, Times, Serif;
      font-size: 1.6em;
      letter-spacing: 1px;
      list-style: none;
      margin: 0;
      }
#description, #testimonial {
   margin-top: 20px;
   margin-bottom: 30px;
   display: inline;
   }
#description {
   float: left;
   margin-left: 5%;
   width: 45%;
   }
/* Rounded Corner Boxes: */
#testimonial {
   float: right;
   margin-right: 10%;
   width: 40%;
   }
   #testimonial p {
      font-family: "Day Roman", Georgia, Times, Serif;
      font-size: 1.4em;
      font-style: italic;
      margin: 0 10%;
      text-align: center;
      }
   #testimonial ul li {
      font-size: 1em;
      list-style-type: none;
      padding: 0 10%;
      text-align: right;
      }
/* Hoverbox by Nathan Smith;
    improved by Craig Erskine and Michael Montgomery */
.hoverbox {
   list-style: none;
   margin: 30px 100px 30px 10px;
   }
   .hoverbox:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      }
   .hoverbox li {
      display: inline;
      list-style: none;
      }
      .hoverbox li a {
         display: block;
         float: left;
         height: 150px;
         margin: 10px;
         position: relative;
         width: 200px;
         }
         .hoverbox li a:hover {
            font-size: 100%;
            z-index: 2;
            }
         .hoverbox li a img {
            background: #fff;
            border: 4px solid #1B2A5E;
            height: 150px;
            padding: 2px;
            position: absolute;
            width: 200px;
            }
         .hoverbox li a:hover img, .hoverbox li a:active img, .hoverbox li a:focus img {
            width: 300px;
            height: 225px;
            left: -50px;
            top: -37px;
            z-index: 1;
            }
#footer {
   /* 4.gif is the footer gradient. */
   background: #DFC97A url(/images/4.gif) repeat-x left top;
   color: #66502B;
   clear: both;
   height: 1.5em;
   /* bottom: 0;
   left: 0;
   overflow: hidden;
   position: absolute; */
   width: 100%;
   }
#footer p, #footer ul li a {
   color: #66502B;
   font-size: .8em;
   text-decoration: none;
   }
#footer p {
   float: right;
   margin-right: 20px;
   }
#footer ul {
   float: left;
   }
#footer ul li {
   display: inline;
   list-style-type: none;
   }
/* Some hacks, to make IE behave */
* html #nav, * html #taglines li {
   height: 1%;
   }
* html #nav li {
   height: 1.55em;
   width: 19.9%;
   }
* html #testimonial {
   width: 35%;
   }