@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
    font-family: "Copperplate", Georgia, serif;
    font-size: 13px;
    letter-spacing: 1px;
}

ol, ul {
    list-style: none;
}

.imgreplace {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-attachment: scroll;
    background-repeat: no-repeat !important;
}

.page {
    width: 961px;
    overflow: hidden;
    margin: auto;
    padding-top: 90px;
}

#header, #footer, #main {
    width: 961px;
    float: left;
    position: relative;
    clear: left;
    background-color: #fff;
    /*border: 1px dotted red;*/
}

#header h1, #footer h1, h2.phoneTitle, h2.addressTitle, h2.hoursTitle, h2.mealsTitle, h2.dinnerTitle, h2.lunchTitle, h2.happyhourTitle, h3.ian, h3.dylan, h2.copyright,a.addressTitle,h2.aboutTitle, h2.brunchTitle {
    background: url(../images/sprite1.gif) no-repeat top left;
}


#header h1, #footer h1 {
    width: 961px;
    height: 133px;
}

#header h1.OT_title {
	background: none;
	height: 20px;
}

#header h2.OT_subtitle {
	background: none;
}

.opentable {
    width: 961px;
    height: 45px;
    display: block;
    margin: 15px 0 15px 0;
}

.opentable .OT_wrapper {
	width: 959px;
	border: 1px solid #8a131b;
	}
	
	
ul.OT_list {
	width: 900px;
}


li.OT_day, li.OT_time, li.OT_party, li.OT_submit{
	 border-left: 1px solid #8a131b;
	 width: 145px;
	 }
	 
li.OT_day, li.OT_time, li.OT_party{
	 padding-left: 45px;
	 }
	 
li.OT_submit{
	 padding-left: 23px;
	 }
	 
	 
/*li.OT_time{
	 border-left: 1px solid #8a131b;
	 }
	 
li.OT_party{
	 border-left: 1px solid #8a131b;
	 }
	 
li.OT_submit{
	 border-left: 1px solid #8a131b;
	 }
	 */
		
	

h2.phoneTitle {
    width: 524px;
    height: 75px;
    background-position: left -143px;
    margin-top: 9px;
    display: block;
    float: left;
}


a.addressTitle  {
    width: 414px;
    height: 88px;
    background-position: left -908px;
    margin-top: 0px;
    display: block;
    float: left;
    margin-left: 23px;
}

a.addressTitle:hover  {
    background-position: left -1004px;
}

a.addressTitle h2 {
    width: 414px;
    height: 88px;
    display: block;
}

h2.hoursTitle {
    width: 961px;
    height: 56px;
    background-position: left -231px;
    display: block;
    margin: 10px 0;
}

h2.mealsTitle {
    width: 961px;
    height: 24px;
    background-position: left -302px;
    display: block;
    margin: 10px 0 10px 0;
}


h2.dinnerTitle {
    width: 961px;
    height: 120px;
    background-position: left -342px;
    display: block;
    margin: 10px 0 25px 0;
}

h2.brunchTitle { 
    width: 961px;
    height: 120px;
    background-position: left -1264px;
    display: block;
    margin: 10px 0 25px 0;
}

h2.happyhourTitle {
    width: 961px;
    height: 128px;
    background-position: left -1100px;
    display: block;
    margin: 0px 0  0px 0;
}

h2.lunchTitle {
    width: 961px;
    height: 129px;
    background-position: left -474px;
    display: block;
    margin: 18px 0 25px 0;
}

h2.aboutTitle {
    width: 961px;
    height: 78px;
    background-position: left -619px;
    display: block;
    margin: 18px 0 15px 0;
}

h2.copyright {
    width: 961px;
    height: 20px;
    background-position: left -879px;
    display: block;
    margin: 15px 0 25px 0;
}

h3 {
    color: #72110a;
    text-transform: uppercase;
    font-family: "Copperplate", Georgia, serif;
    font-size: 30px;
    letter-spacing: 3px;
    padding: 0;
    margin: 25px 0 5px 0;
}

h3.ian {
    width: 463px;
    height: 53px;
    background-position: left -710px;
    display: block;
    margin: 0 0 5px 0;
}

h3.dylan {
    width: 463px;
    height: 92px;
    background-position: 0px -778px;
    display: block;
    margin: 10px 0 5px 0;
}

h3.first {
    margin-top: 0px;
}

.menu {
    padding: 0 0 10px 0;
}

.happyhour {
    padding: 0 0 10px 0;
}

.lunch {
    padding: 0 0 10px 0;
}

.about-container {
    background: #fff url(../images/dotted-bg-vert.gif) repeat-y 482px 30px;
    margin: 15px 0 0 0;
}

.leftContent, .rightContent {
    float: left;
}

.leftContent {
    width: 500px;
}

.rightContent {
    width: 461px;
}

.about-container .leftContent {
    width: 498px;
}

.about-container .rightContent {
    width: 463px;
}

.about-container .rightContent p {
    padding-left:2px;
}

/*--- price ---*/
.leftContent p span, .rightContent p span {
    margin-left: 1px;
}

.leftContent p, .rightContent p {
    margin-bottom: 0px;
    line-height: 2em;
}

.leftContent p.double, .rightContent p.double {
    margin-bottom: 18px;
}

.leftContent p {
    padding-right: 40px;
}

.about-container .leftContent p {
    padding-bottom: 12px;
}

.thumbs div {
    background-repeat: no-repeat;
    background-position: top left;
    width: 184px;
    height: 120px;
    margin-right: 10px;
    float: left;
}

/*--- thumb backgrounds ---*/
/*.thumb-00 {
    background-image: url(../images/beast-and-the-hare-th1.jpg);
}

.thumb-01 {
    background-image: url(../images/beast-and-the-hare-th4.jpg);
}

.thumb-02 {
    background-image: url(../images/beast-and-the-hare-th6.jpg);
}

.thumb-03 {
    background-image: url(../images/beast-and-the-hare-th8.jpg);
}

.thumb-04 {
    background-image: url(../images/beast-and-the-hare-th11.jpg);
}*/

.thumbs .last {
    margin-right: 0px;
}

.thumbs div a {
    display: block;
    width: 184px;
    height: 120px;
}

.thumbs div a:hover {
    background: url(../images/thumb-frame.png) no-repeat top left;
}

.footerMod {
    float: left;
    height: 133px;
    width: 216px;
    background: url(../images/dotted-bg-vert.gif) repeat-y top left;
	color: #72110a;
}

.footerMod a {
    color: #72110a;
    text-decoration: none;
}

.footerMod a:hover {
    color: #000;
}

.footerMod h3 {
    font-size: 14px;
    margin-top: 38px;
    margin-bottom: 10px;
}

.footerMod p {
    margin-bottom: 8px;
    font-size: 11px;
}

.footerMod h3, .footerMod p {
    padding-left: 25px;
}

.footerMod00 {
    background: none;
}

.footerMod01, .footerMod02 {
    width: 264px;
}

.footerMod00 h3, .footerMod00 p {
    padding-left: 0px;
}

.footerMod02 h3 {
    background: url(../images/twitter.gif) no-repeat top left;
    height: 24px;
    margin: 27px 0 0 25px;
    padding: 11px 0 0 50px;
}

/*--- RULES ---*/
.dottedRule {
    width: 100%;
    background: #fff url(../images/dotted-bg.gif) repeat-x top left;
    margin: 8px 0 8px 0;
    height: 2px;
}

.lineStripTop {
    width: 100%;
    background: #fff url(../images/line-strip1.gif) repeat-x top left;
    margin: 8px 0 8px 0;
    height: 15px;
}

.lineStripBottom {
    width: 100%;
    background: #fff url(../images/line-strip2.gif) repeat-x top left;
    margin: 8px 0 8px 0;
    height: 15px;
}

.dottedBottom {
    margin-top: 0;
}

.clear {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
    overflow: hidden;
}





/*--- modal ---*/
#basic-modal-content,#address-modal-content-01,#thumb-modal-content-00,#thumb-modal-content-01,#thumb-modal-content-02,#thumb-modal-content-03,#thumb-modal-content-04 {
    display: none;
}

/* Overlay */
#simplemodal-overlay {
    background-color: #000;
    cursor: wait;
}

/* Container */
#simplemodal-container {
    height: 350px;
    width: 600px;
    color: #bbb;
    background-color: #72110a;
    padding: 10px;
}

.thumb-modal-img {
	width:600px;
	height:350px;
	overflow: hidden;
}

/*.thumb-modal-img-00 {
	background: url(../images/beast-and-the-hare-1.jpg) no-repeat;
}
.thumb-modal-img-01 {
	background: url(../images/beast-and-the-hare-4.jpg) no-repeat;
}*/

#simplemodal-container a.modalCloseImg {
    background: url(../images/basic/x.png) no-repeat;
    width: 54px;
    height: 54px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -25px;
    right: -26px;
    cursor: pointer;
}

#simplemodal-container a:hover.modalCloseImg {
	background: url(../images/basic/x2.png) no-repeat;
}

#simplemodal-overlay {
	cursor: auto;
}


.prev-next {
	position:absolute;	
	height:70px;
	top:140px;
	z-index: 3200;
	width:600px;
	display:none;

}



.prev {
	float:left;
	display:block;
	width:70px;
	height:70px;
	background: url(../images/prev-red.gif) no-repeat;
}

.next {
	float:right;
	display:block;
	width:70px;
	height:70px;
	background: url(../images/next-red.gif) no-repeat;
}

.div-show {
	display:block;
}

.div-hide {
	display:none;
}