/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* VNstyle */

html 	{ text-align : center;
	background:#eee2ca url(../images/deco-bg.jpg) repeat-x 30% 0;
 }

body {	
text-align : left;

}
html, body {
text-align: center;
}

#top_nav{
	margin-top:-60px;
	margin-bottom:20px;
	padding-top:40px;
	position-relative;
	height:30px;

	
}
ul#t_nav{
	display: inline;
	
	width:80%;
		padding-right:20px;
		padding-left:20px;
		margin-left : 300px; 
	padding-top:10px;

	text-align:right;

	
}
ul#t_nav li{
	font-family:  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	   font-weight: 500;
	font-size:14px;
	letter-spacing:0.2em;
	color:#275494;
	padding-left:20px;
	display: inline;
}

ul#t_nav li a {color:#275494; text-decoration: none;}

ul#t_nav li a:hover{color: #000}
ul#t_nav li a:visited{color:#275494}

#branding{
	position:absolute;
	z-index:10;
	margin-top:-60px;
	margin-left:7%;
	height:280px;
	width: 300px;
	background: url(../images/vn-brand.png) ;
}
#branding h1{
	text-indent:-3000px;
}
#topquote {
	position:relative;
	z-index:10;
	padding:25px;
	margin-top:10px;
	margin-left:45%;
	height:120px;
	width: 570px;
	background: url(../images/exclaimationmarks.png) no-repeat 0 10px;
}

#topquote p{font-size: 180%; line-height: 1.2em; font-style: italic; padding-bottom:10px; color:#275494; }
.cite{font-size:60%; xmargin-left: 300px; padding-top:10px;color:#ff0000;}

#header{
	width:100%;
	
	padding-bottom:10px;
	margin-top:10px;
	height:220px;
	background: url(../images/collar.png) repeat-x 20% 15px ;
}

#wrapper{
	text-align:left;
	position:relative;
	width:930px;
margin-top:30px;
	padding-right:30px;
	padding-left:30px;
	height:320px;
	margin-left : auto; 
	margin-right : auto;
	
	
}
#inner-wrap{
	
	
background: url(../images/white-20.png) ;
	position:relative;
	width:900px;
	xpadding-right:20px;
	xpadding-left:10px;
	margin-left : auto; 
	margin-right : auto;
	margin-bottom:10px;
	
}

#page_mast{position: relative;
	z-index:-1;
	margin-top:-10px;
	margin-left:-20px;
	width:930px;
	height:307px;
	background: #f9ebc5 ;
	box-shadow: 0px 0px 5px #888;
}

#slideshow{
	z-index:10;
	float:left;
	width:560px;
	height:250px;
	margin: 20px;
	padding:10px;
	background:#fff;
}

#buttons{position:absolute;
	margin-top:-265px;
	margin-left:522px;

}

.rest_but{
	text-indent:-3000px;
	display: block;
	width:415px;
	height:116px;
background: url(../images/restaurant-ribbon.png) ;
	
}
.rest_but:hover{
	background: url(../images/restaurant-ribbon-down.png) 
}

#bou_but{
	text-indent:-3000px;
	display: block;
	width:415px;
	height:116px;
background: url(../images/boutique-ribbon-up.png) ;
		
}

#bou_but:hover{
	background: url("../images/boutique-ribbon-down.png") ;
}


#content{
	xz-index:10;
	display:inline;
	float:left;
	width:600px;
	margin-top:-10px;
	margin-left:-15px;
	padding:25px;
	min-height:500px;
	background: url(../images/white-20.png) ;
	}
	
	#content_r{
		
	xpadding:2.5%;
	float: right;
	width:45%;	
	}
	
	#content_l{
		
	float: left;
	width:45%;
	xpadding:2.5%;	
	}
	
	#content_r_wide{
		
	xpadding:2.5%;
	float: right;
	width:55%;	
	}
	
	#content_l_narrow{
		
	float: left;
	width:40%;
	xpadding:2.5%;	
	}
	.col_narrow{width: 40%}
	.col_wide{width:55%;}

	
#side_content{
	z-index:-10;
	height:50px;
	display: inline;
	margin-right:30px;
	margin-top:-30px;
	float:right;
	width:180px;
	padding-top:90px;
	padding-bottom:0px;
	background:url("../images/ribbon-ends.png") no-repeat 60% 0;
	position:relative;
}

#side_content2{
	display: inline;
	margin-top:-30px;
margin-right:30px;
	float:right;
	width:220px;
	padding-bottom:30px;
	position:relative;
}

#side_content2 p{
	font-size: 90%;
	line-height: 1.5em;
	
}

#side_content2 li{

	padding:20px;
	padding-bottom:5px;
	width:90%;
	xheight:50px;
	background: url(../images/white-20.png)
}
.ta{margin-top:10px;}

#smedia {margin-top:40px;}
#smedia li{
	margin-top:20px;
	padding:30px;
	xbackground:#fff;
	display:inline;
}

#smedia li.smedia1{ background: url(../images/icons/twitter-icon.png) no-repeat}
#smedia li.smedia2{background: url(../images/icons/facebookicon.png) no-repeat}
#lower_wrap{clear:both;
	overflow:hidden;
	xbackground: url(../images/white-20.png) ;
		position:relative;
		width:1000px;
		margin-top:0px;
		margin-left : auto; 
		margin-right : auto;
		xpadding-right:50px;
		xpadding-left:10%;
		padding-bottom:10px;
}
#sub_boxes{
	clear:both;
	position:relative;
	xmargin-left : 20px; 

}



#sb1{
	float:left;
			width:215px;
			height:150px;
			margin-top:20px;
			margin-left:10px;
		box-shadow: 0px 0px 5px #888;
			border: #fff 10px solid  ;	
	
}

.sb1a{background: url(../images/food_img/sauce_tomate_215.png) no-repeat;}
.sb1a h4{background: url(../images/titles/boutique_box.png) no-repeat ;}
.sb1b{background: url(../images/food_img/menus.jpg) no-repeat;}
.sb1b h4{background: url(../images/titles/menus_box.png) no-repeat ;}
.sb1c{background: url(../images/food_img/cuisine-nicoise.jpg) no-repeat;}
.sb1c h4{background: url(../images/titles/cuisine_box.png) no-repeat ;}
.sb1d{background: url(../images/food_img/nice-map-small.jpg) no-repeat;}
.sb1d h4{background: url(../images/titles/directions_box.png) no-repeat ;}

#sb1 h4{text-indent:-3000px;
	height:55px;
	margin-top:95px;
	}





.clear {clear:both;}

.title{
		height: 80px;
		margin-top:0px;
		text-indent: -3000px;}

.welcome { background: url(../images/titles/welcome.png) no-repeat center; }

.cuisine-nicoise { background: url(../images/titles/cuisine-nicoise.png) no-repeat center;}
	
.restaurant { background: url(../images/titles/restaurant.png) no-repeat center;}	
	
.contact { background: url(../images/titles/contact.png) no-repeat center;}	
			
.menus { background: url(../images/titles/menus.png) no-repeat center;}
				
.boutique { background: url(../images/titles/boutique.png) no-repeat center;}

.reviews { background: url(../images/titles/reviews.png) no-repeat center;}							
							
#footer{
	margin-top:0px;
	padding-top:20px;
	height:200px;
	background: url(../images/collar-foot.png) 0px -5px ;
	margin-bottom:-20px;
}
	#footer_wrap{
		background: url(../images/vn-brand-small.png) no-repeat 99% -2px ;
		width:80%;
		height:150px;
		margin-left : auto; 
		margin-right : auto;}
	
	
body p,h1,h2,h3,h4, ul{font-family: georgia; color:#275494;}

p, ul {text-align: left; line-height: 1.7em;}	

#footer p{
	font-family:  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 500;
	font-style:italic;
	font-size:11px;
	letter-spacing:0.2em;
	color:#275494;
}

h3{font-size:130%;
	padding-bottom:30px;
	padding-top:30px;}
	
h5{text-align: left;
	color: #ff0000;
	font-size:110%;
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom: 1px dotted;
		}		

.bold{font-weight: bold;}	
.centered p{text-align: center;}