@font-face {
    font-family: "Miama";
    src: url(../Miama.eot);
    src: local("Miama"), url(../Miama.otf) format("opentype");
}


/****** MASTER RESET *******/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.33;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/******* TAG STYLES ********/
body {
	font:  13px/1.4em "Futura", Century Gothic, Verdana, Helvetica, sans-serif;
	color: #003a61;
	background: url(../images/DM-sides-tile.jpg) repeat;
}
p {
	color: #003a61;
	margin-bottom: 1em;
}
a, a:visited { color: #61116a; text-decoration: none;}
a:hover, a:focus { color: #555; }


/******* CLASS STYLES ********/
.first-p {margin-top: 12px;}
.left {float: left;}
.right {float: right;}
.centre {text-align: center;}
.space {padding: 20px 0;}
.paragraph {padding: 0 32px 0 36px;}
.paragraph1 {padding: 10px 32px 0 36px;}
.small {font-size: 10px; line-height: 12px;}

/******* LAYOUT STYLES ********/

#container {
	position: relative;
	background: url(../images/bg-MAIN.jpg) top center no-repeat;
	width: 966px;
	margin: 0 auto;
	text-align: center;
	z-index: 5px;
}


h1 a { 
	position: absolute;
	text-indent: -9999px;
	background:  url(../images/logo_03-trans.png) top left no-repeat;
	width: 252px;
	height: 225px;
	top: 0;
	left: 0;
}

#content {
	background: none;
	position: relative;
	width: 100%; /* Needed for IE 6 */
	text-align: left;
	-webkit-box-shadow: 0 0 18px #222;
	-moz-box-shadow: 0 0 18px #222;
}

#text-content {
	position: absolute;
	width: 323px;
	top: 0;
	bottom: 0;
	left: 0;
}
#text-content p {
	font: 12px/18px "Century Gothic", Verdana, sans-serif;
}

#pic-content {
	position: relative;
	margin-left: 323px;
	height: 700px;
	background: none;
}
#pic-content span.secondary-links {
	position: absolute;
	background: none;
	right: 16px;
	bottom: 10px;
	font: 11px Verdana;
}

span#prevBtn { position: absolute; left: 522px; top: 667px }
span#nextBtn { position: absolute; left: 591px; top: 667px }

/**** MENUS ****/

body.menus-page {
	background: white;
}
body.menus-page div.wrapper {
	background: url(../images/bg-menus.jpg) repeat-x;
	overflow: hidden;
	padding: 10px; margin: 30px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
body.menus-page div div {
	padding: 15px;
}

.column { text-align: center; padding: 0; margin: 0; }

.extra-info { text-align: center; }



body.menus-page h2 {
	font-family: "Miama", Georgia, serif;
	font-size: 30px;
	line-height: 30px;
	color: #61116a;
	font-weight: bold;
	padding-bottom: 15px;
	margin: 8px 0 25px 0;
	border-bottom: 2px solid #ddd;
}

body.menus-page h3 {
	margin: 20px 0;
	font-family: Myriad Pro, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #61116a;
}

body.menus-page p {
	font-family: Myriad Pro, Arial, Verdana, sans-serif;
	font-size: 14px;
	margin-bottom: 8px;
	font-weight: bold;
}

body.menus-page .section-break:after {
	content: url(../images/section-break-trans.png);
	display: block;
	height: 25px;
	margin: 12px 0 5px;
}
body.menus-page #ie .section-break:after {
	position: relative;
	left: 108px;
}

body.menus-page .item-break {
	margin-bottom: 23px;
}
body.menus-page em {
	font-weight: normal;
	line-height: 32px;
	color: #999;
}

body.menus-page dt {
	font-size: 11px;
	font-style: italic;
	margin-bottom: 12px;
}

body.menus-page dd {
	font-weight: light;
	font-size: 12px;
	margin-top: -8px;
	margin-bottom: 3px;
}

body.menus-page div.champagnes dd {
	margin-bottom: 12px;
}

body.menus-page div.spirits {
	background: none;
}
body.menus-page h4 {
	font-family:Verdana;font-size:28px;color:#ddd;text-align:center;margin:15px 0 20px;
}
body.menus-page h4 span {
	 font-size:14px;line-height:19px;
}
body.menus-page div.champagnes.spirits dd {
	margin-bottom: 4px;
}


/******* PAGE STYLES ********/

body#chefpage h2 {
	font: 17px Century Gothic, Arial, sans-serif;
	text-transform: uppercase; 
	font-weight: bolder;
	letter-spacing: 2px;
	padding: 12px 32px 9px 36px;
}
body#chefpage h2.first {
	font: 17px Century Gothic, Arial, sans-serif;
	text-transform: uppercase; 
	font-weight: bolder;
	letter-spacing: 2px;
	padding: 6px 32px 9px 36px;
}
.first-p {
	padding: 239px 32px 0 36px;
}
.second-p {
	padding: 0 32px 0 36px;
}
.third-p {
	padding: 0 32px 0 36px;
}
.fourth-p {
	padding: 0 32px 0 36px;
}

a#offers-button {
	display: block;
	width: 256px;
	height: 47px;
	background: url(../images/offers-button-trans.png) no-repeat;
	position: relative;
	left: -8px;
	text-indent: -999em;
}

body#special-offers-page {
	font-family: Arial;
	color: #003a61;
	text-align: center;
	padding: 30px;
	background: white url(../images/bg-offers.jpg) top repeat-x;
}
body#special-offers-page h2 {
	font-size: 24px;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 14px 0;
	color: #61116a;
}
body#special-offers-page h3 a, body#special-offers-page h3 a:visited {
	color: #999;
}
body#special-offers-page h3 {
	font-size: 16px;
	padding: 2px 0 9px;
	color: #003a61;
	line-height: 22px;
}
body#special-offers-page .offer-end {
	border-bottom: 1px dotted #ddd;
}

body#menuspage #small-menu {display: block; padding: 0 0 0 28px; margin: 15px 0 10px 0;}

#custom-scroll {height: 454px; overflow: auto; position: absolute; top: 246px;}

body#reservationspage #custom-scroll p, body#contactpage #custom-scroll p { padding-left: 37px; padding-right: 28px }

body#homepage .first-p { padding-top: 0; }

body#chefpage .second-p {
	padding-right: 17px;
}
body#cellarpage .second-p {
	padding: 0 21px 0 28px;
	font-size: 12px;
	line-height: 18px;
}

body#cellar-page h2.first, body#pdiningpage h2.first {
	font: 17px Century Gothic, Arial, sans-serif;
	text-transform: uppercase; 
	font-weight: bolder;
	letter-spacing: 2px;
	padding: 6px 30px 2px 30px;
}

body#pdiningpage h2 {
	font: 17px Century Gothic, Arial, sans-serif;
	text-transform: uppercase; 
	font-weight: bolder;
	letter-spacing: 2px;
	padding: 12px 32px 9px 36px;
}
body#pdiningpage .second-p {
	padding: 0 32px 0 36px;
}
body#pdiningpage ul.text {
	padding: 0 10px 0 53px;
	font-style: italic;
	font-size: 11px;
}

body#pdiningpage #slider li {
	position: relative;
}
body#pdiningpage #slider li span {
	position: absolute; z-index: 999;
	top: 530px;
	right: 134px;
	font-family: Georgia, serif; font-size: 23px;
	background: white;
	padding: 17px;
}

body#contactpage h3 {
	padding: 0 10px 0 36px;
}
body#contactpage #map a {
	text-indent: -9000px;
	background-color: gray;
	display:block ;
	width: 267px;
	height: 24px;
	background: url(../images/contact-button_03.jpg) no-repeat;
}
body#contactpage #pic-content, body#gallerypage #pic-content {
	background: url(../images/contact&gallery-1-trans.png) 0 109px no-repeat;
}

body#reservationspage #pic-content {
	background: url(../images/reservations-trans.png) 0 109px no-repeat;
}

body#reservationspage #pic-content #bookings {
	position: relative;
	top: 250px;
	left: 10px;
}

body#reservationspage h2 { padding: 0 36px;}

body#menuspage h4 {
	padding: 0 32px 18px 36px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-family: Arial, sans-serif;
}

body#gallerypage #thumbs-container { padding: 0 10px 0 26px;}
body#gallerypage .gallery-thumbs {
	background: url(../images/gallery-thumbs-trans.png) no-repeat;
	display: block;
	float: left;
	width: 56px;
	height: 69px;
}
body#gallerypage #thumb1 { background-position: 0 0; }
body#gallerypage #thumb2 { background-position: -56px 0; }
body#gallerypage #thumb3 { background-position: -112px 0; }
body#gallerypage #thumb4 { background-position: -168px 0; }
body#gallerypage #thumb5 { background-position: -224px 0; }

body#gallerypage #thumb6 { background-position: -0 -69px; }
body#gallerypage #thumb7 { background-position: -56px -69px; }
body#gallerypage #thumb8 { background-position: -112px -69px; }
body#gallerypage #thumb9 { background-position: -168px -69px; }
body#gallerypage #thumb10 { background-position: -224px -69px; }

body#gallerypage #thumb11 { background-position: 0 -138px; }
body#gallerypage #thumb12 { background-position: -56px -138px; }
body#gallerypage #thumb13 { background-position: -112px -138px; }
body#gallerypage #thumb14 { background-position: -168px -138px; }
body#gallerypage #thumb15 { background-position: -224px -138px; }

body#gallerypage #thumb16 { background-position: 0 -207px; }
body#gallerypage #thumb17 { background-position: -56px -207px; }
body#gallerypage #thumb18 { background-position: -112px -207px; }
body#gallerypage #thumb19 { background-position: -168px -207px; }
body#gallerypage #thumb20 { background-position: -224px -207px; }

body#gallerypage #thumb21 { background-position: 0 -276px; }
body#gallerypage #thumb22 { background-position: -56px -276px; }
body#gallerypage #thumb23 { background-position: -112px -276px; }
body#gallerypage #thumb24 { background-position: -168px -276px; }
body#gallerypage #thumb25 { background-position: -224px -276px; }

body#gallerypage #thumb26 { background-position: 0 -345px; }
body#gallerypage #thumb27 { background-position: -56px -345px; }
body#gallerypage #thumb28 { background-position: -112px -345px; }
body#gallerypage #thumb29 { background-position: -168px -345px; }
body#gallerypage #thumb30 { background-position: -224px -345px; }

/********* MENU STYLES ***********/

ul#menu {
	width: 528px;
	height: 225px;
	font-size: 11px;
	z-index: 900;
	position: absolute;
	top: 0;
	right: 115px;
}

ul#menu li {
	float: left;
}
/**/

ul#menu li.home-pos {
	position: absolute;
	top: 91px;
}
#home, #home span{
	display:block;
	width:49px;
	height:132px;
	position:relative;
	overflow: hidden;
}

#home span{
	height:264px;
	background: url(../images/menu/DM-home-0-trans.png) 0 0 no-repeat; /**** 49 x 264 ***/
	text-indent:-9000px;
}

#home:hover {
	background-position: 0 0;
}

#home:hover span, #home span.active {
	top:-132px;
}

#home:active span, #home:focus span{
	top: 0px;
}

/**/

/**/

ul#menu li.menus-pos {
	position: absolute;
	top: 77px;
	left: 48px;
}
#menus, #menus span{
	display:block;
	width:50px;
	height:138px;
	position:relative;
	overflow: hidden;
}

#menus span{
	height:287px;
	background: url(../images/menu/DM-menus-0-trans.png) 0 0 no-repeat; /**** 50 x 276 ***/
	text-indent:-9000px;
}

#menus:hover {
	background-position: 0 0;
}

#menus:hover span, #menus span.active {
	top:-136px;
	left: 0;
}

#menus:active span, #menus:focus span{
	top: 0px;
}

/**/

ul#menu li.chefhistory-pos {
	position: absolute;
	top: 62px;
	left: 98px;
}
#chefhistory, #chefhistory span{
	display:block;
	width:54px;
	height:144px;
	position:relative;
	overflow: hidden;
}

#chefhistory span{
	height:288px;
	background: url(../images/menu/DM-chef-0-trans.png) 0 0 no-repeat;  /**** 54 x 288 ***/
	text-indent:-9000px;
}

#chefhistory:hover {
	background-position: 0 0;
}

#chefhistory:hover span, #chefhistory span.active {
	top:-142px;
	left: 0;
}

#chefhistory:active span, #chefhistory:focus span{
	top: 0px;
}

/**/

ul#menu li.cellar-pos {
	position: absolute;
	top: 45px;
	left: 152px;
}
#cellar, #cellar span{
	display:block;
	width:58px;
	height:151px;
	position:relative;
	overflow: hidden;
}

#cellar span{
	height:302px;
	background: url(../images/menu/DM-cellar-0-trans.png) 0 0 no-repeat;  /**** 58 x 302 ***/
	text-indent:-9000px;
}

#cellar:hover {
	background-position: 0 0;
}

#cellar:hover span, #cellar span.active {
	top:-149px;
	left: 0;
}

#cellar:active span, #cellar:focus span{
	top: 0px;
}

/**/

ul#menu li.private-dining-pos {
	position: absolute;
	top: 26px;
	left: 210px;
}
#private-dining, #private-dining span{
	display:block;
	width:64px;
	height:159px;
	position:relative;
	overflow: hidden;
}

#private-dining span{
	height:318px;
	background: url(../images/menu/DM-pdining-0-trans.png) 0 0 no-repeat;  /**** 64 x 318 ***/
	text-indent:-9000px;
}

#private-dining:hover {
	background-position: 0 0;
}

#private-dining:hover span, #private-dining span.active {
	top:-157px;
	left: 1px;
}

#private-dining:active span, #private-dining:focus span{
	top: 0px;
}

/**/

ul#menu li.contact-pos {
	position: absolute;
	top: 8px;
	left: 274px;
}
#contact, #contact span{
	display:block;
	width:69px;
	height:165px;
	position:relative;
	overflow: hidden;
}

#contact span{
	height:330px;
	background: url(../images/menu/DM-contact-0-trans.png) 0 0 no-repeat;  /**** 69 x 330 ***/
	text-indent:-9000px;
}

#contact:hover {
	background-position: 0 0;
}

#contact:hover span, #contact span.active {
	top:-165px;
}

#contact:active span, #contact:focus span{
	top: 0px;
}

/**/

ul#menu li.gallery-pos {
	position: absolute;
	top: 0;
	left: 343px;
}
#gallery, #gallery span{
	display:block;
	width:76px;
	height:160px;
	position:relative;
	overflow: hidden;
}

#gallery span{
	height:322px;
	background: url(../images/menu/DM-gallery-0-trans.png) 0 0 no-repeat;  /**** 76 x 322 ***/
	text-indent:-9000px;
}

#gallery:hover {
	background-position: 0 0;
}

#gallery:hover span, #gallery span.active {
	top:-160px;
}

#gallery:active span, #gallery:focus span{
	top: 0px;
}

/**/

ul#menu li.reservations-pos {
	position: absolute;
	top: 0;
	left: 419px;
}
#reservations, #reservations span{
	display:block;
	width:108px;
	height:147px;
	position:relative;
	overflow: hidden;
}

#reservations span{
	height:294px;
	background: url(../images/menu/DM-reservations-0-trans.png) 0 0 no-repeat;  /**** 108 x 294 ***/
	text-indent:-9000px;
}

#reservations:hover {
	background-position: 0 0;
}

#reservations:hover span, #reservations span.active {
	top:-147px;
}

#reservations:active span, #reservations:focus span{
	top: 0px;
}

/**/


/** Accordion styles **/

#accordion { 
	font-family: Century Gothic, Verdana, sans-serif;
	margin: 18px; 
}
#accordion dt a {
	font: italic 17px/1.4em Georgia, serif;
	color: #003a61; display: block; 
	margin-bottom: 0.3em; padding: 5px 15px 5px 13px;
	
	/* for IE */
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33020202,endColorstr=#33020202)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33020202,endColorstr=#33020202);   /* IE6 & 7 */
    zoom: 1;
    
	background: rgba(2,2,2,0.1);
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
#accordion dt a.selected { border-color: #61116a }

#accordion dd { 
	margin: 0 0 8px 0;
	padding: 0 0 0 3px;
	font-weight: light;
}

/* book now button */

#content {
	position: relative;
	z-index: 5;
}

#book-now {
	position: absolute;
	top: 225px; z-index: 1; overflow: hidden;
	width: 60px; height: 323px; left: -60px;
}
#book-now a { 
	color: #000; font-size: 18px; font-family: Georgia, serif; font-style: italic; text-align: center; text-indent: -999em;
	display: block;
	width: 60px; height: 323px;
	position: relative; left: 10px;
	
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);   /* IE6 & 7 */
    zoom: 1;
      
	background: rgba(255,255,255,0.2);
	
	background: url(../images/book-now.png) no-repeat;
	
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

#book-now a:hover {
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	left: 0;
}


/* hide secondary links */

span.secondary-links { display: none; }