body { background: #132D3D url(../images/circles.gif); font: 14px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0; }

#container { margin: 0 auto; width: 760px; padding: 50px 0 50px; overflow: hidden; }

h1 { font-size: 42px; line-height: 1; font-family: "Didot","Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #C89B49; margin: 1em 0 0; }
h2 { font-size: 36px; line-height: 1; font-family: "Didot","Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #C89B49; margin: 2em 0 0; }
h3 { font-size: 15px; margin: 1em 0; }

a { color: #C89B49; }
p { margin: 1em 0; }

p.intro { font-size: 18px; font-family: Georgia; font-style: italic; margin: 1.5em 0 2em; }

h2 span { font-style: italic; text-transform: lowercase; color: #C89B49; font-size: 26px; font-weight: 200; }

#header { background: #0B1723; width: 100%; padding: 30px 0; border-bottom: 10px solid #0E1E31; }
#header .wrap { margin: 3em 0; text-align: left; width: 760px; margin: 0 auto; position: relative; }
#site-name { margin: 0; }
#site-name img { margin: 0 5px 0 0; }

#header h3.contact { position: absolute; top: 0; right: 0; font-size: 28px; font-family: Georgia; font-style: italic; font-weight: 200; line-height: 1.2; }
#header h3.contact a { font-size: 16px; }

#right { float: right; width: 110px; }
#right ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
#right ul li { float: left; margin: 0 0 10px 0; }
#right ul li a { float: left; padding: 10px 0; width: 110px; background: #0E1E31; background: rgba(0,0,0,.2); text-transform: uppercase; text-decoration: none; text-align: center; }
#right ul li.selected a, #right ul li a:hover { background: #0B1723; background: rgba(0,0,0,.4); }

#left { float: left; width: 555px; margin: 0 40px 0 0; }
#left h1 { margin: 0; }
#left ul { margin: 1em 0; list-style: none; padding: 0; }
#left ul li { border-bottom: 1px solid #324753; padding: .67em 100px .67em 0; position: relative; }
#left ul li.long-price { padding-right: 230px; }
#left ul li h3 { margin: 0; line-height: 1.2; }
#left ul li p { margin: .3em 0 0; line-height: 1.2; }
#left ul li p span, #left ul li span { position: absolute; bottom: .67em; right: 0; font-weight: bold; font-family: Georgia; font-style: italic; font-size: 15px; }	
#left ul li.info { border: 0; padding: 1em 0; }
#left ul li.top { border: 0; padding: 2em 0; position: static; overflow: hidden; }
#left ul li.top a { float: right; text-decoration: none; text-transform: uppercase; background: url(../images/up.gif) no-repeat 100% 50%; padding: 3px 20px 2px 0; color: #fff; }

/* IMG Replacement */

#front h1, #a-la-carte h1 { background: url(../images/titles/a-la-carte.gif) no-repeat; text-indent: -9999px; }
h2.meze {  background: url(../images/titles/meze.gif) no-repeat; text-indent: -9999px; }
h2.kirio-piato {  background: url(../images/titles/kirio-piato.gif) no-repeat; text-indent: -9999px; }
h2.side-orders {  background: url(../images/titles/side-orders.gif) no-repeat; text-indent: -9999px; }
h2.grill {  background: url(../images/titles/grill.gif) no-repeat; text-indent: -9999px; }

#desserts h1 { background: url(../images/titles/desserts.gif) no-repeat; text-indent: -9999px; }
h2.coffee {  background: url(../images/titles/coffee.gif) no-repeat; text-indent: -9999px; }

#set-menu h1 { background: url(../images/titles/set-menu.gif) no-repeat; text-indent: -9999px; }
h2.meat-meze {  background: url(../images/titles/meat-meze.gif) no-repeat; text-indent: -9999px; }
h2.vegetarian-meze {  background: url(../images/titles/vege-meze.gif) no-repeat; text-indent: -9999px; }
h2.fish-meze {  background: url(../images/titles/fish-meze.gif) no-repeat; text-indent: -9999px; }

#specials h1 { background: url(../images/titles/specials.gif) no-repeat; text-indent: -9999px; }
h2.this-weeks-specials {  background: url(../images/titles/this-weeks-specials.gif) no-repeat; text-indent: -9999px; }

#drinks-list h1 { background: url(../images/titles/drinks-list.gif) no-repeat; text-indent: -9999px; }
h2.martinis {  background: url(../images/titles/martinis.gif) no-repeat; text-indent: -9999px; }
h2.fresh-fruit-martinis {  background: url(../images/titles/fresh-fruit-martinis.gif) no-repeat; text-indent: -9999px; }
h2.margaritas {  background: url(../images/titles/margaritas.gif) no-repeat; text-indent: -9999px; }
h2.daiquiris {  background: url(../images/titles/daiquiris.gif) no-repeat; text-indent: -9999px; }
h2.shots {  background: url(../images/titles/shots.gif) no-repeat; text-indent: -9999px; }
h2.fresh-fruit-blends {  background: url(../images/titles/fresh-fruit-blends.gif) no-repeat; text-indent: -9999px; }
h2.fresh-tea {  background: url(../images/titles/fresh-tea.gif) no-repeat; text-indent: -9999px; }
h2.champagne-cocktails {  background: url(../images/titles/champagne-cocktails.gif) no-repeat; text-indent: -9999px; }
h2.ice-cream-cocktails {  background: url(../images/titles/ice-cream-cocktails.gif) no-repeat; text-indent: -9999px; }
h2.cocktails {  background: url(../images/titles/cocktails.gif) no-repeat; text-indent: -9999px; }

#wine-list h1 { background: url(../images/titles/wine-list.gif) no-repeat; text-indent: -9999px; }
h2.house-wine {  background: url(../images/titles/house-wine.gif) no-repeat; text-indent: -9999px; }
h2.greek-white-wine {  background: url(../images/titles/greek-white-wine.gif) no-repeat; text-indent: -9999px; }
h2.greek-red-wine {  background: url(../images/titles/greek-red-wine.gif) no-repeat; text-indent: -9999px; }
h2.greek-rose {  background: url(../images/titles/greek-rose.gif) no-repeat; text-indent: -9999px; }
h2.white-wine {  background: url(../images/titles/white-wine.gif) no-repeat; text-indent: -9999px; }
h2.red-wine {  background: url(../images/titles/red-wine.gif) no-repeat; text-indent: -9999px; }
h2.rose-wine {  background: url(../images/titles/rose-wine.gif) no-repeat; text-indent: -9999px; }
h2.champagne {  background: url(../images/titles/champagne.gif) no-repeat; text-indent: -9999px; }
h2.opa-wine-guarantee {  background: url(../images/titles/opa-wine-guarantee.gif) no-repeat; text-indent: -9999px; }

#christmas h1 { background: url(../images/titles/christmas.gif) no-repeat; text-indent: -9999px; }
h2.desserts {  background: url(../images/titles/desserts-sml.gif) no-repeat; text-indent: -9999px; }