.clear { clear: both }
.upper { text-transform: uppercase }
.bold { font-weight: bold }
.italic { font-style: italic }
html { overflow-y: scroll }
html, body { height: 99% }
body {
    text-align: center;
    background-color: #000;
    color: #ccc;
    font-family: Arial,Helvetica,sans-serif;
}
#wrapper {
    width: 960px;
    position: relative;
    text-align: left;
    margin: 0 auto;
    min-height: 99%;
    overflow: hidden;
}
#masthead {
    width: 550px;
    padding-bottom: 19px;
    border-bottom: solid 1px #535353;
}
#navigation ul li { float: left }
#navigation ul a {
    display: block;
    border-bottom: #000 solid 1px;
    color: #fff;
    font-size: 2.2em;
    margin: 0 10px 0 0;
    float: left;
    text-decoration: none;
}
#navigation li a:hover { border-bottom: #CCC 1px solid }
#content {
    padding-bottom: 5em;
    position: relative;
    float: left;
    width: 960px;
}
#contentMain {
    float: left;
    margin: 0 410px 0 0;
    display: inline;
    /*for IE 6 and below*/width: 550px;
}
#contentExtra {
    float: left;
    width: 325px;
    margin-left: -400px;
}
.home #contentExtra{
    margin-top:400px;
    border-top: 1px #535353 solid;
}
#contentExtra ul li, #contentExtra li a { font-size: 1em }
h1 { text-indent: -100000px }
h2 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
h2.first { margin-top: 0 }
#contentExtra h2 { margin-top: 0 }
h3 {
    font-size: 1.4em;
    line-height: 1.42857em;
    margin-bottom: 1.42857em;
    margin-top: 1.42857em;
    font-weight: bold;
}
#content ul {
    font-size: 1.6em;
    line-height: 1.5em;
}
#content ul li { margin-top: 0.71428571em }
#content ul h3, #content ul ul { font-size: 1em }
.menus ul ul { padding-left: 3em }
#content p, #contentMain p {
    font-size: 1.6em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    width: 500px;
}
#content p.first { margin-top: 0em }
.media_contact {
    font-size: 0.8em;
    line-height: 1.66666666em;
    margin-bottom: 1.66666666em;
}
#content a { color: #ae9f65 }
#content cite { font-size: 0.8em }
#clearfooter {
    clear: both;
    height: 2em;
}
#footer {
    font-size: 1.4em;
    font-weight: bold;
    text-align: right;
    height: 2em;
    width: 960px;
    padding-bottom: 2em;
    line-height: 1.4em;
    clear: both;
} /*intro page specifc style*/
#introwrapper {
    margin-top: 20px;
    width: 100%;
}
#introwrapper .introlink a {
    font-size: 1.2em;
    color: #ae9f65;
} /*home page specific style*/
.home { background: url(images/marc_forgione_interior.jpg) 525px 275px no-repeat }
.home #masthead {
    padding-top: 50px; /*width: 420px;*/
}
.home #navigation { margin-top: 32px }
.home #navigation li a { height: 20px }
.home li#who a {
    width: 43px;
    background: url(images/nav_hp_who.gif) left top no-repeat;
    margin-right: 25px;
}
.home li#what a {
    width: 49px;
    background: url(images/nav_hp_what.gif) left top no-repeat;
    margin-right: 26px;
}
.home li#where a {
    width: 55px;
    background: url(images/nav_hp_where.gif) left top no-repeat;
    margin-right: 19px;
}
.home li#menus a {
    width: 60px;
    background: url(images/nav_hp_menus.gif) left top no-repeat;
    margin-right: 19px;
}
.home li#reserv a {
    width: 122px;
    background: url(images/nav_hp_reserv.gif) left top no-repeat;
}
.home #content {
    margin-left: 5px;
    margin-top: 24px;
}
.home #content p { width: 420px }
.home #newsletter form {font-family: Arial,Helvetica,sans-serif;width:100%;}
.home #newsletter form div {padding: 0 10px;}
.home #newsletter form div p{margin:1.5em 0;padding:0;font-size:1.4em;line-height: 1.5em;}
.home #newsletter form .label {margin:0.5em 0;}
.home #newsletter form .text {margin: 0.5em 0;}
.home #newsletter form .button {margin:0.5em 0;}
.home #newsletter form .small {font-size: 1em;}
.home #content .social { width: 420px; padding:0 10px; }
.home #content .social a { margin-right: 20px } /*innerpage specific syle*/
.inner #masthead { padding-top: 48px }
.inner #navigation { margin-top: 19px }
.inner #navigation li a { height: 20px }
.inner li#who a {
    width: 39px;
    background: url(images/nav_inner_who.gif) left top no-repeat;
    margin-right: 24px;
}
.inner li#what a {
    width: 47px;
    background: url(images/nav_inner_what.gif) left top no-repeat;
    margin-right: 23px;
}
.inner li#where a {
    width: 52px;
    background: url(images/nav_inner_where.gif) left top no-repeat;
    margin-right: 17px;
}
.inner li#menus a {
    width: 57px;
    background: url(images/nav_inner_menu.gif) left top no-repeat;
    margin-right: 19px;
}
.inner li#reserv a {
    width: 110px;
    background: url(images/nav_inner_res.gif) left top no-repeat;
}
.inner #content { padding-top: 19px }
.where, .wine { background: url(images/marc_forgione_interior.jpg) 525px 180px no-repeat }
.who { background: url(images/Who_Marc_Chris.jpg) 550px 200px no-repeat }
.what { background: url(images/marc_forgione_what.jpg) 550px 180px no-repeat }
.reserv { background: url(images/Reservation_Forge.jpg) 550px 180px no-repeat }
