body {
	background:url(images/bg.gif) repeat top left;
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	color:#827a00;
	margin:0;
	padding:0;
}

#Container {
	margin: 0 auto;
	padding:0;
	position:relative;
	width:930px;
}

/***Header Styles**/

#Header {
	margin: 50px 0 0 0;
	padding:0;
}

#Header h1, h2{
	margin:0;
	padding:0;
}

#Header h1 a{
	display:block;
	height:40px;
	width:224px;
	text-indent:-9999px;
	background:url(images/grappa-logo.png) no-repeat left top;
	float:left;
	margin:0 0 0 15px;
}

#Header h2 a{
	display:block;
	/*height:53px;
	width:254px;
	background:url(images/grappa-address-hours.png) no-repeat right top;*/
	text-indent:-9999px;
	float:right;
	margin:0 15px 0 0;
	height:50px;
	width:135px;
	background:url(http://www.grapparestaurant.ca/v2/images/grappa-address.png) no-repeat right top;
}


/**Main Navigation**/
#Navigation {
	background: url(images/navBG.png) top no-repeat !important;
	background: url(images/navBG.gif) top no-repeat;
	margin:0;
	padding:0;
	width: 930px;
	height:70px;
	position:relative;
	z-index:2;
}

#Navigation ul#Nav{
	height:53px;
	width:875px;
	margin:0;
	padding:17px 0 0 25px;
	list-style:none;
}

#Navigation ul#Nav li{
	margin:0;
	padding:0;
	height:53px;
	float:left;
	clear:none;
}

#Navigation ul#Nav li a{
	outline:none;
	display:block;
	text-indent:-9999px;
	height:53px;
	background:url(images/subnav2.gif) no-repeat 0 0;
}

#Navigation ul#Nav li.home a{
	width:82px;
}

#Navigation ul#Nav li.home a.NotSelected:hover{
	background-position: 0 -53px;
}

#Navigation ul#Nav li.home a.Selected{
	background-position: 0 -106px;
}

#Navigation ul#Nav li.about a{
	width:112px;
	background-position: -82px 0;
}

#Navigation ul#Nav li.about a.NotSelected:hover{
	background-position: -82px -53px;
}

#Navigation ul#Nav li.about a.Selected{
	background-position: -82px -106px;
}

#Navigation ul#Nav li.menu a{
	width:85px;
	background-position: -194px 0;
}

#Navigation ul#Nav li.menu a.NotSelected:hover{
	background-position: -194px -53px;
}

#Navigation ul#Nav li.menu a.Selected{
	background-position: -194px -106px;
}

#Navigation ul#Nav li.winelist a{
	width:117px;
	background-position: -279px 0;
}

#Navigation ul#Nav li.winelist a.NotSelected:hover{
	background-position: -279px -53px;
}

#Navigation ul#Nav li.winelist a.Selected{
	background-position: -279px -106px;
}

#Navigation ul#Nav li.reservations a{
	width:145px;
	background-position: -396px 0;
}

#Navigation ul#Nav li.reservations a.NotSelected:hover{
	background-position: -396px -53px;
}

#Navigation ul#Nav li.reservations a.Selected{
	background-position: -396px -106px;
}

#Navigation ul#Nav li.contact a{
	width:105px;
	background-position: -541px 0;
}

#Navigation ul#Nav li.contact a.NotSelected:hover{
	background-position: -541px -53px;
}

#Navigation ul#Nav li.contact a.Selected{
	background-position: -541px -106px;
}

#Navigation ul#Nav li.testimonials a{
	width:138px !important;
	width:131px;
	background-position: -646px 0;
}

#Navigation ul#Nav li.testimonials a.NotSelected:hover{
	background-position: -646px -53px;
}

#Navigation ul#Nav li.testimonials a.Selected{
	background-position: -646px -106px;
}

#Navigation ul#Nav li.photos a{
	width:91px;
	background-position: -784px 0;
}

#Navigation ul#Nav li.photos a.NotSelected:hover{
	background-position: -784px -53px;
}

#Navigation ul#Nav li.photos a.Selected{
	background-position: -784px -106px;
}

/*#Navigation ul#Nav li.home a{
	width:114px;
}

#Navigation ul#Nav li.home a.NotSelected:hover{
	background-position: 0 -53px;
}

#Navigation ul#Nav li.home a.Selected{
	background-position: 0 -106px;
}

#Navigation ul#Nav li.about a{
	width:124px;
	background-position: -114px 0;
}

#Navigation ul#Nav li.about a.NotSelected:hover{
	background-position: -114px -53px;
}

#Navigation ul#Nav li.about a.Selected{
	background-position: -114px -106px;
}

#Navigation ul#Nav li.menu a{
	width:124px;
	background-position: -238px 0;
}

#Navigation ul#Nav li.menu a.NotSelected:hover{
	background-position: -238px -53px;
}

#Navigation ul#Nav li.menu a.Selected{
	background-position: -238px -106px;
}

#Navigation ul#Nav li.winelist a{
	width:124px;
	background-position: -362px 0;
}

#Navigation ul#Nav li.winelist a.NotSelected:hover{
	background-position: -362px -53px;
}

#Navigation ul#Nav li.winelist a.Selected{
	background-position: -362px -106px;
}

#Navigation ul#Nav li.reservations a{
	width:134px;
	background-position: -486px 0;
}

#Navigation ul#Nav li.reservations a.NotSelected:hover{
	background-position: -486px -53px;
}

#Navigation ul#Nav li.reservations a.Selected{
	background-position: -486px -106px;
}

#Navigation ul#Nav li.contact a{
	width:124px;
	background-position: -620px 0;
}

#Navigation ul#Nav li.contact a.NotSelected:hover{
	background-position: -620px -53px;
}

#Navigation ul#Nav li.contact a.Selected{
	background-position: -620px -106px;
}

#Navigation ul#Nav li.testimonials a{
	width:131px !important;
	width:124px;
	background-position: -744px 0;
}

#Navigation ul#Nav li.testimonials a.NotSelected:hover{
	background-position: -744px -53px;
}

#Navigation ul#Nav li.testimonials a.Selected{
	background-position: -744px -106px;
}*/

/**Content Area**/
#Content {
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
	background: url(images/contentBG.png) top center repeat-y !important;
	background: url(images/contentBG.gif) top center repeat-y;
	width:930px;
	/*height:500px;*/
}

#MainImage{
	margin:15px 0 15px 30px;
	padding:0;
	width:870px;
	height:300px;
}

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:300px
}
#gallery a {
	float:left;
	position:absolute;
}

#gallery a img {
	border:none;
}
	
#gallery a.show {
	z-index:500
}

#MainContent{
	margin:0 0 15px 30px;
	padding:0;
	width:870px;
	overflow:hidden;
}

#MainContent #Aboutus{
	margin:0 0 15px 0;
	padding:0;
	float:left;
	width:500px;
}

#MainContent #Aboutus h3{
	margin:0;
	padding:0;
	width:114px;
	height:25px;
	text-indent:-9999px;
	background:url(images/aboutusTitle.gif) top left no-repeat;
}

#MainContent #Aboutus img{
	border:solid 1px #d1c19f;
	margin:0 10px 10px 0;
	padding:0;
	float:left;
}

#MainContent #Aboutus p{
	width:500px;
	margin:0;
	padding:0;
	float:left;
}

#MainContent #Aboutus a{
	color:#000000;
	text-decoration:none;
	outline:none;
}

#MainContent #Contactus{
	margin:0 0 15px 0;
	padding:0;
	float:left;
	width:500px;
}

#MainContent #Contactus h3{
	margin:0;
	padding:0;
	width:135px;
	height:25px;
	text-indent:-9999px;
	background:url(images/contactusTitle.gif) top left no-repeat;
}

#MainContent #Contactus #map{
	width:500px;
	/*height:200px;*/
	border:solid 1px #d1c19f;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

#MainContent #Contactus p{
	/*width:130px;*/
	margin:0;
	padding:0;
	/*float:left;*/
}

#MainContent #Contactus a{
	color:#827a00;
	text-decoration:none;
	outline:none;
}

#MainContent #Contactus a:hover{
	color:#000000;
	text-decoration:none;
	outline:none;
}


#MainContent #News{
	margin:0 0 15px 0;
	padding:0;
	float:left;
	width:500px;
}

#MainContent #News h3{
	margin:0;
	padding:0;
	width:160px;
	height:25px;
	text-indent:-9999px;
	background:url(images/newsTitle.gif) top left no-repeat;
}

#MainContent #News ul{
	list-style:none;
	margin:0;
	padding:0;
	width:500px;
}

#MainContent #News ul li{
	margin:0 0 10px 0;
	padding:0;
}

#MainContent #News h4{
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:bold;
}

#MainContent #News p{
	margin:0;
	padding:0;
}

#MainContent #News dl{
	float:left;
	margin:0;
	padding:0;
}

#MainContent #News dt{
	font-weight:bold;
	font-size:15px;
	margin:0;
	padding:0;
}


#MainContent #News dd{
	margin: 0 0 10px 0;
}

#MainContent #News a{
	text-decoration:none;
	color:#6A5022;
}

#MainContent #News a:hover{
	text-decoration:none;
	color:#000000;
}

#MainContent #Specials{
	margin:0 0 15px 0;
	padding:0;
	float:right;
	width:360px;
	/*height:200px;
	background-color:#FFFFFF;*/
}

#MainContent #Specials h3{
	margin:0;
	padding:0;
	width:220px;
	height:25px;
	text-indent:-9999px;
	background:url(images/prixfixeTitle.gif) top left no-repeat;
}

#MainContent #Specials dl{
	float:left;
	margin:0 0 10px 0;
	border-left: solid 1px #d9cab0;
}

#MainContent #Specials dt{
	font-weight:bold;
	font-size:15px;
	margin: 0 0 0 10px;
}

#MainContent #Specials dt.Title{
	color:#6a5022;
}

#MainContent #Specials dd{
	margin: 0 0 10px 10px;
}

#MainContent #Specials span{
	color:#000000;
	font-style:italic;
}

/**Footer**/
#Footer{
	clear:both;
	margin:0;
	padding:0;
	background: url(images/footerBG.png) top center no-repeat !important;
	background: url(images/footerBG.gif) top center no-repeat;
	width:930px;
	height:100px;
	position:relative;
}

#Footer a {
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}

#Footer a:hover {
	color:#000;
	text-decoration:none;
}

#Footer p#Left {
	margin:0 0 0 15px;
	padding:40px 0 0 0;
	color:#FFFFFF;
	font-size:11px;
	float:left;
	width:400px;
}

#Footer p#Right {
	margin:0 15px 0 0;
	padding:40px 0 0 0;
	color:#FFFFFF;
	font-size:11px;
	float:right;
	width:400px;
	text-align:right;
}