﻿/*Global CSS Declarations for ElizabethanProductions.com, Version 2010, Copyright (c) Analogue Web Design,LLC. All rights reserved.*/

@media screen,projection
{
  /*GLOBAL RESET*/
  html,body,address,blockquote,div,h1,h2,h3,h4,h5,h6,hr,noscript,p,pre,dl,dt,dd,ol,ul,li,table,caption,thead,tfoot,tbody,tr,td,th,form,fieldset,legend,label,a,img,object,q,span,abbr,acronym,del,dfn,em,ins,strong
  {
    background:transparent;
    border:none;
    font-size:100%;
    margin:0;
    outline:none;
    padding:0;
    vertical-align:baseline;
  }
  a
  {
    outline:none;
    text-decoration:none;
  }
  abbr:hover,acronym:hover
  {
    border-bottom:1px dotted #9e9e9c;
    cursor:help;
  }
  address
  {
    font-style:normal;
  }
  blockquote,q
  {
    quotes:none;
  }
  h1,h2,h3,h4,h5,h6
  {
    font-family:Georgia,"Times New Roman",Times,Serif;
    font-size:1em;
    font-weight:400;
  }
  html
  {
    background:#fff url(/assets/img/html.jpg) repeat-x 0 250px;
    height:100%;
  }
  fieldset,img
  {
    border:medium none;
  }
  input,button,select,textarea
  {
    font-family:Verdana,Geneva,sans-serif;
    font-size:1em;
  }
  label
  {
    cursor:pointer;
  }
  ol,ul
  {
    list-style:none;
  }
  :focus
  {
    outline:none;
  }
  /*LAYOUT*/
  body
  {
    background:url(/assets/img/body.jpg) no-repeat 50% 0;
    color:#4f2d14;
    font:10px/1.5 Verdana,Geneva,sans-serif;
    height:100%;
    margin:0 auto;
    min-width:960px;
  }
  #container
  {
    margin:0 auto;
    position:relative;
    width:948px;
  }
  /*HEADER*/
  #header
  {
    height:164px;
    position:relative;
  }
  #header h1
  {
    background:url(/assets/img/logo.jpg) no-repeat;
    height:127px;
    left:18px;
    overflow:hidden;
    position:absolute;
    text-indent:-999em;
    top:20px;
    width:330px;
  }
  #header h2
  {
    display:none;
  }
  /*NAV*/
  #nav
  {
    background: #D3EDEF url(/assets/img/nav.jpg) no-repeat;
    font:italic 700 11px Georgia,"Times New Roman",Times,serif;
    height:16px;
    overflow:hidden;
    padding:6px;
    text-transform:lowercase;
    width:936px;
  }
  #nav li
  {
    border-right:1px solid #71b3b1;
    float:left;
  }
  #nav li.contact
  {
    border-right:medium none;
  }
  #nav a
  {
    color:#4f2d14;
    line-height:16px;
    padding:0 18px;
  }
  #nav a:hover
  {
    color:#4b9189;
  }
  #home #nav li.home a,#new #nav li.new a,#order #nav li.order a,#about #nav li.about a 
  {
    color:#000;
    font-style:normal;
    padding-right:17px;
  }
  #product #nav li.product a
  {
    color:#000;
    font-style:normal;
    padding-right:16px;
  }
  #new #nav li.new a
  {
    color:#000;
    font-style:normal;
    padding-right:18px;
  }
  /*CONTENT*/
  #content
  {
    background:#fff url(/assets/img/body.jpg) no-repeat 50% -192px;
    min-height:400px;
    overflow:hidden;
    padding:24px 24px 36px;
    position:relative;
    width:900px;
  }
  #content a
  {
    color:#4b9189;
  }
  #content a:hover
  {
    border-bottom:1px solid #917456;
    color:#a60000;
  }
  #content dl
  {
    margin-bottom:18px;
    font-size:14px;
  }
  #content dt
  {
    font-size:18px;
  }
  #content dd
  {
    margin-bottom:18px;
  }
  #content h3
  {
    background:url(/assets/img/heading.jpg) no-repeat;
    font-size:18px;
    line-height:30px;
    height:30px;
    letter-spacing:1px;
    margin-bottom:18px;
    padding-left:48px;
    text-transform:uppercase;
  }
  #content h3 span
  {
    background:url(/assets/img/heading.jpg) no-repeat 100% 100%;
    display:inline-block;
    line-height:30px;
    padding-right:48px;
  }
  #content h4
  {
    font-size:16px;
    font-weight:700;
    margin-bottom:18px;
  }
  #content ol
  {
    margin-top:36px;
    text-align:center;
  }
  #content ol a:hover
  {
    border-bottom:medium none;
  }
  #content ol a:hover img
  {
    border:1px solid #917456;
  }
  #content ol li
  {
    display:inline-block;
    margin-bottom:36px;
    padding:0 4px;
    text-align:center;
    width:288px;
  }
  #content ol img
  {
    border:1px solid #d2c4b7;
    box-shadow:3px 3px 6px #888;
    -moz-box-shadow:3px 3px 6px #888;
    -webkit-box-shadow:3px 3px 6px #888;
  }
  #content ol strong
  {
    background:url(/assets/img/strong.jpg) no-repeat;
    display:block;
    font-family:Georgia,"Times New Roman",Times,Serif;
    font-size:18px;
    font-weight:400;
    margin-top:6px;
  }
  #content p
  {
    font-size:14px;
    margin-bottom:18px;
  }
  #content ul
  {
    font-size:14px;
    margin-bottom:18px;
  }
  #content ul li
  {
    list-style:disc;
    margin-left:27px;
  }
  /*HOME*/
  #home #content
  {
    background:#fff url(/assets/img/home.jpg) no-repeat 100% 100%;
    padding: 0 0 18px 0;
    min-height:552px;
    overflow:hidden;
    width:948px;
  }
  #intro
  {
    background:#f6f0df url(/assets/img/intro.jpg) repeat-y 100% 0;
    height:308px;
    margin-bottom:9px;
    position:relative;
    width:948px;
  }
  #intro img
  {
    float:left;
    margin-right:36px;
  }
  #intro blockquote p
  {
    bottom:18px;
    color:#917456;
    font:italic 400 20px/1.5 Georgia,"Times New Roman",Times,Serif;
    position:absolute;
    right:36px;
    text-align:center;
    width:275px;
  }
  #intro blockquote p cite
  {
    color:#443a30;
    display:block;
    font-size:14px;
    font-style:normal;
    margin-top:18px;
  }
  #new-release
  {
    background:url(/assets/img/new-release.jpg) no-repeat;
    float:left;
    font-size:11px;
    height:238px;
    padding:24px 36px;
    position:relative;
    text-align:center;
    width:322px;
  }
  #new-release h3
  {
    background:url(/assets/img/strong.jpg) no-repeat 50% 50%;
    font-size:22px;
    margin-bottom:3px;
    padding:0;
  }
  #new-release img
  {
    border:1px solid #d2c4b7;
    box-shadow:3px 3px 6px #888;
    float:left;
    margin-right:18px;
    -moz-box-shadow:3px 3px 6px #888;
    -webkit-box-shadow:3px 3px 6px #888;
  }
  #new-release a:hover
  {
    border:medium none;
  }
  #new-release a:hover img
  {
    border:1px solid #917456;
  }
  #new-release a.more 
  {
    background:url(/assets/img/more-info.jpg) no-repeat;
    color:#443a30;
    display:block;
    font-family:Georgia,"Times New Roman",Times,Serif;
    font-weight:bold;
    height:21px;
    left:192px;
    line-height:21px;
    position:absolute;
    text-transform:uppercase;
    top:144px;
    width:99px;
  }
  #new-release a.more:hover
  {
    background-position:0 100%;
    color:#443a30;
  }
  #news-events
  {
    float:right;
    padding:24px 36px;
    width:482px;
  }
  #news-events h4
  {
    color:#71b3b1;
    font-size:20px;
    margin-bottom:9px;
    width:445px;
  }
  #news-events h5
  {
    border-top:1px solid #f3ead4;
    color:#443a30;
    font-size:13px;
    font-style:italic;
    padding:6px 0 3px;
    margin-bottom:0;
    width:320px;
  }
  #news-events p
  {
    width:360px;
  }
  #news-events ul
  {
    color:#917456;
    font-size:10px;
    margin-bottom:0;
    width:270px;
  }
  #news-events ul li
  {
    list-style:none;
    margin-left:0;
  }
  /*PRODUCT*/
  #product a.url 
  {
    background:url(/assets/img/url.jpg) no-repeat;
    color:#443a30;
    display:block;
    font:normal 700 12px/40px Georgia,"Times New Roman",Times,Serif;
    height:40px;
    line-height:40px;
    text-align:center;
    text-transform:uppercase;
    width:289px;
  }
  #product a.url:hover
  {
    background-position:0 100%;
    border:medium none;
    color:#443a30;
  }
  #product .quote
  {
    text-align:center;
  }
  /*ORDER*/
  #order #content
  {
    background:#fff url(/assets/img/order.jpg) no-repeat 95% 100%;
  }
  #address
  {
    background:url(/assets/img/address.jpg) no-repeat;
    color:#331807;
    min-height:263px;
    padding:36px 36px 36px 48px;
    width:403px;
  }
  #address a
  {
    color:#331807;
  }
  #address a:hover
  {
    border-bottom:1px solid #917456;
    color:#a60000;
  }
  #address address
  {
    border: 1px solid #fff;
    border-width:1px 0;
    font-size:15px;
    margin:15px 0;
    padding:15px 0;
  }
  #address address em
  {
    margin-bottom:1em;
  }
  #address em
  {
    color:#4f2d14;
    display:block;
    font-style:normal;
    float:left;
    width:72px;
  }
  #address h4
  {
    color:#443a30;
    font-size:20px;
    font-weight:400;
    margin-bottom:24px;
    letter-spacing:1px;
    text-transform:uppercase;
  }
  #address p
  {
    font-size:15px;
  }
  #send
  {
    bottom:324px;
    right:192px;
    position:absolute;
  }
  #send a
  {
    background:url(/assets/img/email.jpg) no-repeat;
    border:medium none;
    display:block;
    color:#443a30;
    font:italic 400 18px Georgia,"Times New Roman",Times,Serif;
    height:33px;
    line-height:33px;
    text-align:center;
    width:179px;
  }
  #send a:hover
  {
    background-position:0 100%;
    border:medium none;
    color:#443a30;
  }
  /*GALLERY*/
  #gallery 
  {
    overflow:hidden;
    width:900px;
  }
  #gallery a:hover
  {
    border-bottom:medium none;
  }
  #gallery a:hover img
  {
    border:1px solid #917456;
  }
  #gallery div
  {
    float:left;
    height:350px;
    margin-bottom:18px;
    padding:0 6px;
    text-align:center;
    width:288px;
  }
  #gallery img
  {
    border:1px solid #d2c4b7;
    box-shadow:3px 3px 6px #888;
    -moz-box-shadow:3px 3px 6px #888;
    -webkit-box-shadow:3px 3px 6px #888;
  }
  #gallery img.landscape
  {
    margin-top:33px;
  }
  #gallery #quote p
  {
    /*color:#917456;*/
    font:italic 400 15px/1.5 Georgia,"Times New Roman",Times,Serif;
    padding-top:62px;
  }
  #gallery #quote p cite
  {
    display:block;
    font-size:11px;
    padding-top:3px;
  }

  /*FOOTER*/
  #footer
  {
    background:#4e2c13;
    color:#917456;
    height:27px;
    margin-bottom:32px;
    width:100%;
  }
  #footer a
  {
    color:#917456;
  }
  #footer a:hover
  {
    color:#fff;
  }
  #footer li
  {
    border-right:1px solid #917456;
    display:inline;
    padding-right:6px;
    margin-right:6px;
  }
  #footer li.design
  {
    border:medium none;
  }
  #footer li.logo
  {
    background:url(/assets/img/logo-footer.png) no-repeat;
    border:medium none;
    height:58px;
    left:18px;
    overflow:hidden;
    position:absolute;
    text-indent:-999em;
    top:-16px;
    width:49px;
  }
  #footer li.usa
  {
    background:url(/assets/img/made-in-usa.png) no-repeat;
    border:medium none;
    height:70px;
    overflow:hidden;
    position:absolute;
    right:18px;
    text-indent:-999em;
    top:-21px;
    width:155px;
  }
  #footer ol
  {
    background:url(/assets/img/footer.jpg) repeat-y;
    font-size:9px;
    height:21px;
    margin:0 auto;
    padding:6px 0 0 85px;
    position:relative;
    width:863px;
  }
  /*CONTACT*/
  #contact
  {
    display:none;
    left:0;
    position:absolute;
    width:100%;
    z-index:200;
  }
  #contact a
  {
    color:#917456;
  }
  #contact a:hover
  {
    color:#4b9189;
  }
  #contact a strong
  {
    position:absolute;
    font-size:18px;
    right:9px;
    top:-6px;
  }
  #contact a:hover strong
  {
    color:#a60000;
  }
  #contact a.close
  {
    bottom: 18px;
    padding-right:30px;
    position:absolute;
    right:9px;
  }
  #contact button
  {
    background:transparent url(/assets/img/send.jpg) no-repeat;
    border:medium none;
    bottom:96px;
    cursor:pointer;
    height:21px;
    overflow:hidden;
    position:absolute;
    right:35px;
    text-indent:-999em;
    width:68px;
  }
  #contact button:hover
  {
    background-position:0 100%;
  }
  #contact form
  {
    background:#fff url(/assets/img/contact.jpg) no-repeat 50% 84px;
    border:1px solid #aa9079;
    color:#917456;
    height:491px;
    margin:0 auto;
    padding:18px 9px 0;
    position:relative;
    width:600px;
  }
  #contact h5
  {
    color:#71b3b1;
    font-size:18px;
    padding:0 18px;
  }
  #contact input
  {
    border:1px solid #aa9079;
    margin:3px 0 6px;
    padding:3px;
    width:252px;
  }
  #contact input.isInvalid
  {
    border-color:#a60000;
  }
  #contact input:focus
  {
    border-color:#443a30;
  }
  #contact label
  {
    text-transform:lowercase;
  }
  #contact p
  {
    font-size:11px;
    padding:0 18px;
  }
  #contact textarea
  {
    border:1px solid #aa9079;
    height:188px;
    margin-top:3px;
    padding:3px;
    width:244px;
  }
  #contact textarea.isInvalid
  {
    border-color:#a60000;
  }
  #contact textarea:focus
  {
    border-color:#443a30;
  }
  #contact small
  {
    display:block;
    position:absolute;
    right:35px;
    text-align:right;
    bottom:132px;
  }
  #contact .details
  {
    color:#443a30;
    position:absolute;
    top:216px;
    left:322px;
    width:260px;
  }
  #contact .message
  {
    color:#443a30;
    position:absolute;
    top:216px;
    left:34px;
    width:252px;
  }
  /*LIGHTBOX*/
  #overlay
  {
    background:#71b3b1;
    display:none;
    height:500px;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9999999;
  }
  #lightbox
  {
    color:#4f2d14;
    display:none;
    left:0;
    position:absolute;
    text-align:center;
    top:40px;
    width:100%;
    z-index:99999999;
  }
  #lightboxHeader
  {
    margin:0 auto 0.25em;
    text-align:left;
    visibility:hidden;
  }
  #lightboxCaption
  {
    float:left;
    font-size:1.2em;
    font-weight:700;
    text-align:left;
  }
  #lightboxCloseLink
  {
    background:url(/assets/img/lightbox.png) no-repeat -32px 0;
    display:block;
    float:right;
    height:18px;
    width:16px;
  }
  #lightboxCloseLink:hover
  {
    background-position:-32px 100%;
  }
  #lightboxFrame
  {
    background:#4f2d14 url(/assets/img/loading.gif) no-repeat 50% 125px;
    border:1px solid #555;
    height:250px;
    margin:0 auto;
    position:relative;
    width:250px;
  }
  #lightboxFrame #lightboxImage
  {
    display:none;
  }
  #lightboxFooter
  {
    display:none;
    font-size:1.2em;
    margin:0 auto;
    padding-top:0.25em;
    text-align:left;
  }
  #lightboxControls
  {
    float:right;
    text-align:right;
    width:80px;
  }
  #lightboxControls a
  {
    background:url(/assets/img/lightbox.png) no-repeat;
    display:block;
    float:right;
    height:18px;
    margin-left:4px;
    width:16px;
  }
  #lightboxControls a#lightboxPrevLink
  {
    background-position:-48px 0;
  }
  #lightboxControls a#lightboxPrevLink:hover
  {
    background-position:-48px 100%;
  }
  #lightboxControls a#lightboxNextLink
  {
    background-position:-64px 0;
  }
  #lightboxControls a#lightboxNextLink:hover
  {
    background-position:-64px 100%;
  }
  #lightboxControls a#lightboxPlayLink
  {
    background-position:0 0;
  }
  #lightboxControls a#lightboxPlayLink:hover
  {
    background-position:0 100%;
  }
  #lightboxControls a#lightboxPauseLink
  {
    background-position:-16px 0;
  }
  #lightboxControls a#lightboxPauseLink:hover
  {
    background-position:-16px 100%;
  }
  /*CLEAR FIX*/
  .clear:after
  {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
  }
  *+html .clear
  {
    height:1%;
  }
  * html .clear
  {
    height:1%;
  }
  /*CLASSES*/
  .back
  {
    text-align:right;
    text-transform:lowercase;
  }
  .border
  {
    border:1px solid #d2c4b7;
  }
  .left
  {
    float:left;
    margin-right:2em;
  }
  .right
  {
    float:right;
    margin-left:2em;
  }
  .indicates
  {
    text-align:right;
  }
  .indicates em
  {
    font-size:12px;
    text-transform:lowercase;
  }
  .title
  {
    font-size:12px;
    font-weight:700;
  }
  /*MSIE 7*/
  *+html #content ol li
  {
    display:inline;
    height:1%;
  }
  /*MSIE 6*/
  * html #content ol li
  {
    display:inline;
    height:1%;
  }
}