/**************************************/
/*** Start: Reset styles                   ***/
/**************************************/
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}


a {
    outline: none;
}

/**************************************/
/*** End: Reset styles                   ***/
/**************************************/


#flashmovie {margin:0;padding:0;position:absolute;top:0px;left:0px;z-index:100}

/*For When CSS is turned Off*/
h1,h2 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}

/*General Styles*/
a {color:#7e0846}
p {margin: 0 0 15px 0}
.clear {clear:both;}
img {border:0;}
h3 {font-size:1.3em;color:#7e0846;}
body{font-size:0.8em;color:#666;font-family:Century Gothic, arial;background: url(../images/bg-top-long.gif) top left repeat-x;background-color:#fcf5de;}

#logo a {background: url(../images/logo-barnet-restaurant.gif) top left no-repeat;width:200px;height:78px;display:block;position:absolute; top:42px; left:0;}

em {font-style:italic;}
#mainContent {width:900px;float:left;}

#topContent {width:100%;height:138px;margin:0 auto; position:relative;text-align:left;}
#topHolding {margin:0 auto; position:relative;text-align:left; width:900px;height:100%;}

#bottomContent {width:100%;height:100%;background: url(../images/bg-bottom.gif) top left repeat-x;min-height:250px;padding:0 0 50px 0;background-color:#fcf5de;}
#bottomHolding {margin:0 auto; position:relative;text-align:left; width:900px;height:100%;min-height:200px;background-color:#fcf5de;}



#centerContent {margin:0 auto; position:relative;text-align:left;width:900px;height:100%;min-height:300px;padding: 50px 0 0 0}

#footer {width:100%;height:50px;background-color:#000;margin:40px 0 0 0}
#footer p {color:#fff;padding-top:18px;font-size:10px;}
 


/*Navigation*/
#navigation {position:absolute; top:109px; left:230px;width:670px;}
#navigation ul li {float:left;list-style:none;height:12px;margin:0 15px 0 0}
#navigation ul li a {display:block;margin:0;height:12px;}

#navigation ul li.home, #navigation ul li.home a  {background: url(../images/nav-home.gif) center no-repeat;width:50px;}
#navigation ul li.home a:hover, #navigation ul li.home a.on  {background: url(../images/nav-home-on.gif) center no-repeat;width:50px;}

#navigation ul li.ourfood, #navigation ul li.ourfood a  {background: url(../images/nav-menu.gif) center no-repeat;width:50px;}
#navigation ul li.ourfood a:hover, #navigation ul li.ourfood a.on  {background: url(../images/nav-menu-on.gif) center no-repeat;width:50px;}

#navigation ul li.ourwine, #navigation ul li.ourwine a  {background: url(../images/nav-drinks.gif) center no-repeat;width:59px;}
#navigation ul li.ourwine a:hover, #navigation ul li.ourwine a.on  {background: url(../images/nav-drinks-on.gif) center no-repeat;width:59px;}


#navigation ul li.awards, #navigation ul li.awards a  {background: url(../images/nav-awards.gif) center no-repeat;width:63px;}
#navigation ul li.awards a:hover, #navigation ul li.awards a.on  {background: url(../images/nav-awards-on.gif) center no-repeat;width:63px;}

#navigation ul li.about, #navigation ul li.about a  {background: url(../images/nav-about.gif) center no-repeat;width:79px;}
#navigation ul li.about a:hover, #navigation ul li.about a.on  {background: url(../images/nav-about-on.gif) center no-repeat;width:79px;}

#navigation ul li.special, #navigation ul li.special a  {background: url(../images/nav-special.gif) center no-repeat;width:123px;}
#navigation ul li.special a:hover, #navigation ul li.special a.on  {background: url(../images/nav-special-on.gif) center no-repeat;width:123px;}





#navigation ul li.gallery, #navigation ul li.gallery a  {background: url(../images/nav-gallery.gif) center no-repeat;width:68px;}
#navigation ul li.gallery a:hover, #navigation ul li.gallery a.on  {background: url(../images/nav-gallery-on.gif) center no-repeat;width:68px;}

#navigation ul li.contact, #navigation ul li.contact a  {background: url(../images/nav-contact.gif) center no-repeat;width:100px;}
#navigation ul li.contact a:hover, #navigation ul li.contact a.on  {background: url(../images/nav-contact-on.gif) center no-repeat;width:100px;}

.subNavigation {margin:0;padding:0;height:12px}
.subtwo {padding:18px 0 31px 0}
.subNavigation ul {margin:0;padding:0;}
.subNavigation ul li {float:left;margin:0 0 0 0px;}
.subNavigation ul li a {display:block;margin:0;height:12px;}

.subNavigation ul li.navStarters, .subNavigation ul li.navStarters a  {background: url(../images/nav-starters.gif) center no-repeat;width:88px;}
.subNavigation ul li.navStarters a:hover, .subNavigation ul li.navStarters a.on  {background: url(../images/nav-starters-on.gif) center no-repeat;width:88px;}

.subNavigation ul li.navMains, .subNavigation ul li.navMains a  {background: url(../images/nav-mains.gif) center no-repeat;width:65px;}
.subNavigation ul li.navMains a:hover, .subNavigation ul li.navMains a.on  {background: url(../images/nav-mains-on.gif) center no-repeat;width:65px;}

.subNavigation ul li.navDesserts, .subNavigation ul li.navDesserts a  {background: url(../images/nav-dessert.gif) center no-repeat;width:81px;}
.subNavigation ul li.navDesserts a:hover, .subNavigation ul li.navDesserts a.on  {background: url(../images/nav-dessert-on.gif) center no-repeat;width:81px;}

.subNavigation ul li.navPizza, .subNavigation ul li.navPizza a  {background: url(../images/nav-pizza.gif) center no-repeat;width:58px;}
.subNavigation ul li.navPizza a:hover, .subNavigation ul li.navPizza a.on  {background: url(../images/nav-pizza-on.gif) center no-repeat;width:58px;}

.subNavigation ul li.navPasta, .subNavigation ul li.navPasta a  {background: url(../images/nav-pasta-risotto.gif) center no-repeat;width:155px;}
.subNavigation ul li.navPasta a:hover, .subNavigation ul li.navPasta a.on  {background: url(../images/nav-pasta-risotto-on.gif) center no-repeat;width:155px;}

.subNavigation ul li.navMeat, .subNavigation ul li.navMeat a  {background: url(../images/nav-meat-fish.gif) center no-repeat;width:116px;}
.subNavigation ul li.navMeat a:hover, .subNavigation ul li.navMeat a.on  {background: url(../images/nav-meat-fish-on.gif) center no-repeat;width:116px;}

.subNavigation ul li.navSide, .subNavigation ul li.navSide a  {background: url(../images/nav-side.gif) center no-repeat;width:130px;}
.subNavigation ul li.navSide a:hover, .subNavigation ul li.navSide a.on  {background: url(../images/nav-side-on.gif) center no-repeat;width:130px;}

.subNavigation ul li.navSalad, .subNavigation ul li.navSalad a  {background: url(../images/nav-salads.gif) center no-repeat;width:60px;}
.subNavigation ul li.navSalad a:hover, .subNavigation ul li.navSalad a.on  {background: url(../images/nav-salads-on.gif) center no-repeat;width:60px;}

.subNavigation ul li.navTea, .subNavigation ul li.navTea a  {background: url(../images/nav-tea.gif) center no-repeat;width:129px;}
.subNavigation ul li.navTea a:hover, .subNavigation ul li.navTea a.on  {background: url(../images/nav-tea-on.gif) center no-repeat;width:129px;}

.subNavigation ul li.navLiqueurs, .subNavigation ul li.navLiqueurs a  {background: url(../images/nav-liqueurs.gif) center no-repeat;width:96px;height:16px}
.subNavigation ul li.navLiqueurs a:hover, .subNavigation ul li.navLiqueurs a.on  {background: url(../images/nav-liqueurs-on.gif) center no-repeat;height:16px}

.subNavigation ul li.navWineList, .subNavigation ul li.navWineList a  {background: url(../images/nav-wine-list.gif) center no-repeat;width:96px;height:16px}
.subNavigation ul li.navWineList a:hover, .subNavigation ul li.navWineList a.on  {background: url(../images/nav-wine-list-on.gif) center no-repeat;height:16px}

.subNavigation ul li.navCocktailList, .subNavigation ul li.navCocktailList a  {background: url(../images/nav-cocktail-list.gif) center no-repeat;width:136px;height:16px}
.subNavigation ul li.navCocktailList a:hover, .subNavigation ul li.navCocktailList a.on  {background: url(../images/nav-cocktail-list-on.gif) center no-repeat;height:16px}



/*Home Page*/

#leftContent {float:left;width:529px;margin:25px 0 0 0}
#rightContent {float:right;width:284px;height:295px;background: url(../images/bg-grittz.jpg) top left no-repeat;margin:25px 12px 0 0}

#introText {width:540px;margin-top:52px;float:left;margin: 0 20px 0 0;border-right:1px dotted #c4c4c4;padding-left:15px}
#homePhoto {float:right;margin: 0 12px 0 0}

#welcome {background: url(../images/grittz-mediterranean-restaurant.gif) top left no-repeat;width:436px;height:59px;margin:0 0 20px 0}



.foodimage {float:left;}
.foodtext {float:left;margin:12px 0 0 0;border-top: 1px dotted #c4c4c4;border-bottom: 1px dotted #c4c4c4;width:353px;height:75px;}
.foodtext p {margin:5px 0 0 0}
#starterTitle , #mainTitle, #dessertTitle {margin:5px 0 0 0}


#starterTitle {background: url(../images/title-starters-home.gif) top left no-repeat;width:58px;height:14px;}
#mainTitle {background: url(../images/title-mains.gif) top left no-repeat;width:47px;height:14px;}
#dessertTitle {background: url(../images/title-desserts.gif) top left no-repeat;width:60px;height:14px;}


/*Our Food*/

#Grittz-Pizza {background: url(../images/title-Pizza.gif) top left no-repeat;width:66px;height:23px;margin:0 0 15px 0}
#Grittz-Pasta {background: url(../images/title-Pasta.gif) top left no-repeat;width:200px;height:23px;margin:0 0 15px 0}
#Grittz-Starters {background: url(../images/title-starters.gif) top left no-repeat;width:93px;height:23px;margin:0 0 15px 0}
#Grittz-Meat-Fish {background: url(../images/title-meat-fish.gif) top left no-repeat;width:163px;height:23px;margin:0 0 15px 0}
#Grittz-Side {background: url(../images/title-side.gif) top left no-repeat;width:147px;height:23px;margin:0 0 15px 0}
#Grittz-Salad {background: url(../images/title-salad.gif) top left no-repeat;width:79px;height:23px;margin:0 0 15px 0}
#Grittz-Desserts {background: url(../images/title-desserts1.gif) top left no-repeat;width:104px;height:23px;margin:0 0 15px 0}
#Grittz-Tea {background: url(../images/title-tea-coffee.gif) top left no-repeat;width:168px;height:23px;margin:0 0 15px 0}
#Grittz-Liqueurs {background: url(../images/title-liqueurs.gif) top left no-repeat;width:109px;height:29px;margin:0 0 15px 0}
#Grittz-Wine {background: url(../images/title-wine-list.gif) top left no-repeat;width:124px;height:29px;margin:0 0 15px 0}
#Awards {background: url(../images/title-awards.gif) top left no-repeat;width:93px;height:29px;margin:0 0 15px 0}
#About {background: url(../images/title-about.gif) top left no-repeat;width:162px;height:29px;margin:0 0 15px 0}
#Gallery {background: url(../images/title-gallery.gif) top left no-repeat;width:91px;height:27px;margin:0 0 15px 0}
#Contact {background: url(../images/title-contact.gif) top left no-repeat;width:143px;height:27px;margin:0 0 15px 0}
#Special {background: url(../images/title-special-offer.gif) top left no-repeat;width:174px;height:27px;margin:0 0 15px 0}
#Grittz-Cocktails {background: url(../images/title-cocktail.gif) top left no-repeat;width:162px;height:23px;margin:0 0 15px 0}


#menu {width:500px;float:left;}

.itemHolging {width:496px;margin:0 0 10px 0}
.item {float:left;width:400px;}
.item strong {font-weight:bold;color:#7e0846;}
.price {float:right;font-weight:bold;color:#7e0846;}

.wineTitle {margin:0 0 15px 0}

#Telephone {margin:10px 0 0 0}

#GalleryImages {width:500px}
#GalleryImages ul li {float:left;margin:0 3px 0 0}

#map {float:left;}

.apnm {float:right;}

#specialContent {width:900px;float:left;margin: 52 20px 0px 0;padding:0 0 30px 0}

#special1 {float:left;width:284px;height:295px;background: url(../images/lunch-deal.jpg) top left no-repeat;margin:25px 15px 0px 0}
#special2 {float:left;width:284px;height:295px;background: url(../images/half-price-deal.jpg) top left no-repeat;margin:25px 15px 0 0}
#special3 a {float:left;width:284px;height:295px;background: url(../images/wine-dine.jpg) top left no-repeat;margin:25px 0px 0 0;display:block;}


/*Christmas*/

.xmas {float:left;width:204px;}
.halfprice {float:left;width:200px;}
.xmasTitle1 {margin:0 0 15px 140px;background: url(../images/xmas-menu-1.gif) top left no-repeat;width:346px;height:79px;}
.xmasTitle2 {margin:0 0 15px 140px;background: url(../images/xmas-menu-2.gif) top left no-repeat;width:346px;height:79px;}

#menuXmas {width:570px;float:left;}
#menuXmas .itemHolging {width:570px;margin:0 0 10px 0;}
#menuXmas .item {float:left;width:570px;text-align:center}
#menuXmas .item strong {font-weight:bold;color:#7e0846;}
#menuXmas .price {float:right;font-weight:bold;color:#7e0846;}

#menuXmas h3{text-align:center;margin:0 0 15px 0;padding-top:10px;color:#e2001a;}

.divider {border-top:1px dotted #c4c4c4;width:100%;line-height:0;margin:0}

.homeOffers {margin:20px 0 0 0}

.homeOffers ul li {float:left;margin:0 20px 0 0}




/*Sign Up*/
#signUp {color:#7e0846;font-family:Century Gothic, arial;font-size:11px;float:right;width:290px}

label {width:66px;display:block;float:left;}
input.field {background-color:#fff;border:1px solid #7e0846;height:18px;width:199px;color:#666666;margin:0 0 2px 0;float:left;}

#Send {float:right;margin:5px 27px 0 0}

#imgBirthdayPick {float:left;margin:0;padding:0}

#icons {position:absolute;top:3px;right:0;font-size:0.8em;}
#icons ul li {float:left;margin:0 10px 0 0}